:root{--gold:#c9a263;--line:#80654540;--muted:#8e8790;--display:Georgia,'Times New Roman',serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#100e10;color:#bcb4ae;font:13px/1.6 Arial,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.6}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #dbb56e;outline-offset:4px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{position:fixed;top:0;left:0;z-index:100;background:#000;padding:12px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:#a18c6c}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;border:1px solid #c49a575e;border-radius:3px;padding:11px 18px;font-size:11px;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0002;transition:filter .25s,box-shadow .25s}.button:after,.download-tile:after{content:'';position:absolute;width:60px;top:-70%;bottom:-70%;left:-120%;background:linear-gradient(90deg,transparent,#ffe4b636,transparent);transform:rotate(25deg);transition:left .65s}.button:hover:after,.download-tile:hover:after{left:150%}.button:hover{filter:brightness(1.15);box-shadow:0 0 22px #d08c222b,inset 0 0 0 3px #0002}.button-gold{color:#291b0c;border-color:#d7b77b;background:linear-gradient(#d1b078,#ac803e)}.button-red{color:#edd3aa;border-color:#be804e;background:linear-gradient(#842a25,#4a191b);box-shadow:inset 0 0 0 3px #19070c66,0 0 24px #9c292733}.button-dark{color:#d4b57d;background:linear-gradient(#292323,#151315)}.site-header{height:66px;display:flex;align-items:center;gap:30px;padding:0 max(25px,calc((100% - 1380px)/2));background:#0d0c0eed;border-bottom:1px solid #97713f4a;position:relative;z-index:10}.brand{width:115px;flex-shrink:0}.desktop-nav{display:flex;gap:26px;align-items:center}.desktop-nav a,.desktop-nav button{font-size:10px;font-weight:700;padding:22px 0;color:#b1a89b}.desktop-nav a:hover,.desktop-nav button:hover{color:#e1bb79}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-actions .button{min-height:35px;font-size:10px;padding:8px 16px}.menu-toggle{display:none}#mobile-nav{position:absolute;top:66px;left:0;right:0;z-index:20;background:#141115;padding:20px}#mobile-nav>*{display:block;width:100%;padding:10px;text-align:left;border-bottom:1px solid var(--line)}
.hero{position:relative;height:400px;overflow:hidden;isolation:isolate;background:#131217}.hero-scene{position:absolute;inset:-7% 0;background:url('59cbb2299b8bd0caf2717e61937a7500df590a79.png') center 36%/min(1150px,100%) auto no-repeat;z-index:-3;filter:brightness(.66) saturate(.68)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#100e10,transparent 20%,#0e0c1033 40%,#0e0c1033 60%,transparent 80%,#100e10),linear-gradient(0deg,#100e10 1%,#100e1099 20%,transparent 85%)}.hero-content{position:relative;z-index:2;text-align:center;padding-top:26px}.hero-kicker{font-size:9px;color:#d1b991;text-shadow:0 2px 5px #000}.hero-logo{width:430px;margin:10px auto 3px;filter:drop-shadow(0 9px 12px #000)}.hero-motto{font:16px var(--display);color:#c5b9a6;text-shadow:0 2px 5px #000;margin:9px 0 23px}.hero-actions{display:flex;gap:12px;justify-content:center}.hero-actions .button{min-height:47px}.hero-platform{display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;color:#958673;margin-top:18px}.hero-platform svg{width:13px}.hero-platform span{width:28px;height:1px;background:#95734566}#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-border{position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#a7774344,transparent)}
.portal{max-width:1380px;width:calc(100% - 48px);margin:24px auto 65px;display:grid;grid-template-columns:255px minmax(0,1fr) 255px;gap:22px;align-items:start}.left-column,.right-column,.center-column{min-width:0;display:grid;gap:22px}.panel{background:linear-gradient(135deg,#211b1d,#151316 80%);border:1px solid #8a6b433a;border-radius:4px;position:relative}.panel:before{content:'';position:absolute;top:-1px;left:12px;width:40px;height:1px;background:#d3a56b80}.panel-heading{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #85684830;background:#8b65360b}.panel-heading h2{font-size:10px;color:#c7a66f;display:flex;align-items:center;gap:8px}.panel-heading h2 svg{width:15px}.panel-heading button{display:flex;align-items:center;gap:3px;font-size:8px;color:#88765c;padding:0}.panel-heading button svg{width:13px}.panel-heading>span{font-size:7px;color:#7c6f5f}.login-form{display:grid;gap:12px;padding:15px}.login-form label{display:flex;align-items:center;gap:10px;background:#0e0c0e;border:1px solid #7157383d;border-radius:3px;padding:10px}.login-form label svg{width:14px;color:#75614a}.login-form input{background:none;border:0;min-width:0;width:100%;font-size:11px;color:#c7b79d;outline-offset:0}.login-form input::placeholder{color:#70665f}.recovery{font-size:9px;color:#8d7c67}.form-message{font-size:11px;color:#d3ad76}.form-message:empty{display:none}.rank-caption{font-size:7px;padding:12px 14px 2px;color:#76664f;display:flex;justify-content:space-between}.rank-caption span{color:#686066}.ranking-board table{width:calc(100% - 22px);margin:0 11px 8px;border-collapse:collapse;font-size:10px}.ranking-board th{font-size:8px;color:#776a59;font-weight:400;text-align:left;padding:12px 6px}.ranking-board td{padding:9px 6px;border-top:1px solid #bda16c12;color:#a79e93}.ranking-board td:first-child{width:29px;color:#796448}.ranking-board td:last-child,.ranking-board th:last-child{text-align:right;color:#ad925c}.ranking-board tr:nth-child(-n+3) td:nth-child(2){color:#c7b18e}.rank-badge.first{background:#a27e37;color:#160d06;padding:2px 5px;border-radius:2px}.rank-all{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid var(--line);font-size:8px;padding:12px 17px;color:#b69a69}.rank-all svg{width:12px}
.feature-banner{height:325px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b28b494f;border-radius:4px}.feature-banner:after{content:'';position:absolute;inset:6px;pointer-events:none;border:1px solid #e2b8731f;z-index:3}.slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:brightness(.8)}.slide-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a090bf5,transparent 100%),linear-gradient(90deg,#08080c77,transparent);z-index:-2}.slide-content{position:absolute;bottom:48px;left:27px;right:20px}.slide-category{font-size:8px;color:#d3a85c}.slide-content h2{font:700 27px/1.2 var(--display);color:#e1c79e;margin:7px 0 10px;text-shadow:0 2px 5px #000}.slide-content p{font-size:11px;line-height:1.6;color:#b5aa9c}.slide-content .button{margin-top:15px;min-height:32px;padding:7px 12px;font-size:8px}.slide-content .button svg{width:13px}.slide-navigation{position:absolute;bottom:12px;left:27px;right:17px;display:flex;align-items:center}.slide-dots{display:flex;gap:6px;margin-right:auto}.slide-dots button{width:20px;height:15px;padding:0;position:relative}.slide-dots button:after{content:'';position:absolute;top:6px;left:0;right:0;height:3px;background:#8f7a5555}.slide-dots button.active:after{background:#d0a361}.slide-navigation .icon-button{width:26px;height:23px;border:1px solid #95774744;margin-left:6px}.section-heading{display:flex;gap:12px;align-items:center;margin:0 0 16px}.section-heading h2{font-size:11px;color:#c9aa73;display:flex;align-items:center;gap:10px}.section-heading>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#89693688)}.section-heading>span:last-child{transform:rotate(180deg)}.section-heading button{margin-left:auto;font-size:8px;color:#9c8660;display:flex;align-items:center;gap:5px}.section-heading svg{width:14px}.welcome{text-align:center;padding:8px 0}.welcome .section-heading h2{font-size:10px}.welcome>p{font-size:11px;color:#968b7c;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps>*{padding:20px 5px;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid var(--line);background:#6b503609}.steps>*:last-child{border-right:0}.steps b{position:absolute;top:6px;left:8px;font:12px var(--display);color:#655039}.steps svg{color:#b9985d;width:23px;height:23px}.steps strong{font-size:8px;color:#bbae96}.steps>*:hover{background:#9a723518}.news-item{width:100%;display:flex;gap:16px;align-items:center;padding:14px 0;text-align:left;border-bottom:1px solid var(--line)}.news-item img{width:105px;height:75px;object-fit:cover;border:1px solid #88704b3d;filter:brightness(.8);transition:filter .3s}.news-item:hover img{filter:brightness(1.1)}.news-item>span{flex:1;min-width:0}.news-item small{font-size:7px;color:#a9834b}.news-item strong{display:block;font-size:12px;color:#c7b9a3;margin:4px 0}.news-item p{font-size:10px;color:#857b71}.news-item>svg{width:13px;color:#8c7145}.class-tabs{display:flex;border-bottom:1px solid var(--line)}.class-tabs button{flex:1;padding:13px 3px;font-size:10px;border-bottom:2px solid transparent;color:#8b7d6c}.class-tabs button.active{color:#dab674;border-color:#bb8b47;background:#b1843110}.class-stage{height:300px;position:relative;overflow:hidden;isolation:isolate}.class-art{position:absolute;inset:0;background:url('59cbb2299b8bd0caf2717e61937a7500df590a79.png') left center/auto 100%;z-index:-2;mask-image:linear-gradient(90deg,black 20%,transparent 75%);filter:brightness(.85)}.class-info{width:52%;margin-left:auto;padding:28px 20px 15px 0}.class-role{font-size:7px;color:#9f7949}.class-info h3{font:28px var(--display);color:#dbc393;margin:5px 0 12px}.class-info p{font-size:10px;line-height:1.8;color:#ab9f8e}.class-skills{font-size:8px;color:#b59763;margin:14px 0}.class-info .button{font-size:8px;padding:8px;min-height:32px}.changing{animation:class-change .5s both}
.download-tile{min-height:115px;display:flex;align-items:center;gap:15px;padding:19px 16px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(125deg,#bea273,#7e602f);color:#271c12;border:1px solid #d8bc834d;border-radius:3px;box-shadow:inset 0 0 0 5px #3e2d2326}.download-tile>svg:first-child{width:32px;height:32px;stroke-width:2}.download-tile small{font-size:7px;color:#4e3920}.download-tile strong{display:block;font-size:16px;white-space:nowrap;color:#20180f}.download-tile em{display:block;font-style:normal;font-size:9px;color:#413020}.download-tile>svg:last-child{width:12px;margin-left:auto}.service-tile{display:flex;gap:13px;align-items:center;text-align:left;padding:21px 14px;border:1px solid #9d754244;border-radius:3px;background:linear-gradient(110deg,#332221,#171417);transition:border-color .3s,filter .3s}.service-tile:hover{border-color:#b69255;filter:brightness(1.2)}.service-tile>svg:first-child{width:29px;height:29px;color:#b49155}.service-tile strong{font-size:11px;color:#c4b194;display:block}.service-tile small{font-size:9px;color:#8e8070;display:block;margin-top:3px}.service-tile>svg:last-child{margin-left:auto;width:12px;color:#7c694d}.service-tile.support{background:linear-gradient(110deg,#20232a,#151416)}.support>svg:first-child{color:#81969c}.community-tile{height:260px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #8e78494a;border-radius:3px;padding:0}.community-tile img{width:100%;height:100%;object-fit:cover;object-position:64%;filter:brightness(.7);position:absolute;inset:0;z-index:-3;transition:transform .7s}.community-tile:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#100f15 5%,transparent 100%)}.community-tile:hover img{transform:scale(1.06)}.community-tile>span{position:absolute;bottom:22px;left:0;right:0;display:grid;justify-items:center;gap:9px}.community-tile svg{color:#bca572;width:26px;height:26px}.community-tile strong{font:16px var(--display);color:#dfc79b}.community-tile small{font-size:8px;color:#9f8a67}.kingdoms>button{display:grid;grid-template-columns:34px 1fr;text-align:left;gap:0 12px;align-items:center;width:100%;padding:14px;border-bottom:1px solid #a587571b}.kingdoms>button:hover{background:#ab864b0b}.flag{grid-row:span 2;display:grid;place-items:center;width:28px;height:37px;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);font:16px serif;border-top:2px solid #a38a53;color:#d5ac74;background:#5b2529}.flag.gold{background:#625126}.flag.blue{background:#23394d}.kingdoms strong{font-size:9px;color:#b5a48b}.kingdoms small{font-size:8px;color:#72695e}.side-signature{text-align:center;padding:20px}.side-signature img{width:150px;margin:auto;opacity:.5}.side-signature p{font:12px var(--display);color:#655b4f;margin-top:9px}footer{max-width:1380px;width:calc(100% - 48px);margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:25px 0 35px}footer>img{width:110px;opacity:.7}footer p{font-size:9px;color:#6e6458}footer nav{display:flex;gap:15px;margin-left:auto}footer nav button{font-size:9px;color:#8f7e64}.modal-open{overflow:hidden}
@keyframes class-change{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.hero-scene{mask-image:linear-gradient(90deg,transparent,black 17%,black 83%,transparent)}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:85px;background:linear-gradient(transparent,#100e10 85%);pointer-events:none;z-index:0}
@media(min-width:1450px){.hero{height:435px}.hero-scene{background-size:1250px auto}.hero-content{padding-top:39px}.hero-logo{width:470px}.portal{margin-top:30px;grid-template-columns:275px minmax(0,1fr) 275px}.feature-banner{height:350px}}
@media(max-width:1120px){.desktop-nav{gap:16px}.site-header{gap:20px}.portal{grid-template-columns:220px minmax(0,1fr);gap:20px}.right-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr);align-items:start}.right-column .community-tile,.right-column .kingdoms{height:260px}.service-tile{min-height:115px}.side-signature{align-self:center}.download-tile strong{font-size:14px}.feature-banner{height:350px}}
@media(max-width:760px){.desktop-nav{display:none}.menu-toggle{display:grid}.site-header{padding:0 18px;gap:12px}.brand{width:105px}.header-actions{gap:7px}.hero{height:360px}.hero-scene{background-size:auto 100%;background-position:center}.hero-logo{width:350px;max-width:86%;margin-top:20px}.hero-content{padding-top:22px}.hero-kicker{font-size:8px}.hero-motto{font-size:14px}.hero-actions{gap:8px;padding:0 15px}.hero-actions .button{font-size:9px;gap:7px;padding:10px 12px;min-height:43px}.hero-actions svg{width:15px}.portal{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:15px;gap:25px}.center-column{grid-row:1}.left-column{grid-row:2;grid-template-columns:1fr 1fr;gap:15px}.login-panel{grid-column:1/-1}.right-column{grid-template-columns:1fr 1fr;gap:15px}.right-column .download-tile{grid-column:1/-1;justify-content:center}.download-tile>svg:last-child{margin-left:10px}.right-column .community-tile{height:280px}.right-column .kingdoms{height:280px}.right-column .side-signature{grid-column:1/-1}.service-tile{padding:15px 10px;min-height:95px;gap:8px}.service-tile>svg:first-child{width:21px}.service-tile strong{font-size:9px}.service-tile small{font-size:8px}.service-tile>svg:last-child{display:none}.feature-banner{height:310px}.class-stage{height:285px}.class-info{width:52%}.panel-heading h2{font-size:9px}.left-column .panel-heading{padding:12px 9px}.left-column .panel-heading h2 svg{display:none}.ranking-board td{padding:9px 3px;font-size:9px}.ranking-board th{padding:12px 3px;font-size:7px}.ranking-board table{width:calc(100% - 12px);margin:0 6px 8px}.rank-caption{padding:12px 9px 2px;font-size:6px}.rank-all{font-size:7px;padding:12px 8px}footer{width:calc(100% - 28px);gap:15px;flex-wrap:wrap}footer nav{gap:10px}.welcome .section-heading h2{font-size:9px}.news-item img{width:90px;height:70px}.news-item strong{font-size:11px}.slide-content h2{font-size:25px}}
@media(max-width:370px){.header-actions .button{padding:8px;font-size:9px}.hero-actions{flex-wrap:wrap}.hero{height:390px}.hero-platform{font-size:7px}.class-info{width:56%;padding-right:12px}.class-info p{font-size:9px}.left-column{grid-template-columns:1fr}.login-panel{grid-column:auto}.right-column{grid-template-columns:1fr}.right-column .download-tile,.right-column .side-signature{grid-column:auto}.panel-heading>span{display:none}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
dialog{background:#161315;color:#c7baaa;border:1px solid #a07b3b6b;width:min(580px,calc(100% - 32px));padding:0;border-radius:5px;max-height:calc(100svh - 40px);box-shadow:0 25px 100px #000a;overflow:auto}dialog::backdrop{background:#050406da;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:12px;z-index:10;background:#151113df;border:1px solid var(--line);border-radius:3px}.dialog-body{padding:32px}.dialog-label{font-size:9px;color:#9b7a46}.dialog-body h2{font:500 35px/1.1 var(--display);color:#d7b879;margin:8px 35px 22px 0}.dialog-body p{font-size:13px;line-height:1.85;margin-bottom:15px;color:#a79988}.dialog-hero{width:100%;aspect-ratio:16/8;object-fit:cover}.dialog-notice{padding:15px;border-left:2px solid #b08b4d;background:#ad854409;font-size:12px;line-height:1.8;margin:20px 0;color:#b29b76}.dialog-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.dialog-tabs button{font-size:12px;padding:10px 0;color:#88765a;border-bottom:2px solid transparent}.dialog-tabs button.active{color:var(--gold);border-color:var(--gold)}.dialog-account-form{display:grid;gap:14px}.dialog-account-form label{font-size:12px}.dialog-account-form input,.dialog-search{display:block;width:100%;padding:12px;background:#0c0a0c;border:1px solid #9b7c3c40;border-radius:3px;color:#d7bea2;margin-top:7px;font-size:13px}.dialog-search{margin-bottom:20px}.dialog-body .button{min-height:40px;font-size:10px;padding:10px 18px}.form-message:empty{display:none}.dialog-body .form-message{font-size:12px;color:#cfaa6a;margin:0}.requirements{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:20px 0}.requirements>div{padding:14px}.requirements>div+div{border-left:1px solid var(--line)}.requirements small{display:block;color:#7c6b52;font-size:9px}.requirements strong{font-size:13px;font-weight:500}.full-ranking{width:100%;border-collapse:collapse;font-size:12px}.full-ranking th{color:#856d4c;font-size:9px;text-align:left;padding:10px 6px}.full-ranking td{padding:11px 6px;border-top:1px solid var(--line)}.full-ranking th:last-child,.full-ranking td:last-child{text-align:right}.dialog-body details{padding:15px 0;border-bottom:1px solid var(--line)}.dialog-body summary{font-size:13px;cursor:pointer;color:#cbb18a}.dialog-body details p{margin-top:12px;font-size:12px}.news-list-button{display:block;text-align:left;padding:15px 0;width:100%;border-bottom:1px solid var(--line);font-size:13px;color:#c3a577}

/* Portal visual refresh: preserve the dense game layout with stronger hierarchy. */
:root{--gold:#e8b85f;--line:#b3884c50;--muted:#b9ada1}
body{background:#100e12;color:#d0c6b8}
.site-header{height:92px;padding:0 max(24px,calc((100% - 1440px)/2));gap:26px;background:linear-gradient(180deg,#25181b,#120e12);border-top:2px solid #a93730;border-bottom:2px solid #b88a465c;box-shadow:0 5px 25px #0009}
.brand{width:175px;padding-right:22px;border-right:1px solid #ae875638}
.desktop-nav{align-self:stretch;gap:0;flex:1;justify-content:center}
.desktop-nav a,.desktop-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:0 16px;color:#d6c7b3;white-space:nowrap;border-bottom:2px solid transparent}
.desktop-nav svg{width:16px;height:16px;color:#bb9156}
.desktop-nav .nav-active{background:linear-gradient(0deg,#ad302632,transparent);border-bottom-color:#e5b55b;color:#f8d18a}
.desktop-nav a:hover,.desktop-nav button:hover{background:#9e302326;color:#ffdb92}
.header-actions{gap:10px}.header-actions .button{min-height:44px;padding:11px 18px;font-size:11px;box-shadow:0 0 18px #bd6f2526,inset 0 0 0 3px #5c31072b}.header-actions .button svg{width:17px}
.button-gold{background:linear-gradient(#f0c676,#c48d38);border-color:#f2ce88;color:#342009}
.button-red{background:linear-gradient(#b53e32,#732220);border-color:#e2a35e;color:#ffe2ae;box-shadow:0 0 22px #ce352b35,inset 0 0 0 3px #51151a66}
.button-dark{background:linear-gradient(#372a25,#1b1719);color:#efc77f;border-color:#a97c45}
.hero{height:440px;background:#15151c}
.hero-scene{inset:-15px -12px -30px;background-image:url('assets/portal-hero-v2.png');background-position:center 42%;background-size:cover;filter:brightness(.9) saturate(1.08);mask-image:none}
.hero-shade{background:linear-gradient(0deg,#100e12 0%,#100e1226 24%,transparent 75%),linear-gradient(90deg,transparent 20%,#06071266 42%,#06071266 58%,transparent 80%)}
.hero-content{padding-top:35px}.hero-logo{width:470px;margin:15px auto 8px;filter:drop-shadow(0 4px 3px #000) drop-shadow(0 0 20px #000)}
.hero-kicker{font-size:11px;color:#f5d594}.hero-motto{font-size:19px;color:#fff0d2;margin:8px 0 25px;text-shadow:0 2px 6px #000}
.hero-actions .button{font-size:12px;min-height:49px;padding:13px 24px}
.hero-platform{font-size:10px;color:#d2c4b1;margin-top:19px;text-shadow:0 2px 3px #000}.hero-platform svg{width:15px}
.hero:after{background:linear-gradient(transparent,#100e12 85%);height:55px}
.portal{max-width:1440px;grid-template-columns:270px minmax(0,1fr) 270px;gap:24px;margin-top:25px}
.panel{background:linear-gradient(135deg,#2b2023,#19161b 80%);border-color:#9e774947}
.panel-heading{min-height:53px;background:linear-gradient(90deg,#6d2d272e,#33211b33);border-bottom-color:#b78a4140}
.panel-heading h2{font-size:12px;color:#edbd69}.panel-heading button{font-size:10px;color:#c7ab79}.panel-heading>span{font-size:9px;color:#bca78a}
.login-form{gap:13px;padding:18px}.login-form label{padding:12px;border-color:#a07a4e50}.login-form input{font-size:12px}.login-form input::placeholder{color:#a29487}.recovery{font-size:11px;color:#bbaa94}
.ranking-board td{font-size:12px;color:#c9baaa;padding:10px 6px}.ranking-board th{font-size:9px;color:#b19b7c}.rank-caption{font-size:8px;color:#ad916b}.rank-caption span{color:#9a8b7f}.rank-all{font-size:10px;color:#d5b174}
.feature-banner{height:335px;border-color:#be8e4c88;box-shadow:0 6px 25px #0003}
.slide-image{filter:brightness(1) saturate(1.05)}.slide-shade{background:linear-gradient(0deg,#0b0910ee,transparent 88%),linear-gradient(90deg,#090b1488,transparent 70%)}
.slide-content{left:28px;bottom:52px}.slide-category{font-size:10px;color:#ffc770}.slide-content h2{font-size:29px;color:#ffe1ab}.slide-content p{font-size:13px;color:#e4d7c7}.slide-content .button{font-size:10px;min-height:37px}.slide-navigation .icon-button{width:31px;height:27px;color:#f0bf72;background:#17111999}
.section-heading h2{font-size:13px;color:#e9bf76}.section-heading button{font-size:10px;color:#d7b477}.welcome .section-heading h2{font-size:12px}.welcome>p{font-size:13px;color:#c6b8a4}.steps strong{font-size:10px;color:#dccbb1}.steps b{color:#af7f4f}.steps svg{color:#edba62}.steps>*:nth-child(2) svg{color:#80c4d0}.steps>*:nth-child(3) svg{color:#e37362}
.news-item strong{font-size:14px;color:#e8cfaa}.news-item small{font-size:9px;color:#edaa60}.news-item p{font-size:12px;color:#b4a593}.news-item img{filter:none}
.download-tile{background:linear-gradient(120deg,#f0c880,#b88737);border-color:#eac283;min-height:125px}.download-tile strong{font-size:19px}.download-tile small{font-size:9px}.download-tile em{font-size:11px}
.service-tile{min-height:94px;background:linear-gradient(110deg,#582824,#24161b);border-color:#b4653e66}.service-tile strong{font-size:13px;color:#f4d6a5}.service-tile small{font-size:11px;color:#c3a48e}.service-tile>svg:first-child{color:#f1b862}
.service-tile.support{background:linear-gradient(110deg,#193940,#151c23);border-color:#4b919566}.support>svg:first-child{color:#7cd3dd}
.community-tile{border-color:#64889466;height:280px}.community-tile img{filter:brightness(.95) saturate(1.1)}.community-tile strong{font-size:19px;color:#ffdf9d}.community-tile small{font-size:10px;color:#d4b981}
.kingdoms strong{font-size:11px;color:#e2c394}.kingdoms small{font-size:10px;color:#ac9882}.flag.red{background:#9d292c}.flag.gold{background:#a77a25}.flag.blue{background:#225782}
.class-tabs button{font-size:12px;color:#b9a994}.class-tabs button.active{color:#ffd286}.class-info p{font-size:12px;color:#cabcaa}.class-role,.class-skills{font-size:10px;color:#dbb67a}.class-info .button{font-size:10px}.class-stage{height:330px}
dialog{margin:auto;border:1px solid #c99852;border-radius:5px;background:#1d171c;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#06050bc9;backdrop-filter:blur(7px)}.dialog-body h2{font-size:30px;color:#f1c982}.dialog-tabs button{font-size:13px;min-height:44px}.dialog-close{width:38px;height:38px;border:1px solid #ac80494d}.dialog-body p{color:#cbbca9}.dialog-label{color:#dfac62}.dialog-notice{color:#d6bb92}
@media(max-width:1280px){.site-header{gap:14px;padding:0 22px}.brand{width:145px;padding-right:14px}.desktop-nav a,.desktop-nav button{padding:0 11px;font-size:11px}.desktop-nav svg{display:none}.portal{grid-template-columns:240px minmax(0,1fr) 230px;gap:18px}.panel-heading h2{font-size:10px}.download-tile{gap:10px}.download-tile strong{font-size:16px}.service-tile strong{font-size:11px}.service-tile small{font-size:10px}.welcome .section-heading h2{font-size:10px}}
@media(max-width:1080px){.desktop-nav a,.desktop-nav button{padding:0 9px;font-size:10px}.header-actions .button{padding:10px;font-size:10px}.header-actions .button svg{display:none}.portal{grid-template-columns:230px minmax(0,1fr)}.right-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.hero-scene{background-size:auto 100%}.panel-heading h2{font-size:12px}}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:grid}.site-header{height:78px;padding:0 18px}.brand{width:150px;border:0;padding:0}.header-actions .button{min-height:40px;padding:10px 15px}.header-actions{gap:7px}#mobile-nav{top:78px;border-bottom:1px solid #b7904c}#mobile-nav>*{font-size:14px;padding:13px;color:#e4c69e}.hero{height:405px}.hero-content{padding-top:30px}.hero-logo{width:390px;max-width:88%;margin:19px auto 13px}.hero-motto{font-size:16px}.hero-kicker{font-size:9px}.hero-actions .button{font-size:10px;padding:11px 14px}.hero-platform{font-size:9px}.portal{grid-template-columns:1fr;width:calc(100% - 28px)}.center-column{grid-row:1}.left-column{grid-row:2;grid-template-columns:1fr 1fr}.right-column{grid-template-columns:1fr 1fr}.login-panel,.right-column .download-tile,.side-signature{grid-column:1/-1}.service-tile{min-height:100px}.feature-banner{height:335px}.welcome .section-heading h2{font-size:11px}.panel-heading h2{font-size:11px}.class-info p{font-size:11px}.left-column .panel-heading h2{font-size:10px}.ranking-board td{font-size:11px}.ranking-board th{font-size:8px}.rank-caption{font-size:7px}.slide-content h2{font-size:27px}.community-tile strong{font-size:16px}.hero-scene{background-position:center;background-size:auto 100%}.class-info{width:53%}.class-stage{height:320px}}
@media(max-width:420px){.brand{width:125px}.site-header{padding:0 12px;gap:8px}.header-actions{gap:3px}.header-actions .button{padding:10px;font-size:9px}.hero-actions{gap:8px}.hero-actions .button{font-size:9px;padding:11px 10px}.hero-motto{font-size:15px}.hero{height:380px}.hero-content{padding-top:30px}.hero-logo{margin:17px auto}.hero-platform{font-size:8px}.slide-content{left:20px}.slide-content h2{font-size:24px}.welcome .section-heading h2{font-size:9px}.steps strong{font-size:8px}.service-tile strong{font-size:10px}.service-tile small{font-size:9px}.panel-heading>span{display:none}.news-item strong{font-size:12px}.news-item p{font-size:10px}.class-info .button{font-size:9px}.dialog-body{padding:26px 22px}.dialog-body h2{font-size:26px}}