:root{--bg:#111714;--panel:#1a211c;--line:#323a30;--text:#eeeede;--muted:#a3ae9e;--mint:#b8d69c;--amber:#edba6b;--coral:#e9957f;--blue:#9bd2d1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}
header,main{max-width:1280px;margin:auto;padding:0 36px}header{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:900;letter-spacing:-1px;flex-shrink:0}.brand img{border-radius:6px;image-rendering:pixelated}.brand>span{line-height:1.2}.brand-sub{display:flex;align-items:center;gap:7px;margin-top:4px;font:10px/1.5 monospace;letter-spacing:0;color:var(--muted)}.brand-sub #status{color:var(--text)}.dot{height:6px;width:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.dot.online{background:#9dd47b;box-shadow:0 0 8px #9dd47b55}.dot.sleeping{background:var(--amber)}nav{display:flex;align-items:center;gap:22px;font-size:12px}nav>a:hover{color:var(--mint)}
.small-btn{background:transparent;border:1px solid #59604d;color:var(--text);padding:8px 12px;border-radius:4px;font-size:12px}.small-btn:hover{border-color:var(--mint);background:#293529}.small-btn span{margin-left:15px}.join-btn{background:var(--mint);color:#182016;font-weight:700;padding:11px 15px;border-radius:4px;font-size:13px;transition:background .2s}.join-btn:hover{background:#cce7b4}.join-btn span{margin-left:15px}.text-btn{padding:0;background:none;color:var(--mint);font-size:12px}.text-btn:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:.95fr 1.25fr;gap:32px;padding:25px 0 30px;align-items:center}.account-panel{padding:10px 0}.eyebrow,.aside{font:9px/1.5 monospace;letter-spacing:1.5px;color:var(--mint)}h1{font-size:48px;line-height:1.04;letter-spacing:-2px;margin:12px 0 15px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}.account-panel p{max-width:380px;color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 17px}.account-note{display:block;color:var(--muted);font-size:10px;margin-top:10px}.account-identity{display:flex;gap:16px;align-items:center;margin-top:24px}.account-identity .avatar{width:78px;height:78px}.account-identity h1{font-size:37px;margin:3px 0}.account-actions{display:flex;flex-wrap:wrap;gap:9px}.account-panel #account-logout{margin-top:16px;color:var(--muted)}
.map-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.map-toolbar,.map-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;gap:10px}.map-toolbar>a{font-size:11px;color:var(--mint)}.mini-map{position:relative;height:255px;overflow:hidden;background:#17251d}#map-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#map-canvas.dragging{cursor:grabbing}.map-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px}.map-controls button{width:28px;height:28px;background:#111714ed;color:var(--text);border:1px solid #607052;border-radius:3px;font-size:19px}.map-position{position:absolute;bottom:8px;left:10px;font:9px monospace;color:var(--text);background:#111714dd;padding:4px 6px;border-radius:2px;pointer-events:none}.map-bottom{padding:8px 13px}.map-bottom .small-btn{padding:5px 9px;font-size:11px}.map-date{margin:0;padding:0 13px 9px;color:var(--muted);font-size:9px}
.dashboard-columns{display:grid;grid-template-columns:.85fr 1.3fr;gap:25px;align-items:start}.section{min-width:0;margin-bottom:26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}h2{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:5px 0 0}.muted{color:var(--muted);font-size:10px}.aside{color:var(--muted);font-size:8px;letter-spacing:.8px}.search{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);margin-bottom:9px}.search input{width:100%;background:none;border:0;color:var(--text);font-size:11px}.search input::placeholder{color:var(--muted)}.player-grid{display:grid;gap:8px;max-height:315px;overflow:auto;padding:3px}.player-card{width:100%;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);text-align:left;transition:border-color .2s}.player-card:hover{border-color:var(--mint)}.player-top{display:flex;align-items:center;gap:11px}.avatar{display:block;width:40px;height:40px;image-rendering:pixelated;background:#354334;border-radius:3px;object-fit:cover;flex-shrink:0}.player-top strong{display:block;font-size:16px;letter-spacing:-.3px}.player-top small{font:9px monospace;color:var(--mint)}.player-arrow{color:var(--muted);margin-left:auto}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.card-stats strong{display:block;font-size:13px}.card-stats span{font:8px monospace;letter-spacing:.3px;color:var(--muted)}.inventory-access{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:10px;background:#263123;border:1px solid #596c4f;color:var(--mint);padding:11px 13px;border-radius:4px;font-size:12px;font-weight:bold}.inventory-access:hover{background:#344330}.empty{padding:12px;color:var(--muted);font-size:12px;margin:5px 0}
.board{border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.tabs button{padding:7px 10px;background:none;color:var(--muted);font-size:11px;border-radius:3px}.tabs button[aria-pressed=true]{background:var(--mint);color:#182016;font-weight:bold}.tabs select{background:#111914;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:6px;max-width:160px;font-size:11px;margin-left:auto}.board-labels{display:flex;justify-content:space-between;gap:10px;padding:10px 14px 5px;font:8px monospace;letter-spacing:1px;color:var(--muted)}#ranking{max-height:250px;overflow:auto}.rank-row{display:flex;align-items:center;gap:10px;margin:0 14px;padding:9px 0;border-bottom:1px solid var(--line)}.rank{width:20px;color:var(--amber);font:11px monospace}.rank-row .avatar{width:27px;height:27px}.rank-name{background:none;color:var(--text);font-size:13px;padding:0;text-align:left}.rank-name:hover{color:var(--mint)}.rank-value{margin-left:auto;font:13px monospace;color:var(--mint);white-space:nowrap}.board-summary{display:flex;align-items:center;justify-content:space-between;color:var(--muted);padding:11px 14px 0;font-size:11px}.board-summary strong{color:var(--mint);font:13px monospace}.board-note{font-size:10px;line-height:1.5;color:var(--muted);padding:0 14px;margin:7px 0 12px}#pvp-detail{border-top:1px solid var(--line)}.pvp-names{font-size:12px}.pvp-empty{font-size:11px;color:var(--muted);padding:0 14px}.pvp-row{padding:7px 0}
.statistics-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.stat-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);padding:10px 11px;text-align:left;min-width:0}.stat-card:hover{border-color:var(--mint)}.stat-icon{position:absolute;right:8px;top:6px;color:var(--mint);font-size:16px}.stat-label{display:block;color:var(--muted);font:9px/1.4 monospace;padding-right:10px;min-height:25px}.stat-card strong{display:block;font-size:21px;letter-spacing:-.5px;margin-top:2px}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:17px 0 24px;color:var(--muted);font:9px/1.5 monospace}footer a{color:var(--mint)}footer p{margin:0;max-width:600px}.notice{font-size:11px;color:var(--amber);border-left:2px solid var(--amber);padding:9px 12px;background:#2b291d}
dialog{background:var(--panel);color:var(--text);border:1px solid #637354;border-radius:8px;width:min(610px,calc(100% - 28px));padding:25px;max-height:87vh}dialog::backdrop{background:#050c09bb;backdrop-filter:blur(4px)}.close{position:absolute;right:13px;top:9px;background:none;color:var(--muted);font-size:27px}.profile-note{font-size:12px;color:var(--muted);margin:12px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.profile-stats>div{background:#111914;padding:11px;border-radius:4px}.profile-stats strong{display:block;font:19px monospace}.profile-stats span{font-size:10px;color:var(--muted)}.login-face{display:flex;align-items:center;gap:10px;margin-top:19px}.login-face .avatar{height:52px;width:52px}.login-face strong{font-size:21px}.login-face .muted{margin-left:auto}.inventory-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inventory-controls label{color:var(--muted);font:11px monospace}.inventory-controls select{background:#111914;color:var(--text);border:1px solid #59604d;border-radius:4px;padding:8px;min-width:130px}.command-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.command-row code{background:#111914;border:1px solid var(--line);padding:10px;color:var(--mint);font-size:13px;overflow-wrap:anywhere}.inventory-dialog{width:min(850px,calc(100% - 28px))}.inventory-group{margin-top:15px}.inventory-group h3{font-size:13px;margin:0 0 7px}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.inventory-slot{position:relative;min-height:60px;background:#111914;border:1px solid #3a4636;border-radius:3px;padding:5px;overflow:hidden}.inventory-slot.filled{background:#253123;border-color:#667f58}.inventory-slot strong{display:block;font-size:10px;line-height:1.25;overflow-wrap:anywhere;padding-bottom:14px}.inventory-slot .count{position:absolute;right:4px;bottom:2px;font:12px monospace;color:var(--mint)}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--mint);color:#142310;padding:10px 16px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;max-width:90%;text-align:center}#toast.show{opacity:1}.skip{position:fixed;left:10px;top:-60px;background:var(--mint);color:#111;padding:10px;z-index:20}.skip:focus{top:10px}
@media(max-width:1000px){header,main{padding-left:24px;padding-right:24px}nav{gap:14px}.hero{gap:23px}h1{font-size:42px}.statistics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-columns{gap:18px}.tabs select{margin-left:0}.aside{display:none}}
@media(max-width:700px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.brand-sub{font-size:9px}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}nav .small-btn{padding:5px 8px;font-size:10px}.hero{grid-template-columns:1fr;gap:17px;padding:18px 0 24px}.account-panel{padding:0}h1{font-size:38px;margin:9px 0 10px}.account-panel p{margin:9px 0 12px;font-size:12px;max-width:none}.account-note{margin-top:7px}.mini-map{height:225px}.account-identity{margin-top:14px}.dashboard-columns{grid-template-columns:1fr;gap:0}.section{margin-bottom:23px}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:9px}.stat-card strong{font-size:19px}.stat-label{font-size:8px}.section-heading{margin-bottom:10px}h2{font-size:22px}.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inventory-slot{min-height:66px}.login-face .muted{display:none}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:20px}.brand{font-size:22px}.player-grid{max-height:300px}}
@media(max-width:350px){header,main{padding-left:16px;padding-right:16px}nav{font-size:10px;gap:6px}nav .small-btn{font-size:9px}.brand-sub{font-size:8px}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs button{padding:6px 8px}.command-row code{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}