:root{color-scheme:dark;--bg:#101013;--panel:#191a1c;--panel2:#222326;--ink:#f3ede4;--muted:#a09d98;--line:#393735;--gold:#c6a476;--gold-d:#8d6d45;--red:#a85850;--blue:#668eb1;--green:#678d72;--shadow:0 18px 64px rgba(0,0,0,.2)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 75% 28% at 80% 0%,#28211c 0%,transparent 75%),var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:2px solid #f4c785;outline-offset:3px}
.topbar-actions{display:flex;align-items:center;gap:18px}.logout-btn{cursor:pointer;background:transparent;color:#c9b89e;border:1px solid #514638;padding:8px 12px;font-size:11px}.login-screen{min-height:calc(100vh - 85px);display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,440px);padding:34px;border:1px solid #393633;border-radius:7px;background:linear-gradient(145deg,#212022,#19191b);box-shadow:var(--shadow)}.login-panel h1{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:0 0 12px}.login-panel p{font-size:13px;color:var(--muted);line-height:1.6}.login-panel label{display:block;margin:22px 0 7px;font-size:12px;color:#d1c4b1}.login-panel input{width:100%;padding:12px;background:#111113;border:1px solid #514638;color:var(--ink);font:inherit}.login-btn{width:100%;margin-top:14px;padding:11px;cursor:pointer;color:#f0dfc5;border:1px solid #78613f;background:#30291f}.login-error{min-height:20px;color:#e09a8e!important;margin-bottom:0}
.topbar{height:84px;border-bottom:1px solid #332f2a;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1300px)/2));gap:15px;background:#121214de}.brand{display:flex;gap:16px;align-items:center}.brandmark{font-family:Georgia,serif;letter-spacing:-7px;font-size:35px;color:#e0c49e;line-height:1}.brandmark span{font-size:24px;margin:0 9px 0 6px;vertical-align:3px;color:#958067}.brandtxt{font-size:13px;letter-spacing:2.8px;font-weight:500;color:#ded2c0}.brandtxt b{color:var(--gold)}.brandtxt small{display:block;color:#86817b;font-size:9px;margin-top:7px;letter-spacing:2.6px}.connection{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.4px;color:var(--muted);white-space:nowrap}.light{height:7px;width:7px;border-radius:50%;background:#947154;box-shadow:0 0 12px #947154}.light.live{background:#83ba8e;box-shadow:0 0 12px #83ba8e}
main{max-width:1300px;margin:auto;padding:0 24px 48px}.intro{padding:44px 0 28px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:3.3px;text-transform:uppercase;margin-bottom:14px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,6vw,74px);line-height:1.0;letter-spacing:-2px;font-weight:400;margin:0 0 16px}.intro h1 em{color:#c6a476;font-weight:400}.intro p{color:#aaa5a0;line-height:1.65;max-width:760px;font-size:14px;margin:0 0 18px}.notice{display:flex;gap:12px;align-items:flex-start;border-left:2px solid var(--gold-d);padding:12px 16px;background:#211d19;color:#bdafa0;font-size:12px;line-height:1.55;max-width:820px}.notice>span:first-child{font-size:18px;color:var(--gold)}.notice b{color:#e4cdaa}
.roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:10px}.hero{border:1px solid #393633;background:linear-gradient(145deg,#212022,#19191b 35%);border-radius:7px;overflow:hidden;box-shadow:var(--shadow)}.hero-banner{min-height:167px;display:flex;align-items:center;gap:20px;padding:25px 26px;position:relative;background:radial-gradient(ellipse 300px 200px at 85% -10%,#61473b66,transparent),linear-gradient(110deg,#242325,#1b1b1d)}.hero:nth-child(2) .hero-banner{background:radial-gradient(ellipse 300px 200px at 85% -10%,#394a7066,transparent),linear-gradient(110deg,#242325,#1b1b1d)}.avatar{display:grid;place-items:center;width:100px;height:108px;flex:0 0 auto;border:1px solid #574b3c;background:linear-gradient(135deg,#473b32,#2a2929);color:#d4af7b;font-family:Georgia,serif;font-size:62px;clip-path:polygon(10% 0%,90% 0%,100% 12%,100% 88%,90% 100%,10% 100%,0% 88%,0% 12%)}.hero:nth-child(2) .avatar{color:#a7bdd5;background:linear-gradient(135deg,#343c4c,#292a30);border-color:#485267}.hero-title{min-width:0}.player-eyebrow{font-size:10px;color:#c4a377;letter-spacing:2.4px;text-transform:uppercase}.hero:nth-child(2) .player-eyebrow{color:#a0b4d0}.hero h2{font-size:29px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.4px;margin:10px 0 6px}.race{font-size:12px;color:var(--muted)}.level-badge{display:inline-flex;gap:5px;align-items:center;border:1px solid #62543d;color:#e5bf88;padding:5px 10px;margin-top:12px;font-size:11px;letter-spacing:1px}.hero:nth-child(2) .level-badge{border-color:#536073;color:#b2c5dd}.hero-body{padding:24px 26px}.region{font-size:12px;color:#9e968d;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.updated{font-size:11px;color:#817e7a}.stats{display:grid;gap:15px;margin-top:19px}.stat-line{display:flex;justify-content:space-between;gap:8px;font-size:12px}.stat-line span:first-child{color:#ada8a3}.bar{height:6px;margin-top:7px;border-radius:10px;background:#3a3533;overflow:hidden}.bar-inner{height:100%;border-radius:10px}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.section-title{font-size:10px;color:var(--gold);font-weight:700;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #47403a}.skill{margin:0 0 13px}.skill-row{display:flex;justify-content:space-between;font-size:11px;gap:7px;margin-bottom:7px}.skill-row span:first-child{color:#c6bfb5}.skill-row span:last-child{color:#e5bc83}.skill .bar{height:3px;margin-top:0;background:#383736}.skill .bar-inner{background:#b0936c}.gear{display:flex;flex-direction:column;gap:9px}.gear-item{padding:0 0 9px;border-bottom:1px solid #353332}.gear-item:last-child{border:0}.slot{display:block;font-size:10px;color:#898178;margin-bottom:5px}.gear-name{font-size:12px;color:#e1d7ca;line-height:1.35}.wide-section{margin-top:18px}.quest{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;font-size:12px;padding:10px 0;border-bottom:1px solid #363333}.quest-name{color:#d9d4cc}.quest-status{color:#c8ab81;font-size:10px;white-space:nowrap}.quest-status.done{color:#89b38d}.perks{font-size:12px;line-height:1.6;color:#bcb2a8}.demo-toolbar{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #3f3934;margin-top:19px;padding-top:18px}.demo-btn{cursor:pointer;color:#d8c4a6;border:1px solid #544635;background:linear-gradient(180deg,#30291f,#26221e);font-size:11px;padding:10px 12px;transition:.15s ease;flex:1 1 110px}.demo-btn:hover{background:#403225}.demo-btn:disabled{opacity:.4;cursor:wait}.footer-info{border-top:1px solid #39332d;margin-top:34px;padding-top:25px;display:flex;justify-content:space-between;gap:18px;align-items:center}.footer-info b{font-size:13px;color:#c7b08f}.footer-info p{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0}.mini-stamp{font-size:10px;letter-spacing:1.6px;color:#706c67;white-space:nowrap}.empty{color:#827d76;font-style:italic;font-size:12px}
@media(max-width:950px){.roster{grid-template-columns:1fr}.hero-banner{min-height:140px}.hero h2{font-size:27px}.intro{padding-top:30px}.footer-info{align-items:flex-start;flex-direction:column}}
@media(max-width:510px){.topbar{height:74px;padding:0 16px}.brand{gap:11px}.brandmark{font-size:27px}.brandtxt{font-size:10px;letter-spacing:1px}.brandtxt small{font-size:8px;letter-spacing:1px}.connection{font-size:10px}main{padding:0 13px 40px}.hero-banner{padding:20px 16px;gap:15px}.avatar{height:89px;width:76px;font-size:46px}.hero h2{font-size:23px}.hero-body{padding:20px 16px}.content-split{gap:15px}.eyebrow{font-size:9px;letter-spacing:2px}.intro h1{font-size:45px}.mini-stamp{white-space:normal}}
[hidden]{display:none!important}