.codex-gateway{position:relative;min-height:660px;padding:110px max(32px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:8vw;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(150,34,38,.22),transparent 34%),linear-gradient(130deg,#080b10,#11151d 55%,#07090d)}
.codex-gateway:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(213,173,99,.08),transparent);clip-path:polygon(49.8% 0,50.2% 0,75% 100%,74.6% 100%)}
.codex-mark{position:relative;display:grid;place-items:center;min-height:420px;border:1px solid rgba(213,173,99,.23);background:radial-gradient(circle,rgba(213,173,99,.1),transparent 58%)}
.codex-mark:before,.codex-mark:after{content:"";position:absolute;width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.codex-mark:before{left:-15%;top:18%}.codex-mark:after{right:-15%;bottom:18%;transform:rotate(180deg)}
.codex-mark img{width:min(270px,70%);filter:drop-shadow(0 18px 36px #000)}.codex-mark span{position:absolute;bottom:32px;color:var(--gold2);font:600 11px Cinzel;letter-spacing:.42em}
.codex-copy{max-width:720px}.codex-copy h2{margin:0;font:600 clamp(42px,5vw,76px)/1 Cinzel;letter-spacing:-.045em}.codex-copy h2 em{color:var(--gold);font-style:normal}.codex-copy>p:not(.eyebrow){max-width:640px;margin:28px 0 34px;color:var(--muted);font-size:16px;line-height:1.8}.codex-copy .primary{width:max-content}
@media(max-width:900px){.codex-gateway{min-height:0;padding:80px 20px;grid-template-columns:1fr;gap:45px}.codex-mark{min-height:330px}.codex-copy h2{font-size:clamp(38px,11vw,58px)}.codex-copy .primary{width:100%}}
.ranking{padding:120px max(32px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 85% 20%,rgba(145,24,30,.15),transparent 32%),#070a0e}.ranking>.section-title{text-align:center}.ranking>.section-title h2{font-size:clamp(42px,5vw,72px)}.ranking-panel{margin-top:55px;border:1px solid rgba(213,173,99,.25);background:rgba(13,17,23,.82);box-shadow:0 28px 80px rgba(0,0,0,.35)}.ranking-head,.ranking-row{display:grid;grid-template-columns:90px minmax(190px,1fr) minmax(120px,.55fr) 110px;align-items:center}.ranking-head{min-height:50px;padding:0 24px;color:var(--gold);border-bottom:1px solid rgba(213,173,99,.25);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.ranking-row{width:100%;min-height:66px;padding:0 24px;border:0;border-bottom:1px solid rgba(255,255,255,.055);color:inherit;text-align:left;background:transparent;cursor:pointer;transition:background .2s}.ranking-row:hover,.ranking-row:focus-visible{outline:0;background:rgba(213,173,99,.075)}.ranking-row .rank{color:var(--gold);font:600 16px Cinzel}.player-cell{display:flex;align-items:center;gap:12px}.player-cell img{width:43px;height:43px;image-rendering:auto;filter:drop-shadow(0 3px 8px #000)}.ranking-row .player{font:600 15px Cinzel}.ranking-row .class{color:var(--muted);font-size:13px}.ranking-row .level{justify-self:start;min-width:54px;padding:6px 9px;text-align:center;color:#fff;background:#8e1922;font-size:11px;font-weight:700}.ranking-state{margin:0;padding:42px 24px;text-align:center;color:var(--muted)}.ranking-note{margin:0;padding:17px 24px;color:#706f6b;font-size:10px;text-align:center}.ranking-error{color:#b9a98c}
.character-dialog{width:min(560px,calc(100% - 28px));padding:0;border:1px solid rgba(213,173,99,.45);color:#f4f0e7;background:linear-gradient(145deg,#171b22,#090c11);box-shadow:0 30px 100px #000;border-radius:2px}.character-dialog::backdrop{background:rgba(2,3,5,.82);backdrop-filter:blur(5px)}.character-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);color:#fff;background:#11151b;font-size:24px;cursor:pointer}.character-profile{display:flex;align-items:center;gap:20px;padding:35px;border-bottom:1px solid rgba(213,173,99,.18)}.character-profile>img{width:78px;height:78px;image-rendering:auto;filter:drop-shadow(0 6px 14px #000)}.character-profile h2{margin:4px 0;font:600 27px Cinzel}.character-profile div>p:last-child{margin:0;color:var(--gold)}.character-stats{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:24px 35px;gap:12px}.character-stats div{padding:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.character-stats dt{margin-bottom:7px;color:#817e77;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.character-stats dd{margin:0;font:600 14px Cinzel}.character-privacy{margin:0;padding:0 35px 28px;color:#706f6b;font-size:10px}
@media(max-width:700px){.ranking{padding:80px 16px}.ranking-panel{margin-top:35px;overflow:hidden}.ranking-head,.ranking-row{grid-template-columns:45px minmax(120px,1fr) 70px;padding:0 12px}.ranking-head span:nth-child(3),.ranking-row .class{display:none}.ranking-head{font-size:8px}.ranking-row{min-height:64px}.ranking-row .player{font-size:12px}.player-cell{gap:8px}.player-cell img{width:36px;height:36px}.ranking-row .level{min-width:42px;padding:5px;font-size:10px}.character-profile{padding:30px 22px}.character-stats{padding:20px 22px;grid-template-columns:1fr}.character-privacy{padding:0 22px 24px}}
.account-actions{display:flex;align-items:center;gap:10px}.account-actions .account-login,.account-actions .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:43px;margin:0;padding:0 18px;border:1px solid var(--gold);font:600 10px Inter;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}.account-actions .account-login{color:var(--gold2);background:rgba(5,7,10,.66)}.account-actions .nav-cta{color:#080a0d;background:linear-gradient(110deg,var(--gold2),var(--gold))}.account-actions .account-login:hover,.account-actions .account-login:focus-visible{color:#080a0d;background:var(--gold2)}.account-actions .nav-cta:hover,.account-actions .nav-cta:focus-visible{box-shadow:0 8px 25px rgba(213,173,99,.25)}.account-dialog{width:min(680px,calc(100% - 28px));padding:0;border:1px solid rgba(213,173,99,.45);color:#f4f0e7;background:linear-gradient(145deg,#171b22,#090c11);box-shadow:0 30px 100px #000}.account-dialog::backdrop{background:rgba(2,3,5,.85);backdrop-filter:blur(6px)}.account-login-view{padding:48px}.account-login-view h2,.account-summary h2{margin:5px 0 12px;font:600 clamp(27px,5vw,39px) Cinzel}.account-login-view>p:not(.eyebrow){color:var(--muted)}.account-login-view form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.account-login-view label{display:grid;gap:8px;color:#aaa49a;font-size:11px;font-weight:700;letter-spacing:.06em}.account-login-view input{height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.13);outline:0;color:#fff;background:#090c11}.account-login-view input:focus{border-color:var(--gold)}.account-login-view .primary{grid-column:1/-1;width:100%;border:0}.account-status{grid-column:1/-1;min-height:18px;margin:0;color:#d8b779;font-size:12px}.account-panel{padding:42px}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:42px}.ep-balance{display:grid;gap:5px;padding:14px 18px;border:1px solid rgba(213,173,99,.3);text-align:right;background:rgba(213,173,99,.05)}.ep-balance span{color:#8d897f;font-size:9px;letter-spacing:.15em}.ep-balance b{color:var(--gold);font:700 22px Cinzel}.account-character-list{display:grid;gap:8px;margin:25px 0}.account-character-list article{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:12px 15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.account-character-list img{width:45px;height:45px}.account-character-list h3{margin:0 0 5px;font:600 15px Cinzel}.account-character-list p{margin:0;color:#8f8b82;font-size:11px}.account-character-list article>span{display:grid;gap:4px;text-align:right}.account-character-list article>span b{color:var(--gold);font:600 13px Cinzel}.account-character-list small{color:#77736c;font-size:9px}.empty-characters{padding:25px;text-align:center;color:var(--muted)}.account-logout{padding:10px 14px;border:1px solid rgba(255,255,255,.12);color:#aaa49a;background:transparent;cursor:pointer}
@media(max-width:900px){.account-actions{margin-top:8px;width:100%}.account-actions>*{flex:1;text-align:center}.account-actions .account-login,.account-actions .nav-cta{min-width:0;min-height:40px;padding:0 10px;font-size:9px}.account-login-view,.account-panel{padding:36px 22px}.account-login-view form{grid-template-columns:1fr}.account-summary{align-items:flex-start;padding-right:38px;flex-direction:column}.account-character-list article{grid-template-columns:44px 1fr}.account-character-list article>span{grid-column:2;text-align:left}.account-character-list img{width:40px;height:40px}}
.portrait,.journey-art{display:grid;place-items:center;background:#05070a}.portrait img,.journey-art img{object-fit:contain;object-position:center}.portrait img{padding:14px}.journey-art img{padding:20px}.hero-media{background-position:62% center}
@media(max-width:900px){.portrait,.portrait img{min-height:0}.portrait{aspect-ratio:2/3}.portrait img{height:100%;padding:8px}.journey-art{min-height:0;aspect-ratio:16/9}.journey-art img{height:100%;padding:8px}.hero-media{background-position:70% center}}
.journey-art img{object-fit:cover;object-position:center;padding:0}
@media(max-width:900px){.journey-art{aspect-ratio:3/2}.journey-art img{padding:0}}
.journey-art{align-self:center;min-height:0;aspect-ratio:3/2;margin:58px 0 58px 48px;border:1px solid rgba(213,173,99,.18);box-shadow:0 24px 65px rgba(0,0,0,.38)}.journey-art img{min-height:0}
@media(max-width:900px){.journey-art{width:calc(100% - 36px);margin:28px 18px 0}.journey-art img{min-height:0}}