@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--navy:#103a80;--blue:#0758b9;--sky:#cceeff;--paper:#fffdfa;--ivory:#fff9ed;--line:#d4e4f4;--gold:#ffc748;--gold-dark:#b9771c;--ink:#20406d;--muted:#738bae;--sh:0 12px 30px rgba(17,86,169,.12);--edge:1px solid #c5d8ef;--radius:16px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:#e9f5ff;font-family:Nunito,'Segoe UI',Arial,sans-serif;font-size:15px}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:Cinzel,Georgia,serif;color:#0a418e;letter-spacing:-.024em}h3{color:#0b458f}.wrap{width:min(1450px,calc(100% - 52px));margin:auto}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted)}.small-note{font-size:12px;color:#7187a6;line-height:1.6}.notice{border:1px solid #efca81;border-left:5px solid #eba944;border-radius:10px;padding:17px 20px;background:#fff7db;margin:24px 0;color:#886123;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:900;color:#bb7a21;text-transform:uppercase}.label{display:inline-flex;align-items:center;gap:4px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.05em;padding:4px 9px;background:#fff1c5;color:#86651b}.label--event{background:#fff1b1}.label--notice{background:#ffdfdd;color:#bb454c}.label--guide{background:#d3f6ec;color:#15816a}.label--update{background:#d5e9ff;color:#075cad}.simple-link,.view-all{color:#0d62b4;font-size:13px;font-weight:900}.simple-link:hover,.view-all:hover{text-decoration:underline}
/* Header */
.site-head{height:83px;position:relative;z-index:100;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,252,248,.96));border-bottom:3px solid #f0bf60;box-shadow:0 5px 23px rgba(16,75,147,.13)}.head-wrap{height:100%;display:flex;align-items:center;gap:21px}.brand{display:flex;align-items:center;width:195px;flex:0 0 195px}.brand img{display:block;width:100%;max-height:71px;object-fit:contain}.nav{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1}.nav-link{font-size:12px;font-weight:900;color:#0c448b;padding:11px 8px;white-space:nowrap;border-radius:8px;transition:background .16s}.nav-link.current{color:#085bb2;background:#e8f4ff;box-shadow:inset 0 -3px 0 #2080df}.nav-link:hover{background:#ecf5ff}.nav-link.nav-reward{color:#714809;background:linear-gradient(#fff6bd,#ffd06c);border:1px solid #d6a249;box-shadow:0 2px 0 #e5aa30;font-weight:900;padding:10px 13px}.nav-account{padding:11px 16px;border:2px solid #1473d2;background:linear-gradient(#279aee,#0454ba);color:#fff;border-radius:30px;white-space:nowrap;font-size:11px;font-weight:900;box-shadow:0 2px 0 #e7b855}.hamburger{display:none;width:43px;height:42px;border:1px solid #9dc5ee;border-radius:10px;background:#eef7ff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.hamburger span{width:21px;height:2px;background:#0c5eb7;display:block;border-radius:3px}
/* Button texture assets are independent images, and all button text remains real HTML text. */
.fantasy-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:155px;min-height:48px;padding:12px 27px 15px;color:#fff;font-size:14px;font-weight:1000;line-height:1.1;border:0;border-radius:19px;background-image:url('../ui/button-blue-idle.png');background-position:center;background-size:100% 100%;filter:drop-shadow(0 5px 4px rgba(17,76,148,.16));transition:transform .15s,filter .15s;white-space:nowrap}.fantasy-btn--blue{background-image:url('../ui/button-blue-idle.png');color:#fff;text-shadow:0 2px #06477f}.fantasy-btn--blue:hover{background-image:url('../ui/button-blue-hover.png')}.fantasy-btn--blue:active{background-image:url('../ui/button-blue-pressed.png')}.fantasy-btn--gold{background-image:url('../ui/button-gold-idle.png');color:#50330c;text-shadow:0 1px rgba(255,255,255,.5)}.fantasy-btn--gold:hover{background-image:url('../ui/button-gold-hover.png')}.fantasy-btn--gold:active{background-image:url('../ui/button-gold-pressed.png')}.fantasy-btn--red{background-image:url('../ui/button-red-idle.png');color:#fff;text-shadow:0 2px #90203e}.fantasy-btn--red:hover{background-image:url('../ui/button-red-hover.png')}.fantasy-btn--red:active{background-image:url('../ui/button-red-pressed.png')}.fantasy-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 7px 8px rgba(17,76,148,.2))}.fantasy-btn:active{transform:translateY(1px)}.fantasy-btn.compact{min-width:132px;min-height:41px;padding:8px 20px 12px;font-size:12px}.fantasy-btn.full-width{display:flex;width:100%}.ghost-action{background:white;border:1px solid #c5d9ef;padding:10px 23px;border-radius:9px;color:#0756aa;font-weight:900}.ghost-action:hover{background:#ebf6ff}
/* Front page: the art is painted scenery ONLY, hero avatars are independent image layers */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:503px;background:#87cfff}.hero-sky{position:absolute;inset:0;z-index:-3;background:url('../backgrounds/kingdom-panorama.webp') center 47%/cover no-repeat}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(249,253,255,.77) 32%,rgba(255,255,255,.79) 66%,rgba(255,255,255,.03) 100%),linear-gradient(0deg,rgba(255,255,255,.25),transparent 22%)}.hero-characters{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.character-home{position:absolute;bottom:6px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 12px rgba(22,87,133,.17))}.character-home--male{width:390px;left:max(-45px,calc((100vw - 1600px)/2));bottom:-15px}.character-home--red{width:205px;left:max(-55px,calc((100vw - 1600px)/2 - 20px));bottom:235px;opacity:.94}.character-home--blonde{width:367px;right:max(-35px,calc((100vw - 1600px)/2));bottom:-7px}.character-home--mage{width:230px;right:max(265px,calc((100vw - 1600px)/2 + 280px));bottom:152px;opacity:.93}.character-home--mascot{width:137px;left:max(15px,calc((100vw - 1540px)/2 + 24px));bottom:-2px}.hero-center{position:relative;z-index:2;padding:43px 0 75px;text-align:center}.hero-main-logo{display:block;max-width:min(455px,66vw);max-height:166px;object-fit:contain;margin:0 auto 0;filter:drop-shadow(0 5px 9px rgba(255,255,255,.45))}.hero-center h1{font-size:clamp(22px,3.0vw,38px);margin:0 0 9px;text-shadow:0 2px 8px #fff}.hero-center h1 span{color:#0b59b5}.hero-center>p{max-width:550px;margin:0 auto 18px;color:#255488;font-size:14px;font-weight:800;line-height:1.65;text-shadow:0 1px 2px white}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero-buttons .fantasy-btn{min-width:174px}.rate-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 12px;margin:20px auto 0;width:fit-content;max-width:680px;background:#ffffffcc;border:1px solid #e2ebf5;padding:7px 14px;border-radius:30px;box-shadow:0 3px 16px #5fa1cf21;font-size:11px;font-weight:900;color:#205296}.rate-row span:not(:first-child){border-left:1px solid #aecfe8;padding-left:12px}.rate-row strong{font-size:15px;color:#0a59ac}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(transparent,rgba(255,255,255,.8));border-bottom:4px solid #efc36f}
.home-overlap{position:relative;z-index:3;margin-top:-29px}.home-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 13px;background:rgba(255,253,246,.96);border:2px solid #eed3a1;border-radius:18px;box-shadow:0 9px 21px rgba(42,97,143,.18)}.shortcut{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2px;min-height:106px;padding:9px 8px;border-right:1px solid #d6e5f2;text-align:center;transition:background .2s}.shortcut:last-child{border:0}.shortcut:hover{border-radius:10px;background:#eaf5ff}.shortcut img{height:49px;width:49px;object-fit:contain;filter:drop-shadow(0 3px 2px #23558b22)}.shortcut strong{font-size:12px;color:#114c9a}.shortcut small{font-size:10px;color:#8092ae}.main-content{padding-top:23px;padding-bottom:60px}.home-columns{display:grid;grid-template-columns:1.04fr .97fr .79fr;gap:15px;align-items:start}.panel{padding:21px;border:1px solid #cadff2;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--sh);overflow:hidden}.panel h2,.panel h3{margin:0 0 13px}.panel h2{font-size:19px}.panel h3{font-size:17px}.panel p{font-size:13px;line-height:1.68}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:13px;padding-bottom:10px;border-bottom:1px solid #dce7f1;margin-bottom:5px}.panel-title h2{margin:0;font-size:19px}.panel-title>a{font-size:12px;color:#df971c;font-weight:900;white-space:nowrap}.feature-banner{height:255px;border-radius:12px;position:relative;overflow:hidden;background:#2772bc}.feature-banner-image{position:absolute;inset:0;background:url('../backgrounds/kingdom-left.webp') center/cover}.feature-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,56,121,.85),rgba(16,92,177,.04) 85%)}.feature-banner-copy{position:absolute;z-index:2;left:22px;bottom:16px;color:white}.feature-banner h2{font-size:25px;color:white;margin:6px 0 0;text-shadow:0 2px 8px #123b79}.feature-banner p{color:#e4f3ff;font-size:11px;margin:4px 0 8px;font-weight:800}.feature-banner .fantasy-btn{min-height:37px;min-width:133px;padding:9px 16px;font-size:11px}.mini-pill{display:inline-block;background:#eec665d8;color:#654209;padding:4px 8px;font-weight:900;font-size:9px;border-radius:20px}.panel-rule{border-bottom:1px solid #d8e5f2;margin:17px 0 14px}.panel-heading{margin:0 0 12px!important}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.path-grid a{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:5px;min-height:92px;background:#f2f8ff;border:1px solid #d7e8f6;border-radius:9px;padding:7px}.path-grid a:hover{background:#e1efff}.path-grid span{font-size:26px;color:#2379ca}.path-grid strong{font-size:11px}.path-grid small{font-size:9px;color:#8291a9}.news-list-item{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #e5edf6}.news-list-item:last-child{border-bottom:none}.news-list-item>span:nth-child(2){min-width:0}.news-thumb{flex:0 0 78px;height:73px;border-radius:9px;background:#bee7ff;display:grid;place-items:center;color:#fff;font-size:32px}.news-thumb--castle{background:url('../backgrounds/kingdom-castle.webp') center/cover}.news-thumb--gift{background:linear-gradient(150deg,#ffcf60,#eb9345)}.news-thumb--gear{background:linear-gradient(145deg,#a1ddff,#2664b8)}.news-thumb--book{background:linear-gradient(150deg,#d8b3ff,#9ebdff)}.news-list-item strong{display:block;font-size:12px;color:#14539c;margin:5px 0 3px}.news-list-item em{font-size:10px;color:#8596ac;display:block;line-height:1.3;font-style:normal}.home-aside{display:grid;gap:15px}.status-panel,.quick-panel{padding:17px}.status-panel h2,.quick-panel h2{font-size:17px}.status-badge{font-size:9px;color:#97722e;background:#fff3d3;padding:5px 7px;border-radius:10px}.server-preview{height:88px;background:url('../backgrounds/kingdom-castle.webp') center/cover;border-radius:9px;margin:14px 0 4px}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e2ebf6;padding:10px 0;color:#627b99;font-size:12px}.status-line b{font-size:11px;color:#0e529f;text-align:right}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px}.quick-links a{background:linear-gradient(white,#f1f7ff);border:1px solid #d4e3f2;border-radius:8px;padding:10px 6px;font-size:11px;text-align:center;font-weight:900;color:#15539b}.quick-links a:hover{background:#dff0ff}.discord-banner{display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(110deg,#596ce6,#0661c0);border-radius:10px;padding:13px 12px;margin-top:14px}.discord-banner .discord-icon{background:#7585ee;padding:7px;font-size:27px;border-radius:10px}.discord-banner span:nth-child(2){display:flex;flex-direction:column;flex:1}.discord-banner small{font-size:9px;color:#e0ebff}.treasure-teaser{display:grid;grid-template-columns:220px 1fr auto;gap:20px;align-items:center;min-height:185px;padding:12px 26px;margin-top:22px;background:linear-gradient(110deg,#f8fcff,#e7f4ff);border:2px solid #e6c37d;border-radius:16px;box-shadow:var(--sh)}.treasure-teaser img{max-height:158px;max-width:210px;object-fit:contain}.treasure-teaser h2{font-size:25px;margin:5px 0}.treasure-teaser p{font-size:12px;color:#758baa;max-width:500px;margin:0}
/* Secondary pages reuse the scenery file through CSS, never the composed concept image. */
.page-hero{height:255px;background:#92d3ff;position:relative;overflow:hidden;isolation:isolate;border-bottom:4px solid #ecc46f}.page-hero:before{content:"";position:absolute;inset:0;background:url('../backgrounds/kingdom-panorama.webp') center 35%/cover;z-index:-2}.page-hero--castle:before{background-image:url('../backgrounds/kingdom-castle.webp')}.page-hero--sky:before{background-image:url('../backgrounds/kingdom-sky.webp')}.page-hero--town:before{background-image:url('../backgrounds/kingdom-left.webp')}.page-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.82) 58%,rgba(255,255,255,.25));z-index:-1}.page-hero-inner{display:flex;align-items:center;position:relative;height:100%}.page-hero-copy{max-width:750px;position:relative;z-index:2}.page-hero h1{font-size:clamp(32px,4.5vw,53px);margin:9px 0 12px;text-shadow:0 2px 4px #fff}.page-hero p{font-size:15px;line-height:1.7;color:#386492;max-width:610px;font-weight:800}.page-character{position:absolute;right:5%;bottom:-30px;max-height:280px;max-width:310px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 9px #5899c233)}.content-page{padding-top:34px;padding-bottom:75px;min-height:50vh}.page-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:19px}.flow,.side-stack{display:grid;align-content:start;gap:18px}.side-stack .panel{padding:22px}.side-character{display:block;max-height:165px;margin:auto}.tabbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.tab{border:1px solid #bbd9f7;border-radius:10px;color:#17559b;background:#f7fbff;padding:10px 17px;font-weight:900;font-size:12px}.tab.active{color:white;background:linear-gradient(#298ee4,#0960bb);box-shadow:0 3px 0 #e9bd6d;border-color:#1b6fc4}.tab:hover{border-color:#0e70c1}.news-full-card{display:grid;grid-template-columns:220px 1fr;gap:20px;background:#fff;border:1px solid #c8ddf2;box-shadow:var(--sh);padding:15px;border-radius:14px;min-height:190px;align-items:center}.news-full-art{height:160px;background:url('../backgrounds/kingdom-castle.webp') center/cover;border-radius:9px;display:grid;place-items:center;color:#fff;text-shadow:0 2px 6px #255b90;font-size:60px}.news-full-art--event{background:linear-gradient(130deg,#2c79cd99,#eda23766),url('../backgrounds/kingdom-left.webp') center/cover}.news-full-art--notice{background:linear-gradient(130deg,#4785d4,#a9dfff)}.news-full-art--guide{background:linear-gradient(130deg,#7fbbce,#aace9f)}.news-full-copy h3{font-size:21px;margin:10px 0}.news-full-copy p{font-size:12px;color:#7087a6;line-height:1.7}.center-panel{background:linear-gradient(145deg,#fff,#f4faff);border:2px solid #d7e4f1;border-radius:17px;padding:45px 25px;text-align:center;box-shadow:var(--sh)}.center-panel h2{font-size:26px}.center-panel p{color:#738cad;max-width:500px;margin:0 auto 17px}.download-emblem{width:90px;margin:0 auto 13px}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #e1eaf3}.steps li:last-child{border:0}.steps li>span{height:38px;width:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#0f65c2;color:#fff;font-weight:900}.steps li small{display:block;color:#8096b4;font-size:12px;margin-top:4px}.steps li strong{font-size:14px}
/* Ranking */
.ranking-panel{padding:25px}.table-scroll{overflow:auto}.data-table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px}.data-table th{background:#e8f3ff;color:#235991;font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:15px}.data-table td{padding:16px;border-bottom:1px solid #e0eaf4}.data-table tbody tr:nth-child(2n){background:#f6faff}.rank-number{display:inline-block;color:#d58c11;font-family:Cinzel;font-size:19px}.panel-inset{background:#f4faff;padding:25px;border-radius:12px}
/* Searchable catalogue */
.db-panel{padding:25px}.db-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.db-top h2{font-size:25px}.db-top p{margin:0 0 20px}.counter{font-weight:900;background:#e5f5ff;border-radius:20px;padding:7px 13px;font-size:11px;color:#0e6cbe;white-space:nowrap}.db-controls{display:flex;gap:11px;margin-bottom:23px}.input{display:block;width:100%;border:1px solid #c5dcf0;border-radius:10px;padding:13px 15px;color:#205086;background:#f9fcff;outline:0}.input:focus{border-color:#267dd0;box-shadow:0 0 0 3px #97d1ff70}.db-controls .select{max-width:240px}.items-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.item-card{text-align:left;padding:12px;border:1px solid #d8e7f5;background:#fbfdff;border-radius:11px;color:#16477c;min-width:0;transition:box-shadow .15s,border-color .15s,transform .15s}.item-card:hover{transform:translateY(-2px);border-color:#75bbed;box-shadow:0 5px 15px #075bb51a}.item-card b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card small{display:block;font-size:10px;color:#7892af;margin-top:4px}.item-swatch{height:64px;width:64px;max-width:100%;display:grid;place-items:center;margin:0 0 10px;border:2px solid #4b9adb;box-shadow:inset 0 0 10px #05357f4a;background:linear-gradient(140deg,#1e8cdb,#07467b);border-radius:7px;color:#ffe4a1;font-size:34px}.empty-list{padding:30px;text-align:center;color:#7e90aa}.item-dialog{border:2px solid #f0c776;border-radius:16px;padding:35px;text-align:center;color:#19417c;box-shadow:0 30px 80px #19417655;max-width:min(450px,90vw)}.item-dialog::backdrop{background:#09274688}.item-dialog form{position:relative}.modal-close{position:absolute;right:-20px;top:-20px;background:#eff5ff;border:0;border-radius:50%;padding:6px 10px}.modal-icon{margin:0 auto 15px;display:grid;place-items:center;width:96px;height:96px;color:#f6d585;background:#0c68ba;border:4px solid #f8cd76;font-size:52px;border-radius:11px}.item-dialog h2{margin:12px 0}.item-dialog p{font-size:13px;color:#6a83a5}
/* Wiki */
.wiki-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.wiki-menu{position:sticky;top:20px}.wiki-menu a{display:block;padding:12px;border-bottom:1px solid #dce8f3;font-weight:800;color:#245798;font-size:13px}.wiki-menu a:hover{background:#eaf5ff}.wiki-articles{display:grid;gap:17px}.wiki-article{scroll-margin-top:24px}.wiki-article h2{font-size:24px;margin:10px 0}.wiki-article p{font-size:14px;color:#6381a1;margin:0}
/* Community, vote, rewards */
.community-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.community-large{min-height:270px;position:relative;padding:38px!important;background:linear-gradient(105deg,#fff 0%,#f2faff 70%);overflow:hidden}.community-large>*:not(.community-character){position:relative;z-index:1}.community-large h2{font-size:32px;margin:13px 0}.community-large p{max-width:450px;color:#6385a8}.community-character{position:absolute;right:0;bottom:0;height:100%;opacity:.45;pointer-events:none}.social-list a{display:flex;justify-content:space-between;padding:13px 3px;border-bottom:1px solid #e4ecf4;font-weight:900;color:#135397}.social-list a:hover{color:#289cdb}.community-rules{margin-top:20px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.three-cols>div{padding:12px;border:1px solid #d7e9f6;background:#f6fbff;border-radius:12px}.three-cols b{color:#0d56a0;font-size:13px}.three-cols p{margin:7px 0 0;font-size:12px;color:#748aa7}.vote-intro{display:flex;align-items:center;gap:20px;margin-bottom:18px}.vote-intro img{max-height:160px;max-width:150px}.vote-intro h2{font-size:29px}.vote-list{display:grid;gap:12px}.vote-row{display:flex;align-items:center;gap:20px;padding:17px 21px;background:#fff;border:1px solid #c5ddef;border-radius:14px;box-shadow:var(--sh)}.vote-emblem{display:grid;place-items:center;flex:0 0 51px;height:51px;border:2px solid #ecc46b;border-radius:50%;background:#0e68b9;color:#ffdc89;font-size:30px}.vote-row h3{font-size:16px;margin:0 0 5px}.vote-row small{font-size:11px;color:#8b9db2}.vote-row .fantasy-btn{margin-left:auto}.reward-promo{display:grid;grid-template-columns:390px 1fr;align-items:center;gap:22px;background:linear-gradient(110deg,#e9f7ff,#fff8e8)}.reward-promo-art{display:grid;place-items:center;min-height:240px}.reward-promo-art img{max-height:250px;filter:drop-shadow(0 14px 14px #6a91a644)}.reward-promo h2{font-size:30px}.reward-promo p{max-width:600px;color:#6381a1}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.reward-tile{text-align:center;padding:30px 20px}.reward-tile img{width:75px;height:75px}.reward-tile h3{font-size:18px;margin:14px 0}.reward-tile p{font-size:13px;color:#6985a4;min-height:55px}
/* account */
.account-area{min-height:545px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate}.account-card{position:relative;z-index:2;width:min(480px,100%);padding:30px 34px;box-shadow:0 15px 43px #2970ac30;border-color:#edcc87;border-width:2px}.account-card .tabbar{display:grid;grid-template-columns:1fr 1fr}.account-card h2{font-size:25px;text-align:center;margin:7px 0}.account-card p{text-align:center;color:#7d93ae}.account-card label{display:block;font-size:12px;font-weight:900;margin:15px 0 6px}.account-card .fantasy-btn{margin-top:18px}.account-card .account-disclaimer{font-size:11px;margin-top:19px;color:#9bacc1}.account-character{position:absolute;bottom:0;max-height:460px;max-width:38%;object-fit:contain;object-position:bottom;z-index:1;pointer-events:none}.account-character--left{left:-5%}.account-character--right{right:-5%}
/* footer / toast */
.footer{background:linear-gradient(180deg,#0d438f,#08295e);border-top:5px solid #e7bf64;color:#e1efff}.footer-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;align-items:center;padding-top:25px;padding-bottom:20px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:155px;filter:drop-shadow(0 2px 3px #082458)}.footer-brand span{font-size:11px;color:#bccee7}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.footer-links a{font-size:11px;color:#e1f1ff}.footer-links a:hover{color:#ffd177}.footer-note{grid-column:1/-1;padding-top:13px;border-top:1px solid #5779a8;text-align:center;font-size:10px;color:#9fbcdd}.toast{position:fixed;z-index:9999;left:50%;bottom:30px;transform:translate(-50%,30px);background:#083d80;color:#fff;border:2px solid #f1c261;padding:15px 22px;border-radius:10px;box-shadow:0 14px 40px #092c6599;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 25px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1350px){.wrap{width:min(1240px,calc(100% - 36px))}.brand{flex-basis:155px;width:155px}.nav-link{font-size:11px;padding:10px 5px}.head-wrap{gap:12px}.hero-center{padding-top:44px}.character-home--male{width:325px;left:-50px}.character-home--blonde{width:320px;right:-50px}.character-home--red{width:150px;bottom:220px}.character-home--mage{width:160px;right:240px}.home-columns{grid-template-columns:1.05fr 1fr}.home-aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.feature-banner{height:240px}.items-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1020px){.site-head{height:72px}.head-wrap{justify-content:space-between}.hamburger{display:flex}.nav{position:absolute;top:70px;left:0;right:0;display:none;background:#fffef9;border-bottom:2px solid #edc77b;padding:18px max(18px,calc((100vw - 900px)/2));box-shadow:0 15px 24px #144d9a24;flex-direction:column;align-items:stretch;max-height:calc(100vh - 72px);overflow:auto}.nav.open{display:flex}.nav-link{font-size:14px;padding:11px 14px}.nav-account{align-self:stretch;text-align:center}.hero-main-logo{max-width:380px}.hero-center>p{max-width:440px}.hero-characters{opacity:.7}.character-home--male{width:280px}.character-home--blonde{width:260px}.character-home--red,.character-home--mage{display:none}.home-shortcuts{grid-template-columns:repeat(3,1fr)}.shortcut:nth-child(3){border-right:0}.shortcut:nth-child(-n+3){border-bottom:1px solid #d6e5f2}.items-grid{grid-template-columns:repeat(4,1fr)}.page-columns{grid-template-columns:minmax(0,1fr) 250px}.page-character{right:0;opacity:.75}.reward-promo{grid-template-columns:280px 1fr}.reward-promo-art img{max-height:200px}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.hero{min-height:545px}.hero-sky{background-position:62% center}.hero-vignette{background:linear-gradient(90deg,#fff8,#fffd 26%,#fffd 75%,#fff8)}.hero-center{padding:58px 0 80px}.hero-main-logo{max-width:min(340px,85vw);max-height:127px}.hero-center h1{font-size:clamp(20px,4vw,28px)}.hero-center>p{font-size:13px;max-width:410px}.hero-buttons{max-width:450px;margin:auto}.hero-buttons .fantasy-btn{min-width:150px;font-size:12px;min-height:45px;padding:10px 18px}.character-home--male{width:210px;left:-72px;opacity:.5;bottom:-8px}.character-home--blonde{width:210px;right:-83px;opacity:.5;bottom:-8px}.character-home--mascot{width:88px;left:7px;bottom:0;opacity:.8}.rate-row{font-size:10px;gap:6px;padding:8px}.rate-row strong{font-size:12px}.rate-row span:not(:first-child){padding-left:7px}.home-overlap{margin-top:-19px}.home-shortcuts{padding:7px}.shortcut{min-height:90px;padding:7px 2px}.shortcut img{width:37px;height:37px}.shortcut strong{font-size:10px}.shortcut small{font-size:9px}.home-columns{grid-template-columns:1fr}.home-aside{grid-template-columns:1fr;grid-column:auto}.main-content{padding-bottom:34px}.treasure-teaser{grid-template-columns:140px 1fr;gap:10px;padding:12px}.treasure-teaser img{width:140px}.treasure-teaser>.fantasy-btn{grid-column:1/-1;justify-self:center}.treasure-teaser h2{font-size:22px}.page-hero{height:215px}.page-hero h1{font-size:32px}.page-hero p{font-size:12px;max-width:410px}.page-character{height:200px;max-width:180px;right:-20px;opacity:.35}.page-hero-wash{background:linear-gradient(90deg,#fff 0%,#fffE 65%,#fff6)}.content-page{padding-top:24px;padding-bottom:45px}.page-columns,.wiki-layout,.community-grid{grid-template-columns:1fr}.wiki-menu{position:static}.wiki-menu a{display:inline-block;border-bottom:0;padding:9px 10px}.wiki-menu{display:flex;flex-wrap:wrap;gap:4px}.wiki-menu h3{width:100%}.items-grid{grid-template-columns:repeat(3,1fr)}.reward-grid{grid-template-columns:1fr}.reward-tile p{min-height:0}.reward-promo{grid-template-columns:1fr;text-align:center}.reward-promo-art{min-height:170px}.reward-promo-art img{max-height:190px}.vote-row{gap:10px;padding:13px}.account-character{opacity:.18;max-width:40%;max-height:320px}.account-card{margin:20px 0}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.footer-note{grid-column:auto}.three-cols{grid-template-columns:1fr}.db-controls{flex-direction:column}.db-controls .select{max-width:none}.news-full-card{grid-template-columns:150px 1fr}.news-full-art{height:150px}}
@media(max-width:480px){.site-head{height:65px}.head-wrap{height:65px}.brand{width:140px;flex-basis:140px}.nav{top:63px}.hero{min-height:583px}.hero-center{padding:68px 0 65px}.hero-center>p{max-width:275px}.hero-buttons{display:grid;grid-template-columns:1fr;max-width:235px;gap:6px}.hero-buttons .fantasy-btn{min-height:40px}.rate-row{margin:15px auto 0;max-width:290px;justify-content:center;border-radius:11px}.hero-main-logo{max-width:315px}.character-home--male{width:200px;left:-90px}.character-home--blonde{width:180px;right:-80px}.character-home--mascot{width:76px;left:1px}.home-shortcuts{grid-template-columns:repeat(3,1fr)}.feature-banner{height:230px}.path-grid a{padding:8px 3px}.panel{padding:15px}.news-thumb{flex-basis:60px;height:62px}.news-list-item em{font-size:9px}.treasure-teaser{grid-template-columns:1fr;text-align:center}.treasure-teaser img{margin:auto}.treasure-teaser h2{font-size:19px}.page-hero{height:205px}.page-hero h1{font-size:27px}.page-hero-copy{max-width:330px}.page-character{opacity:.23}.news-full-card{grid-template-columns:1fr}.news-full-art{height:120px}.items-grid{grid-template-columns:repeat(2,1fr)}.vote-row{flex-wrap:wrap}.vote-row .fantasy-btn{margin-left:0;min-width:100%;justify-content:center}.vote-row>div{flex:1}.reward-promo h2{font-size:24px}.account-card{padding:20px}.footer-brand{flex-direction:column;gap:3px}.footer-links{gap:8px}.footer-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}