:root{color-scheme:dark;--bg:#101516;--panel:#151b1c;--text:#e7e5df;--muted:#a7aca9;--gold:#c7ad7e;--line:#c7ad7e33;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--sans)}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(40px,4.1vw,60px);line-height:1.06}p{color:var(--muted)}button,a,summary,select,input{outline-offset:6px} :focus-visible{outline:2px solid var(--gold)}::selection{background:#a38b59;color:#101516}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--gold);color:var(--bg);z-index:100;padding:10px}.skip-link:focus{top:10px}
.site-header{height:80px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #c7ad7e26;background:linear-gradient(#0c1114c9,#0c111423)}.wordmark{display:flex;flex-direction:column;align-items:center;flex-shrink:0;line-height:1}.wordmark>span{font:600 40px/.85 var(--serif);letter-spacing:3px;color:#e5ddd0}.wordmark small{font-size:7px;letter-spacing:3.2px;margin-top:8px;color:var(--gold)}nav{display:flex;align-items:center;gap:34px}nav a{font-size:12px;font-weight:600;position:relative;padding:27px 0;color:#c9cbc9;transition:color .2s}nav a:hover{color:var(--gold)}nav a:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:18px;left:0;right:0;transform:scaleX(0);transition:transform .2s}nav a:hover:after{transform:scaleX(1)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:14px 28px;font-size:12px;letter-spacing:.03em;font-weight:600;position:relative;transition:background .2s,box-shadow .2s,transform .2s;white-space:nowrap}.button img,.text-link img,.chapter-links>a>img,.chapter-links>button>img{width:19px;height:19px}.button-gold{background:linear-gradient(110deg,#d1ba8e,#ae9260);border:1px solid #dbc69e;color:#1d241f;box-shadow:inset 0 0 0 3px #b297671f,0 5px 24px #0003}.button-gold:hover{background:#dbc69e;box-shadow:0 4px 30px #bda07030;transform:translateY(-2px)}.button-small{min-height:38px;padding:9px 18px;font-size:11px;gap:18px}.button-outline{background:#10151655;color:#d5c4a3;border:1px solid #ad956560}.button-outline:hover{background:#b59a6520;border-color:var(--gold)}.button-outline img,.text-link img,.icon-button img,.chapter-links>a>img,.chapter-links>button>img,.class-tabs img,.faq-list summary img{filter:invert(83%) sepia(15%) saturate(601%) hue-rotate(356deg) brightness(85%)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;background:none;border:0;padding:8px 0;color:#d5c4a3}.text-link:hover{color:#f6e5c4}.text-link img{transition:transform .2s}.text-link:hover img{transform:translate(3px,-1px)}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #c7ad7e33}.icon-button:hover{background:#c7ad7e20;border-color:#c7ad7e88}.icon-button img{width:20px;height:20px}.menu-toggle{display:none}
.hero{min-height:790px;height:min(900px,100svh);position:relative;isolation:isolate;background:#0c1419;overflow:hidden}.hero-art,.hero-art img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{z-index:-3}.hero-art img{object-fit:cover;object-position:center 35%}.hero-shade{z-index:-2;background:linear-gradient(90deg,#0d151be6 0%,#0d151b85 28%,transparent 62%),linear-gradient(0deg,#101516 0%,#10151620 23%,transparent 70%)}.hero-content{height:100%;display:flex;align-items:center;padding-top:74px;padding-bottom:70px}.hero-copy{max-width:580px}.hero-logo{font:600 clamp(100px,10.6vw,158px)/.8 var(--serif);letter-spacing:.025em;width:max-content;color:#e6ddd0;text-shadow:0 3px 25px #10151655;position:relative}.hero-logo>span{display:block;font:500 14px/1.6 var(--sans);letter-spacing:.56em;text-align:center;margin-top:21px;padding-left:.56em;color:#cbb692}.hero-logo:after{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#c7ad7e70,transparent);margin-top:21px}.hero-copy h2{font-size:clamp(37px,3.6vw,54px);line-height:1.08;letter-spacing:-.02em;margin-top:30px}.hero-copy>p{margin-top:20px;color:#c0c5c5;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;color:#a3a7a3;font-size:10px}.hero-bottom span:first-child{letter-spacing:.19em}.hero-bottom span:last-child{font:11px var(--sans);color:#b9b7ae}.intro{text-align:center;padding-top:62px}.section-rule{height:21px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;width:200px}.section-rule:before,.section-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c7ad7e70)}.section-rule:after{transform:rotate(180deg)}.intro h2{font-size:clamp(38px,3.7vw,54px)}.intro>p{margin:24px auto 0;max-width:700px;line-height:1.9}.chapter-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-links>a,.chapter-links>button{display:flex;text-align:left;align-items:center;gap:24px;padding:28px 26px;background:none;position:relative;transition:background .2s}.chapter-links>a:hover,.chapter-links>button:hover{background:#c7ad7e08}.chapter-links>*+*{border-left:1px solid var(--line)}.chapter-number{font:500 37px var(--serif);color:#a9926c;width:37px}.chapter-links strong{display:block;font:500 24px/1.2 var(--serif);margin-bottom:5px}.chapter-links div>span{font-size:11px;color:var(--muted)}.chapter-links>a>img,.chapter-links>button>img{margin-left:auto;opacity:.65}
.section-heading{text-align:center}.section-heading>p{margin-top:20px}.classes-section{padding:110px 0 64px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#24302f69,transparent 55%)}.class-layout{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:25px;align-items:center;min-height:590px;margin-top:30px}.class-counter{display:block;font-size:11px;letter-spacing:.14em;color:#777f7e;margin-bottom:10px}.class-counter span{color:var(--gold)}.class-description h3{font-size:60px;line-height:1.1}.class-specialty{color:var(--gold);font-size:10px;margin:14px 0 24px;letter-spacing:.04em}.class-description>p{font-size:13px;line-height:1.9;max-width:290px}.class-details{margin:24px 0 22px;border-top:1px solid var(--line);padding-top:18px;max-width:290px}.class-details>div{display:flex;justify-content:space-between;font-size:11px;margin:7px 0;gap:15px}.class-details dt{color:#8e9793}.class-details dd{margin:0;color:#d1d5cf}.character-stage{height:600px;position:relative;display:flex;justify-content:center;align-items:end;isolation:isolate}.arch{position:absolute;width:88%;height:80%;border:1px solid #c7ad7e25;border-bottom:0;border-radius:48% 48% 0 0;top:6%;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#a6bb9a17,transparent 70%)}.arch:before{content:'';position:absolute;inset:12px;border:1px solid #c7ad7e10;border-bottom:0;border-radius:inherit}.character-rune{font:500 360px/.9 var(--serif);position:absolute;top:21%;color:#b8c8b508;z-index:-1}.character{object-fit:contain;width:100%;height:550px;max-width:390px;position:relative;margin-bottom:32px;filter:drop-shadow(12px 20px 18px #0005);transition:opacity .15s}.character-floor{position:absolute;bottom:34px;width:80%;height:35px;background:radial-gradient(ellipse,#adbd9c25,transparent 68%);z-index:-1}.character-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.08em;color:#88918d}.class-tabs{display:grid;gap:5px}.class-tabs button{display:flex;align-items:center;width:100%;gap:16px;background:transparent;padding:15px 16px;border:1px solid transparent;color:#a2aca6;text-align:left;position:relative;transition:color .2s,background .2s,border-color .2s}.class-tabs button img{width:23px;height:23px;opacity:.55}.class-tabs button[aria-selected=true]{background:linear-gradient(90deg,#c7ad7e19,transparent);border-color:#c7ad7e44;color:#e1cfad}.class-tabs button[aria-selected=true] img{opacity:1}.class-tabs button:hover{color:#ecdfc7;background:#c7ad7e0b}.tab-number{margin-left:auto;font-size:10px;color:#7d877e}
.world-section{padding-top:56px;padding-bottom:85px}.world-gallery{height:510px;position:relative;overflow:hidden;border:1px solid #c7ad7e45;margin-top:46px;background:#1c2723}.world-gallery:after{content:'';position:absolute;inset:9px;border:1px solid #d5c3a330;pointer-events:none}.world-gallery>#world-image{width:100%;height:100%;object-fit:cover;object-position:50% 44%}.gallery-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c1415eb,transparent 65%);pointer-events:none}.world-caption{position:absolute;bottom:37px;left:42px}.world-caption>span{font-size:9px;letter-spacing:.19em;color:#d1bd98}.world-caption h3{font-size:62px;line-height:1.2;margin:8px 0}.world-caption p{font-size:12px;color:#c9d0c9}.gallery-expand{position:absolute;top:24px;right:24px;background:#101516b0;z-index:1}.gallery-controls{position:absolute;right:34px;bottom:40px;display:flex;gap:10px;align-items:center;z-index:1}.gallery-controls>span{margin-right:18px;font-size:10px;color:#c2c9c1;letter-spacing:.1em}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;font-size:10px;color:#7e8982}.gallery-footer .text-link{font-size:11px}.remaster-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:58px;border-bottom:1px solid var(--line);padding-bottom:65px}.remaster-note h3{font-size:38px;line-height:1.1}.remaster-note p{font-size:12px;line-height:1.9;margin-bottom:12px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-bottom:90px}.faq-heading p{margin-top:16px;font-size:13px}.faq-decoration{display:block;font:500 135px/1.3 var(--serif);color:#c7ad7e15;padding-left:35px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;cursor:pointer;color:#d4d8d1}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary img{width:17px;height:17px;transition:transform .2s}.faq-list details[open] summary img{transform:rotate(180deg)}.faq-list details[open] summary{color:#ddc9a2}.faq-list details>p{font-size:12px;line-height:1.9;padding:0 30px 24px 0}.closing{position:relative;text-align:center;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 0 80px}.closing-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(#101516b0,#101516db),url('site/hero-v2.webp') 0% 45%/cover;filter:saturate(.4)}.closing h2{font-size:clamp(42px,4.8vw,66px)}.closing p{font-size:12px;margin:22px 0 30px;color:#b9c1ba}.site-footer{display:flex;align-items:center;gap:40px;padding:38px 0}.site-footer .wordmark>span{font-size:33px}.site-footer .wordmark>small{font-size:6px}.site-footer p{font-size:10px;line-height:1.9;color:#7d8881}.site-footer .text-link{margin-left:auto;font-size:10px}
dialog{color:var(--text);border:1px solid #c7ad7e70;background:#151b1c;padding:44px;max-height:90dvh;max-width:calc(100% - 32px);overflow:auto;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#050a0ddd;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .22s ease-out}.dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;z-index:3}.start-dialog{width:480px;text-align:center}.dialog-emblem{font:500 60px/1 var(--serif);color:var(--gold);margin:10px 0 15px}.start-dialog h2{font-size:42px;line-height:1.1}.start-dialog>p{font-size:12px;margin:16px 0}.start-dialog form{text-align:left;margin:30px 0 16px}.start-dialog label{display:block;font-size:11px;margin-bottom:8px;color:var(--gold)}.start-dialog select{width:100%;background:#0d1414;color:var(--text);border:1px solid var(--line);padding:13px}.start-dialog form .button{margin-top:14px;width:100%}.start-dialog .save-result{color:#d8c294;min-height:20px}.launch-note{text-align:left;border-top:1px solid var(--line);padding-top:18px}.launch-note strong{font-size:12px;font-weight:600}.launch-note p{font-size:11px;line-height:1.8;margin-top:8px}.start-dialog>.button{margin-top:12px}.image-dialog{width:1200px;padding:48px 18px 18px}.image-dialog>img{width:100%;max-height:75dvh;object-fit:contain}.image-dialog p{font-size:11px;text-align:center;margin-top:12px}.compare-dialog{width:1000px;padding:30px}.compare-dialog h2{font-size:32px;padding-right:35px}.compare-dialog>p{font-size:12px;margin:10px 0 20px}.comparison{position:relative;overflow:hidden;--split:50%}.comparison>img{width:100%;height:auto}.comparison-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.comparison-after img{width:100%;height:100%;object-fit:cover}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#e3c89c;pointer-events:none}.before-label,.after-label{position:absolute;top:14px;background:#101516c9;padding:6px 12px;font-size:11px}.before-label{left:14px}.after-label{right:14px}.compare-dialog label{display:block;font-size:11px;color:var(--muted);margin:14px 0 6px}.compare-dialog input{width:100%;accent-color:var(--gold)}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-art img{object-position:center 30%}.hero-shade{background:linear-gradient(90deg,#0d151bd9,transparent 65%),linear-gradient(0deg,#101516,transparent 35%)}.hero{height:940px}.hero-copy{margin-left:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding:0 36px;gap:20px}nav{gap:22px}.header-cta{font-size:10px;padding:9px 12px;gap:10px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 20px}.hero-art img{object-position:60% center}.chapter-links>a,.chapter-links>button{padding:24px 18px;gap:15px}.chapter-links div>span{font-size:10px}.class-layout{grid-template-columns:1fr 1fr .8fr;gap:12px}.class-description h3{font-size:50px}.class-tabs button{padding:14px 10px;gap:10px}.character-stage{height:540px}.character{height:500px}.faq-section{gap:50px}.remaster-note{gap:40px}}
@media(max-width:800px){.site-header{height:72px;padding-inline:24px}.header-cta{margin-left:auto}.menu-toggle{display:grid;border:0;width:36px}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;background:#101819f5;padding:18px 24px;border-bottom:1px solid var(--line);gap:0;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0;font-size:14px}.site-header nav a:after{display:none}.wordmark>span{font-size:34px}.wordmark small{font-size:6px}.wrap{width:calc(100% - 48px)}.hero{min-height:750px;max-height:none}.hero-copy{max-width:460px}.hero-logo{font-size:120px}.hero-copy h2{font-size:45px}.hero-actions{flex-direction:column;align-items:start;gap:12px}.hero-shade{background:linear-gradient(90deg,#0d151bd9,#0d151b30 85%),linear-gradient(0deg,#101516,transparent 50%)}.hero-art img{object-position:66% center}.hero-bottom span:last-child{display:none}.chapter-links{grid-template-columns:1fr}.chapter-links>*+*{border-left:0;border-top:1px solid var(--line)}.chapter-links>a,.chapter-links>button{padding:22px 15px}.chapter-links div>span{font-size:12px}.class-layout{grid-template-columns:1fr 1fr;row-gap:26px}.class-tabs{grid-column:1/-1;grid-row:1;display:flex;overflow-x:auto;gap:6px;padding:5px 3px 14px;scrollbar-width:thin;scrollbar-color:#a9926c #182020}.class-tabs button{flex:0 0 auto;width:auto;padding:12px 15px}.tab-number{display:none}.class-tabs button img{width:19px;height:19px}.class-description{grid-row:2}.character-stage{grid-row:2;height:480px}.character{height:460px}.class-specialty{line-height:1.7}.world-section{padding-top:35px}.world-gallery{height:440px}.world-caption{left:28px;bottom:35px}.world-caption h3{font-size:54px}.gallery-controls{right:24px;bottom:34px}.gallery-controls>span{display:none}.gallery-footer{align-items:start}.remaster-note{gap:24px}.remaster-note h3{font-size:30px}.faq-section{grid-template-columns:1fr;gap:24px}.faq-decoration{display:none}.classes-section{padding-top:75px}.world-caption p{max-width:220px}.site-footer{gap:20px}.site-footer p{font-size:9px}}
@media(max-width:640px){.hero{min-height:810px;height:100svh;max-height:930px}.hero-art{height:70%;top:40px}.hero-art img{object-position:69% 0%;object-fit:cover}.hero-shade{background:linear-gradient(0deg,#101516 0%,#101516 8%,#101516e8 33%,#1015162b 65%,#10151613 85%,#101516ad 100%)}.hero-content{align-items:flex-end;padding-top:80px;padding-bottom:87px}.hero-copy{width:100%;max-width:none}.hero-logo{font-size:94px}.hero-logo>span{font-size:9px;letter-spacing:.51em;margin-top:13px}.hero-logo:after{margin-top:13px}.hero-copy h2{font-size:39px;margin-top:23px}.hero-copy>p{font-size:12px;line-height:1.75;margin-top:16px}.hero-actions{margin-top:23px;flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:11px;padding:12px 20px;gap:15px;min-height:50px}.hero-actions>.text-link{font-size:10px;max-width:110px;gap:4px}.hero-actions>.text-link img{width:16px}.hero-bottom{bottom:24px;font-size:8px}.hero-bottom span:first-child{letter-spacing:.14em}.header-cta{display:none}.site-header .menu-toggle{margin-left:auto}.intro{padding-top:35px}.intro>p{font-size:12px;margin-top:18px}.desktop-break{display:none}.section-rule{margin-bottom:24px;width:150px}.chapter-links{margin-top:35px}.section-heading>p{font-size:12px;margin-top:16px}.class-layout{grid-template-columns:1fr;gap:20px}.class-tabs{grid-row:1}.character-stage{grid-row:2;height:410px;width:100%;max-width:330px;margin:auto}.character{height:410px;margin-bottom:16px}.character-caption{bottom:-5px}.arch{height:85%;top:0}.character-rune{font-size:270px}.class-description{grid-row:3;text-align:center;max-width:390px;margin:14px auto 0}.class-description>p{margin:auto;max-width:350px;font-size:12px}.class-counter{margin-bottom:6px}.class-description h3{font-size:48px}.class-specialty{margin:12px 0 16px}.class-details{margin:20px auto 12px;width:100%;max-width:100%}.class-choose{margin:auto}.class-details>div{font-size:11px}.class-tabs button{font-size:12px}.classes-section{padding-bottom:35px}.world-gallery{height:400px;margin-top:30px}.world-gallery>#world-image{object-position:55% center}.world-caption{left:24px;bottom:77px}.world-caption>span{font-size:8px}.world-caption h3{font-size:48px}.world-caption p{font-size:11px;max-width:none}.gallery-controls{bottom:20px;right:22px}.gallery-controls .icon-button{width:36px;height:36px}.gallery-footer{flex-direction:column;gap:4px;font-size:9px}.gallery-footer .text-link{font-size:10px}.remaster-note{grid-template-columns:1fr;margin-top:32px;gap:20px;padding-bottom:35px}.remaster-note h3{font-size:34px}.remaster-note p{font-size:12px}.world-section{padding-bottom:40px}.faq-section{padding-bottom:55px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details>p{font-size:11px}.closing{padding:55px 0}.closing h2{font-size:45px}.closing p{font-size:11px;max-width:260px;margin-inline:auto}.site-footer{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:30px 0}.site-footer .wordmark{align-self:start}.site-footer p{font-size:9px}.site-footer .text-link{grid-column:1/-1;justify-self:center;margin:0}.start-dialog{padding:40px 24px 28px}.start-dialog h2{font-size:36px}.compare-dialog{padding:48px 15px 20px}.compare-dialog h2{font-size:27px;padding-right:0}.compare-dialog>p{font-size:10px}.before-label,.after-label{font-size:9px;padding:4px 7px;top:8px}.before-label{left:8px}.after-label{right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
/* ---------- Open beta: header auth, beta badge, live strip, heroes, auth dialog, motion ---------- */
[hidden]{display:none!important}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9fcf8f;box-shadow:0 0 0 0 #9fcf8f80;flex-shrink:0;animation:live-pulse 2.4s ease-out infinite}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 #9fcf8f70}70%{box-shadow:0 0 0 9px #9fcf8f00}100%{box-shadow:0 0 0 0 #9fcf8f00}}
.beta-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid #c7ad7e4d;background:#0d1416a6;color:#dcc9a5;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin-right:auto}
.site-header .wordmark{margin-right:2px}
.header-auth{display:flex;align-items:center;flex-shrink:0}
.header-auth>div{display:flex;align-items:center;gap:16px}
.auth-link{background:none;padding:8px 2px;font-size:12px;font-weight:600;color:#cfd2cd;transition:color .2s}.auth-link:hover{color:var(--gold)}
.auth-name{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#e3d3b2;max-width:170px}
.auth-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-monogram{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #c7ad7e66;background:#c7ad7e14;font:500 17px/1 var(--serif);color:var(--gold);flex-shrink:0}
.auth-logout{color:#9aa29d;font-weight:500}
.nav-auth{display:none}
.hero-beta{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:7px 14px 7px 12px;border:1px solid #c7ad7e59;background:linear-gradient(90deg,#c7ad7e1f,#0d151b55);color:#ead9b8;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(2px)}
.hero-glow{position:absolute;z-index:-1;pointer-events:none;left:-8%;top:18%;width:min(780px,70vw);aspect-ratio:1.4;background:radial-gradient(ellipse at 45% 50%,#8a6fd426,#c7ad7e10 40%,transparent 68%);filter:blur(10px);animation:glow-breathe 9s ease-in-out infinite alternate}
@keyframes glow-breathe{from{opacity:.55;transform:translate3d(0,0,0) scale(1)}to{opacity:1;transform:translate3d(3%,-2%,0) scale(1.08)}}
.hero-embers{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-art{will-change:transform}
.hero-bottom span:last-child{color:#dcc9a5;letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.live-strip{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#121a1b,#151d1d 50%,#121a1b)}
.live-strip:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#c7ad7e90,transparent)}
.live-inner{display:flex;align-items:center;gap:40px;padding:22px 0}
.live-status{display:flex;align-items:center;gap:14px;flex-shrink:0}
.live-status strong{display:block;font:500 22px/1.1 var(--serif);color:#e7dcc7}
.live-status span:not(.live-dot){display:block;font-size:10px;color:#89938d;margin-top:3px}
.live-stats{display:flex;flex:1;margin:0;justify-content:center}
.live-stats>div{padding:0 34px;text-align:center}
.live-stats>div+div{border-left:1px solid var(--line)}
.live-stats dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8f9893}
.live-stats dd{margin:6px 0 0;font:400 30px/1 var(--sans);letter-spacing:-.01em;color:#e3cfa6;font-variant-numeric:tabular-nums}
.live-strip:not(.has-online) .live-status .live-dot{background:#c7ad7e;animation:none}
.live-offline .live-stats dd{color:#7f8984}
.live-join{flex-shrink:0}
.heroes-section{padding:30px 0 90px;position:relative;background:radial-gradient(ellipse at 50% 30%,#2a2a3a40,transparent 60%)}
.heroes-list{list-style:none;margin:46px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;--cols:5}.hero-card{flex:0 0 calc((100% - (var(--cols) - 1) * 14px) / var(--cols));min-width:0}
.hero-card{position:relative;display:flex;flex-direction:column;min-height:250px;border:1px solid #c7ad7e2b;background:linear-gradient(180deg,#182021,#121819);overflow:hidden;isolation:isolate;transition:border-color .25s,transform .25s}
.hero-card:hover{border-color:#c7ad7e70;transform:translateY(-3px)}
.hero-card-top{border-color:#c7ad7e55;background:linear-gradient(180deg,#22251f,#131919)}
.hero-card-rank{position:absolute;top:12px;left:14px;font:600 22px/1 var(--sans);color:#c7ad7e88;z-index:2}
.hero-card-top .hero-card-rank{color:#e2c891}
.hero-card-portrait{height:170px;position:relative;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#a6bb9a1c,transparent 70%)}
.hero-card-portrait:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#141a1b)}
.hero-card-portrait img{width:150px;height:250px;object-fit:cover;object-position:50% 0;margin-top:2px;filter:drop-shadow(0 8px 12px #0007)}
.hero-card-initial{align-self:center;font:500 80px/1 var(--serif);color:#c7ad7e40}
.hero-card-body{padding:4px 16px 0;flex:1}
.hero-card-body strong{display:block;font:500 22px/1.15 var(--serif);color:#ece3d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-card-body span{display:block;font-size:10px;color:#a69a80;margin-top:4px}
.hero-card-level{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:12px 16px 14px;padding-top:10px;border-top:1px solid var(--line);font:600 20px/1 var(--sans);color:#e2cb9d}
.hero-card-level small{font:500 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7f8a84}
.heroes-empty{margin:40px auto 0;max-width:560px;text-align:center;border:1px solid var(--line);padding:34px 30px;background:#141a1b}
.heroes-empty-mark{display:block;font:500 54px/1 var(--serif);color:#c7ad7e55;margin-bottom:10px}
.heroes-empty p{font-size:13px;margin-bottom:22px}
.closing-actions{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}
.auth-dialog{width:500px}
.auth-dialog .dialog-emblem{margin-bottom:8px}
.auth-lead{font-size:12px;margin:12px 0 0}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 4px;border-bottom:1px solid var(--line)}
.auth-tabs button{background:none;padding:12px 0;font-size:12px;font-weight:600;color:#8f9893;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.auth-tabs button[aria-selected=true]{color:#e2cfa9;border-bottom-color:var(--gold)}
.auth-tabs button:hover{color:#e8dcc3}
.start-dialog .auth-form{margin:20px 0 18px;display:grid;gap:14px}
.auth-form label{display:block;margin:0}
.auth-form label>span{display:block;font-size:11px;margin-bottom:7px;color:var(--gold)}
.auth-form input{width:100%;background:#0d1414;color:var(--text);border:1px solid #c7ad7e33;padding:12px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}
.auth-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c7ad7e22}
.auth-form input[aria-invalid=true]{border-color:#c77d6e}
.field-hint{display:block;font-size:10px;color:#7f8a84;margin-top:5px}
.field-error{display:block;font-size:11px;color:#e3998a;margin-top:5px}
.field-error:empty{display:none}
.form-error{font-size:12px;color:#e3998a;min-height:0}
.form-error:empty{display:none}
.start-dialog .auth-form .button{margin-top:4px;width:100%}
.auth-form.busy .button{opacity:.65;cursor:progress}
.auth-success{text-align:center}
.auth-success>.button{margin:26px 0 0;width:100%}
.auth-steps{text-align:left;margin:22px 0 14px;padding:16px 0 0 20px;border-top:1px solid var(--line);font-size:12px;color:#b6bcb7;line-height:2}
.auth-steps li::marker{color:var(--gold);font-family:var(--serif)}
@media(prefers-reduced-motion:no-preference){
  .reveal-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
  .reveal-ready [data-reveal].revealed{opacity:1;transform:none}
  .reveal-ready .hero-card{opacity:0;transform:translateY(22px);transition:opacity .7s ease calc(var(--i)*70ms),transform .7s ease calc(var(--i)*70ms),border-color .25s}
  .reveal-ready .hero-card.revealed{opacity:1;transform:none}
  .reveal-ready .hero-card.revealed:hover{transform:translateY(-3px);transition-delay:0s}
  .hero-copy>*{animation:hero-rise 1.1s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.28s}.hero-copy>:nth-child(5){animation-delay:.38s}
  @keyframes hero-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .button-gold:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff3d955 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;pointer-events:none;animation:sheen 6s ease-in-out 2s infinite}
  @keyframes sheen{0%,70%{background-position:120% 0}100%{background-position:-120% 0}}
}
@media(max-width:1200px){.heroes-list{--cols:4}.live-stats>div{padding:0 22px}}
@media(max-width:1100px){.beta-badge{display:none}.site-header #main-nav{margin-left:auto}.header-auth>div{gap:12px}.auth-cabinet{display:none}.live-inner{gap:24px}.live-stats dd{font-size:27px}.live-join{display:none}}
@media(max-width:800px){.header-auth{margin-left:auto}.site-header .language-switch{margin-left:0}.nav-auth{display:block;padding-top:16px;margin-top:8px;border-top:1px solid var(--line)}.nav-auth>div{display:flex;gap:10px}.nav-auth .button{flex:1}.header-auth .auth-guest>.button,.header-auth .auth-logout,.auth-name>span:last-child{display:none}.heroes-list{--cols:3}.live-inner{flex-direction:column;align-items:stretch;gap:16px;padding:20px 0}.live-status{justify-content:center}.live-stats>div{flex:1;padding:0 10px}}
@media(max-width:640px){.hero-beta{font-size:9px;letter-spacing:.14em;margin-bottom:16px;padding:6px 11px}.live-stats dd{font-size:24px}.live-stats dt{font-size:8px;letter-spacing:.08em}.live-status strong{font-size:19px}.heroes-section{padding:10px 0 60px}.heroes-list{--cols:2;gap:10px;margin-top:30px}.hero-card{flex-basis:calc((100% - 10px) / 2)}.hero-card{min-height:220px}.hero-card-portrait{height:140px}.hero-card-portrait img{width:120px;height:200px}.hero-card-rank{font-size:18px;left:10px}.hero-card-body{padding:2px 12px 0}.hero-card-body strong{font-size:19px}.hero-card-level{margin:10px 12px 12px;font-size:17px}.heroes-empty{padding:28px 20px}.auth-dialog{padding:40px 22px 26px}.closing-actions{flex-direction:column;gap:12px}.header-auth .auth-link{font-size:11px}}
@media(max-width:360px){.live-stats>div{padding:0 5px}.live-stats dd{font-size:21px}.hero-card-body strong{font-size:17px}}
.site-header .nav-auth .button{font-size:11px;padding:9px 18px;min-height:42px}