.page-title{font-size:clamp(36px,5vw,60px);letter-spacing:0}.article-list{display:grid;gap:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel .notice{margin-bottom:20px}.account-cards{margin-top:30px}.checksum{overflow-wrap:anywhere;font:11px monospace;color:var(--muted);margin-top:20px}.tabs{display:flex;gap:12px}.text-link{font-size:11px;letter-spacing:1px;color:var(--gold)}[aria-current=page]{color:var(--gold)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}
:root{color-scheme:dark;--gold:#d8b573;--muted:#a49d90;--line:#342c20;--bg:#090a0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee9dd;font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 5%;border-bottom:1px solid var(--line);position:relative;z-index:2;background:#0b0c0dec}.brand{display:flex;align-items:center;font-weight:bold;letter-spacing:2px;font-size:19px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:4px;color:var(--muted);margin-top:5px}.sigil{font-size:42px;color:var(--gold);margin-right:12px}.gold{color:var(--gold)}nav{display:flex;gap:28px;font-size:13px}nav a:hover,footer a:hover{color:var(--gold)}.button,button{display:inline-block;border:1px solid var(--gold);padding:13px 24px;background:var(--gold);color:#16120c;font-weight:bold;font-size:12px;letter-spacing:1px;cursor:pointer}.outline{background:transparent;color:var(--gold)}.hero{position:relative;min-height:660px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 42%,#59421c33,transparent 58%),linear-gradient(110deg,#090b0e,#151415,#080a0c)}.eclipse{position:absolute;width:330px;height:330px;border-radius:50%;top:75px;left:calc(50% - 165px);background:#08090b;box-shadow:0 0 3px 3px #fff0b1,0 0 15px 7px #cc9b40,0 0 70px 18px #d18e273d;opacity:.85}.hero:after{content:'';position:absolute;inset:40% -10% -35%;background:linear-gradient(135deg,transparent 20%,#101114 20%,#060709 40%,transparent 40%),linear-gradient(220deg,transparent 32%,#141516 32%,#090a0c 57%,transparent 57%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:160px 20px 65px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:5px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.15}h1{font-size:clamp(46px,6vw,86px);letter-spacing:4px;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.hero p{color:#c0b6a4;font-size:15px;max-width:550px;margin:22px auto 30px}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.hero .note{font-size:10px;letter-spacing:2px;margin:25px 0 0}.strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:auto;padding:25px 0;border-bottom:1px solid var(--line);text-align:center}.strip div+div{border-left:1px solid var(--line)}.strip strong{display:block;font-family:Georgia,serif;font-size:23px;color:var(--gold)}.strip small{color:var(--muted);font-size:10px;letter-spacing:2px}.section{max-width:1180px;margin:auto;padding:65px 35px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}h2{font-size:36px;margin:10px 0}h3{font-size:24px;margin:15px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#1b1915,#101113);position:relative}.card .number{font:42px Georgia;color:#806537}.card p,.muted{color:var(--muted);font-size:14px}.tag{font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.feature{margin-top:55px;border:1px solid var(--line);padding:45px;background:radial-gradient(ellipse at 90% 40%,#9a6d2220,transparent 70%)}footer{padding:40px 6%;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer div{display:flex;gap:25px;margin:20px 0}footer small{font-size:10px}.panel{max-width:700px;padding:32px;background:#121315;border:1px solid var(--line);margin:25px 0}label{display:block;color:var(--muted);font-size:13px;margin:16px 0}input,textarea,select{display:block;width:100%;padding:12px;background:#090a0b;border:1px solid #49402e;color:#eee;margin-top:7px}textarea{min-height:160px}button:disabled{opacity:.45;cursor:not-allowed}.empty{padding:45px;border:1px dashed var(--line);color:var(--muted)}.article{white-space:pre-wrap;color:#c5bfb2}.status-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}.status-row span{color:var(--gold)}#toast:not(:empty){position:fixed;bottom:25px;right:25px;max-width:420px;padding:20px;background:#242016;border:1px solid var(--gold);z-index:10}.notice{border-left:2px solid var(--gold);padding:15px 20px;background:#bc934010;color:#bdb29c;font-size:13px}a:focus-visible,button:focus-visible{outline:2px solid #ffe2a1;outline-offset:5px}@media(max-width:900px){header{flex-wrap:wrap;gap:16px}nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow:auto}.account{font-size:10px;padding:10px}.cards{grid-template-columns:1fr}.hero{min-height:610px}.section{padding:45px 22px}.strip{margin:0 20px}.strip strong{font-size:18px}.strip small{font-size:8px}.brand{font-size:15px}.section-head{align-items:start}h2{font-size:30px}footer div{flex-wrap:wrap}.eclipse{width:270px;height:270px;left:calc(50% - 135px)}}
.hero-content{width:100%;min-width:0}.hero h1{font-size:clamp(27px,6vw,86px);letter-spacing:clamp(1px,.2vw,4px)}@media(max-width:600px){.hero .eyebrow{letter-spacing:3px;font-size:9px}.hero .note{letter-spacing:1px}.hero-content{padding-left:16px;padding-right:16px}.hero .actions .button{padding:13px 18px}.status-row{flex-wrap:wrap}.panel{padding:22px}}
.cms-row{border-bottom:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.cms-actions{display:flex;gap:8px;flex-wrap:wrap}.cms-actions button{padding:8px 12px;font-size:10px}.audit-row{font:11px monospace;color:var(--muted);overflow-wrap:anywhere}input[type=hidden]{display:none}
.table-scroll{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--gold);font-weight:normal}.table-scroll+button{margin-top:15px}
.environment-badge{font-size:9px;letter-spacing:2px;border:1px solid var(--line);color:var(--gold);padding:8px 12px;white-space:nowrap}.game-section .page-title{margin-bottom:12px}.ranking-panel,.auth-panel{border:1px solid var(--line);background:linear-gradient(140deg,#191815,#0e1012);padding:30px}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px}.ranking-toolbar label{margin:0;width:280px}.tabs [aria-pressed=true]{background:var(--gold);color:#16120c}.rank-caption,.fine-print{font-size:11px}.auth-grid,.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.auth-panel h3{font-size:30px}.form-message{font-size:13px;color:var(--gold);min-height:22px}.auth-panel button{width:100%}.player-overview{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.player-actions{display:flex;gap:10px;flex-wrap:wrap}.player-grid{grid-template-columns:2fr 1fr}.player-grid .panel{max-width:none;min-width:0;margin:0}.balance-value{font:52px Georgia;color:var(--gold)}.balance-panel button{width:100%;font-size:10px}.game-section #game-content>.panel button+button{margin-left:10px}@media(max-width:760px){.auth-grid,.player-grid{grid-template-columns:1fr}.ranking-toolbar,.player-overview{align-items:stretch;flex-direction:column}.ranking-toolbar label{width:100%}.ranking-panel,.auth-panel{padding:22px}.game-section .section-head{flex-wrap:wrap}.game-section .table-scroll{margin-left:-8px;margin-right:-8px}.player-actions button{flex:1}}
body{background:#08090a url("/hero-metin2.png?v=sura-anatomy-20261105-1") center 80px/1920px auto fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#08090ae8,#08090af7 65%);z-index:-1;pointer-events:none}body{isolation:isolate}header{min-height:92px;background:linear-gradient(#11100ef5,#08090af5);border-bottom:1px solid #8b683b66;box-shadow:0 8px 30px #0006}.brand{font-family:Georgia,serif;letter-spacing:2.5px}.brand .sigil{text-shadow:0 0 18px #d7a34855}nav a{font-size:12px;letter-spacing:1px}.button,button{background:linear-gradient(135deg,#f0d99a,#bd9450);border-color:#e0bf7b;box-shadow:inset 0 0 0 2px #0001,0 4px 16px #0003;transition:filter .18s,transform .18s}.button:hover,button:hover{filter:brightness(1.12)}.outline{background:linear-gradient(#171510dd,#0e0e0ccc);color:var(--gold)}.hero{min-height:740px;background:linear-gradient(0deg,#08090a 0%,#08090a15 25%,#08090a08 80%,#08090a22),url("/hero-metin2.png?v=sura-anatomy-20261105-1") center top/cover no-repeat;border-bottom:1px solid #a47a3e55}.hero .eclipse,.hero:after{display:none}.hero-content{padding:290px 24px 75px}.hero h1{font-size:clamp(29px,5.8vw,90px);text-shadow:0 5px 25px #000,0 0 35px #000;letter-spacing:3px}.hero h1 em{background:linear-gradient(#fff2c8,#c19448);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .eyebrow{color:#f1d291;text-shadow:0 2px 12px #000;letter-spacing:4px}.hero p{color:#e1d8c7;text-shadow:0 2px 9px #000}.hero .actions .button{padding:16px 30px}.hero .note{color:#b9a886;font-size:9px}.strip{position:relative;background:linear-gradient(90deg,#0a0a09ee,#211c13ee,#0a0a09ee);border:1px solid #8e6c3a55;max-width:1110px;padding:25px 12px;margin:0 auto;box-shadow:0 12px 35px #0005}.strip strong{font-size:22px}.strip a{display:block}.section{padding-top:60px}.card,.panel,.ranking-panel,.auth-panel{background:linear-gradient(135deg,#221d15e8,#101112f5);border-color:#8c6b354d;box-shadow:0 12px 35px #0003}.feature{background:linear-gradient(95deg,#11100ff2,#0a0b0ce8),url("/hero-metin2.png?v=sura-anatomy-20261105-1") center/cover;border-color:#8c6b3555}.page-title{color:#f0e7d3;text-shadow:0 4px 20px #0006}.rank-caption{border-top:1px solid var(--line);padding-top:18px}.ranking-panel td:nth-child(3){color:#e5c783}.environment-badge{background:#17130dc9;color:#bfa678;font-size:8px}.notice{background:#b88e3410;border-color:#bf994f}footer{background:#080909ee;border-top:1px solid #8c6b3544}.auth-grid .auth-panel{position:relative}.auth-panel:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#dfbd77,transparent)}@media(max-width:760px){.hero{min-height:650px;background-position:center top}.hero-content{padding-top:250px;padding-bottom:55px}.hero h1{letter-spacing:1px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero p{font-size:14px}.hero .actions .button{padding:14px 18px}.strip{margin:0 16px}.strip strong{font-size:16px}.strip small{font-size:7px;letter-spacing:1px}body{background-size:auto 1000px}header{padding-top:18px;padding-bottom:18px}.section{padding-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.hero h1 em{text-shadow:none;filter:drop-shadow(0 3px 12px #000)}
.header-actions{display:flex;gap:10px;padding-left:24px;border-left:1px solid #8c6b3555;flex-shrink:0}.header-actions .button{padding:12px 18px;font-size:10px}.header-actions .register-button{box-shadow:0 0 22px #d9ad4830,inset 0 0 0 2px #ffffff12}header nav{gap:20px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;border:1px solid #a57e3f66;background:#0c0d0de8;box-shadow:0 25px 70px #0008}.auth-story{padding:60px 45px;min-height:520px;background:linear-gradient(#12100d80,#08090ac9),url("/hero-metin2.png?v=sura-anatomy-20261105-1") 28% center/auto 100% no-repeat;position:relative;overflow:hidden;border-right:1px solid #a57e3f44}.auth-story h2{font-size:46px;color:#f0d89f;margin-top:35px;text-shadow:0 3px 15px #000}.auth-story p{color:#d0c4aa;font-size:14px;max-width:260px;text-shadow:0 2px 8px #000}.story-emblem{position:absolute;bottom:25px;left:45px;font:90px Georgia;color:#d0a65a66}.auth-layout .auth-panel{border:0;box-shadow:none;padding:40px;background:transparent}.auth-switch{border-top:1px solid #8c6b3544;padding:22px 40px;margin:0;font-size:12px;color:var(--muted)}.auth-switch a{color:#ebca85;display:inline-block;margin-left:5px}.auth-layout input:focus{outline:1px solid #d8b573;border-color:#d8b573;box-shadow:0 0 18px #c19b4520}@media(min-width:901px) and (max-width:1200px){header{gap:16px;padding-left:3%;padding-right:3%}header nav{gap:13px}header .brand{font-size:15px}.header-actions{padding-left:15px}.header-actions .button{padding:11px 13px}}@media(max-width:900px){.header-actions{margin-left:auto;border:0;padding:0}.header-actions .button{padding:10px 13px}header nav{gap:14px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:220px;padding:30px;border-right:0;border-bottom:1px solid #a57e3f44;background-position:center 35%;background-size:cover}.auth-story h2{font-size:36px;margin-top:16px}.auth-story p{max-width:75%}.story-emblem{right:25px;left:auto;bottom:15px;font-size:70px}.auth-layout .auth-panel{padding:28px}.auth-switch{padding:20px 28px}}@media(max-width:520px){header .brand{width:100%;justify-content:center}.header-actions{width:100%;justify-content:center;margin:0}header nav{justify-content:flex-start;gap:20px;padding-top:12px;border-top:1px solid #8c6b3533}.auth-story h2{font-size:32px}}
header nav a{padding:9px 6px;border-bottom:1px solid transparent}header nav a[aria-current=page]{border-bottom-color:#d8b573;background:linear-gradient(transparent,#b48b3220)}header nav a:hover{border-bottom-color:#96753c}.header-actions .button{min-width:92px;text-align:center}.hero .actions .button:first-child{box-shadow:0 0 28px #d9ad4844,inset 0 0 0 2px #ffffff12}@media(min-width:901px) and (max-width:1100px){header nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}}
.site-logo{display:block;width:280px;height:90px;object-fit:contain;max-width:100%;filter:drop-shadow(0 4px 10px #0008)}header{padding-top:10px;padding-bottom:10px}.hero-content{padding-top:200px}.hero .hero-brand{margin:8px auto 0;line-height:1}.hero-brand img{display:block;width:min(820px,88vw);height:auto;margin:auto;filter:drop-shadow(0 6px 16px #000a)}.hero .eyebrow{margin-bottom:-18px;position:relative;z-index:1}.hero .hero-brand+p{margin-top:4px}.footer-brand .site-logo{width:260px;height:87px}@media(max-width:760px){.hero-content{padding-top:250px}.hero .eyebrow{margin-bottom:2px}.hero-brand img{width:min(560px,94vw)}.hero .hero-brand{margin-left:-10px;margin-right:-10px}.hero .hero-brand+p{margin-top:16px}.site-logo{width:260px;height:87px}}@media(max-width:520px){header .site-logo{width:290px;height:90px}header .brand{height:92px}.hero-content{padding-top:235px}}
@media(max-width:600px){.hero{background-size:100% auto;background-position:center top;background-color:#08090a;min-height:610px}.hero-content{padding-top:155px;padding-bottom:45px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}.hero-brand img{width:94vw}.hero .hero-brand+p{margin-top:18px}}@media(max-width:520px){header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible;padding-top:12px}header nav a{display:block;text-align:center;padding:7px 5px;border:1px solid #8c6b3538;background:#17130e66;font-size:10px}.header-actions{gap:12px}.header-actions .button{min-width:124px}header nav a[aria-current=page]{border-color:#b08a45;background:#b48b3220}}
.account-settings{margin-top:55px}.account-settings .settings-panel{max-width:850px;margin-top:20px}.settings-tabs{display:flex;gap:10px;flex-wrap:wrap}.settings-tabs [aria-pressed=true]{background:linear-gradient(135deg,#f0d99a,#bd9450);color:#17120b}.session-row,.activity-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.session-row .muted{font-size:11px;margin:8px 0 0}.activity-row{font-size:12px}.activity-row time{color:var(--muted);font-size:11px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:600px){.settings-tabs button{padding:11px 13px;font-size:10px}.session-row,.activity-row{align-items:flex-start;flex-wrap:wrap}.settings-panel{padding:22px}.settings-panel h3{font-size:25px}}
.account-loading{font-size:10px;letter-spacing:1px;color:var(--muted);padding:12px}.header-actions [data-header-logout]{padding:12px 18px;font-size:10px;min-width:110px}.account-settings{margin-top:25px;margin-bottom:40px;scroll-margin-top:25px}.player-actions{justify-content:flex-end}.player-actions #edit-player-profile{background:linear-gradient(135deg,#f0d99a,#bd9450);color:#17120b}.player-overview{align-items:flex-start}.player-overview>div:first-child{min-width:160px}.player-actions button{font-size:10px;padding:12px 15px}@media(max-width:760px){.player-actions{justify-content:stretch}.player-actions button{min-width:135px}.header-actions [data-header-logout]{padding:10px 13px}}
.game-section #game-content{width:100%;min-width:0}.account-settings{width:100%;margin:24px 0 28px}.account-settings>.section-head{margin-bottom:20px}.account-settings .settings-tabs{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:10px;width:100%;align-items:stretch}.account-settings .settings-tabs button{width:100%;min-height:48px;line-height:1.35;padding:12px 18px;white-space:normal}.account-settings .settings-panel{width:100%;max-width:none;margin:18px 0 0;padding:32px;box-sizing:border-box}.settings-panel>form{max-width:680px}.settings-panel>p.muted{max-width:85ch}.settings-panel h3{margin:12px 0 20px}.settings-panel .session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 0}.settings-panel .session-row p{line-height:1.7}.settings-panel #revoke-other-sessions{margin-top:20px}.settings-panel #player-activity{margin-top:8px}.settings-panel #session-message+h3{margin-top:32px}.settings-panel .activity-row{padding:16px 0;gap:24px}.form-message:empty{display:none}.player-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:stretch}.player-grid .panel{padding:32px}.account-settings button:focus-visible{outline-offset:3px}@media(max-width:760px){.player-grid{grid-template-columns:minmax(0,1fr)}.player-grid .panel,.account-settings .settings-panel{padding:24px}.account-settings .settings-tabs{grid-template-columns:1fr 1fr}.account-settings .settings-tabs button:last-child{grid-column:1/-1}.settings-panel .activity-row{flex-direction:column;align-items:flex-start;gap:6px}.settings-panel .session-row{grid-template-columns:minmax(0,1fr);gap:12px}.settings-panel .session-row .tag{justify-self:start}.settings-panel #revoke-other-sessions{width:100%;white-space:normal;line-height:1.5}.account-settings .settings-tabs button{font-size:10px;padding:11px 12px}.account-settings{margin-bottom:24px}}
.player-overview>div{min-width:0}.player-overview h2{overflow-wrap:anywhere;font-size:clamp(26px,3vw,36px)}
.header-actions[data-account-state=member]{align-items:center;flex-wrap:wrap;justify-content:flex-end}.header-actions .coin-purchase{background:linear-gradient(135deg,#ffe9a7,#c4933b);border-color:#f4d58b;color:#211605;font-weight:800;box-shadow:0 0 22px #d9ac4545,inset 0 0 0 2px #fff2;min-width:138px}.header-balance{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 14px;border:1px solid #9d793d88;background:#19140ce6;color:#d7bf8b;font-size:12px;white-space:nowrap}.header-balance strong{color:#ffdf90;font-size:15px}.player-grid{grid-template-columns:minmax(0,1fr)}.coin-page{max-width:850px}.coin-methods{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.coin-page>a{margin-top:15px}@media(min-width:901px) and (max-width:1450px){header nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}}@media(max-width:600px){.header-actions[data-account-state=member]{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.header-actions[data-account-state=member]>*{width:100%;min-width:0!important;text-align:center;justify-content:center;margin:0}.header-actions .coin-purchase{font-size:11px;min-height:42px}.header-balance{min-height:42px}.coin-methods{flex-direction:column}.header-actions[data-account-state=member] .button,.header-actions[data-account-state=member] button{padding:11px 10px}}
@media(min-width:901px) and (max-width:1450px){header{flex-wrap:wrap}header>.brand{flex:0 0 280px}header nav{flex:0 0 100%;order:3;width:100%;justify-content:center}.header-actions{order:2;margin-left:auto}}@media(min-width:1451px){header>.brand{flex-shrink:0}}
.account-settings .settings-tabs{grid-template-columns:1fr 1fr}.account-settings .settings-tabs button:last-child{grid-column:auto}@media(max-width:600px){.account-settings .settings-tabs{grid-template-columns:1fr}.account-settings .settings-tabs button:last-child{grid-column:auto}}
.player-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.player-hub-card,.character-detail-card{padding:28px;border:1px solid #8c6b3555;background:linear-gradient(135deg,#221d15e8,#101112f5)}.player-hub-card{transition:border-color .2s,background .2s}.player-hub-card:hover{border-color:#d8b573}.player-hub-card h3{font-size:25px;color:#e3c689}.player-hub-card p{font-size:13px;color:var(--muted)}.player-subnav{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 22px;margin:0 0 25px;border-bottom:1px solid var(--line)}.player-subnav a{padding:11px 18px;border:1px solid var(--line);color:var(--gold);font-size:12px}.player-subnav a[aria-current=page]{border-color:#d8b573;background:#a8823422}.character-page-head,.character-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.character-page-head{margin-bottom:25px}.character-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.character-level{font:32px Georgia;color:#f0ce83}.character-detail-card h2{font-size:30px;overflow-wrap:anywhere}.character-detail-card dl{margin:25px 0}.character-detail-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.character-detail-card dt{color:var(--muted);font-size:13px}.character-detail-card dd{margin:0;color:#eee3cc;overflow-wrap:anywhere;text-align:right}.warehouse-panel{width:100%;max-width:850px}.warehouse-panel .notice{margin:25px 0}.warehouse-panel form{max-width:650px}.check-label{display:flex;gap:12px;align-items:flex-start;line-height:1.5}.check-label input{width:auto;margin:3px 0 0;padding:0;flex-shrink:0}@media(max-width:760px){.player-hub,.character-details-grid{grid-template-columns:1fr}.player-hub-card,.character-detail-card{padding:24px}.player-subnav{display:grid;grid-template-columns:1fr 1fr}.player-subnav a{text-align:center;padding:10px}.character-page-head{flex-wrap:wrap}.warehouse-panel button{max-width:100%;white-space:normal}}

.server-status-bar{display:flex;justify-content:center;gap:32px;padding:12px 20px;border-bottom:1px solid #65502b;background:#11100d;color:#d6bb7a;font-size:13px;flex-wrap:wrap}

.site-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;max-width:1920px;margin:auto}.site-body>main{min-width:0}.top-five.panel{position:sticky;top:24px;margin:32px 20px 32px 0;padding:24px 18px;min-width:0}.top-five h2{font-size:32px;margin:12px 0 18px}.top-five-tabs{display:flex;gap:6px;margin-bottom:18px}.top-five-tabs button{font-size:11px;padding:10px;flex:1}.top-five-tabs [aria-pressed=true]{background:#cfad65;color:#15110a}.top-five-ranking{padding-left:25px;color:#d6bb7a}.top-five-ranking li{padding:12px 0;border-bottom:1px solid #51432a}.top-five-ranking strong{color:#e7dfcf;overflow-wrap:anywhere}.top-five-ranking small{display:block;color:#acaa9c;margin-top:7px;font-size:11px}.top-five>.text-link{display:block;margin-top:22px;font-size:12px}@media(max-width:1100px){.site-body{display:block}.top-five.panel{position:static;margin:20px auto 40px;max-width:620px;width:calc(100% - 40px)}}

.registration-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}.registration-check input{width:18px;height:18px;flex:0 0 18px;margin-top:3px}#referral-panel{margin-top:28px}#referral-panel input{max-width:100%}

.realm-status{--realm-signal:#bda268;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;background:linear-gradient(110deg,#1e1a11 0%,#0c0d0c 40%,#18150e 100%);border-top:1px solid #a7894c55;border-bottom:1px solid #a7894c77;box-shadow:inset 0 1px 0 #efcf8a0c,0 8px 30px #0005}.realm-status[data-state=online]{--realm-signal:#89bd87}.realm-status[data-state=offline]{--realm-signal:#d77d70}.realm-status[data-state=partial]{--realm-signal:#e0b75b}.realm-identity{display:flex;align-items:center;gap:18px}.realm-orb{width:38px;height:38px;flex:0 0 38px;border:2px solid #d0ac62;border-radius:50%;background:radial-gradient(circle at 37% 38%,#080909 58%,#745222 65%,#dfbe77 72%,#302415 80%);box-shadow:0 0 22px #d2a75426;position:relative}.realm-orb:after{content:'';position:absolute;right:-3px;bottom:0;width:9px;height:9px;border:3px solid #13130f;background:var(--realm-signal);border-radius:50%}.realm-eyebrow{display:block;color:#c5a765;font-size:9px;letter-spacing:3px;margin-bottom:5px}.realm-identity strong{display:block;font-family:Georgia,serif;color:#f0e6cf;font-size:22px;font-weight:400}.realm-identity small{display:block;margin-top:6px;font-size:10px;color:#9b988c}.realm-channels{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.channel-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #7b694044;padding:9px 12px;background:#0d0e0bc9;color:#a29b88;font-size:11px;letter-spacing:1px}.channel-pill i{width:5px;height:5px;border-radius:50%;background:#a29b88}.channel-pill[data-state=online]{border-color:#6c925540;color:#b9c6a9}.channel-pill[data-state=online] i{background:#8fbe7a;box-shadow:0 0 7px #8fbe7a66}.channel-pill[data-state=offline]{color:#c37b6f;border-color:#9f5a4d40}.channel-pill[data-state=offline] i{background:#c37b6f}.realm-population{display:flex;align-items:center;gap:15px;padding-left:26px;border-left:1px solid #a7894c33}.population-icon{font-size:32px;color:#b69a5b}.realm-population strong{display:block;font-family:Georgia,serif;font-size:32px;line-height:1;color:#ead091;font-variant-numeric:tabular-nums}.realm-population div>span{display:block;margin-top:6px;color:#b9a476;font-size:9px;letter-spacing:1.5px}.realm-live{display:flex;align-items:center;gap:5px;align-self:flex-start;color:#9c9b87;font-size:9px;letter-spacing:1px}.realm-live i{width:4px;height:4px;background:var(--realm-signal);border-radius:50%}@media(max-width:760px){.realm-status{padding:18px 20px;gap:18px;display:grid;grid-template-columns:minmax(0,1fr) auto}.realm-identity{gap:12px}.realm-identity strong{font-size:19px}.realm-eyebrow{letter-spacing:2px;font-size:8px}.realm-channels{grid-column:1/-1;grid-row:2;justify-content:flex-start}.realm-population{padding-left:14px;gap:8px}.population-icon,.realm-live{display:none}.realm-population strong{font-size:28px}.realm-population div>span{font-size:8px;letter-spacing:.5px}.channel-pill{padding:8px 12px}}

.realm-channels{gap:10px}.channel-pill{position:relative;min-width:65px;justify-content:center;padding:12px 15px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border:1px solid #b4934b66;background:linear-gradient(135deg,#332b1a,#11120e 60%);box-shadow:inset 0 1px 0 #ead49b22;letter-spacing:1.5px;font-weight:700;font-size:12px;gap:9px}.channel-pill:after{content:'';position:absolute;inset:3px;border:1px solid #a78b4c20;pointer-events:none}.channel-pill[data-state=online]{border-color:#b89a5866;color:#e0ce9b;background:linear-gradient(135deg,#302c1b,#151910 80%)}.channel-pill[data-state=online] i{width:6px;height:6px;box-shadow:0 0 0 3px #8fbe7a10,0 0 10px #8fbe7a66}.channel-pill[data-state=offline]{border-color:#a5685266;background:linear-gradient(135deg,#2d1e18,#15100e)}@media(max-width:760px){.realm-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px}.channel-pill{min-width:0;padding:12px 8px;font-size:11px}}