:root{
  --bg:#07100b;--bg-2:#0b1510;--panel:#101c15;--panel-2:#132019;--panel-soft:#16231b;
  --line:#3a432c;--line-soft:#263429;--gold:#f0bd5d;--gold-2:#d99b3f;--cream:#f2ead7;
  --text:#e9e8df;--muted:#9fae9f;--green:#55df92;--red:#e77f7f;--blue:#8ab8d8;
  --shadow:0 18px 60px rgba(0,0,0,.28);--radius:22px;--radius-sm:13px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -5%,rgba(40,73,49,.34),transparent 40%),linear-gradient(180deg,#0a150f 0,#07100b 48%,#050b07 100%);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
a{color:inherit}.shell{width:min(1120px,calc(100% - 34px));margin:0 auto}
.site-header{padding:28px 0 18px}.brand{text-align:center;text-decoration:none;display:block;width:max-content;max-width:100%;margin:0 auto}
.brand-runes{color:#c69845;letter-spacing:.62em;font-size:11px;margin-left:.62em;opacity:.92}.brand-title{font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:.95;letter-spacing:.12em;color:var(--cream);text-shadow:0 3px 0 rgba(197,126,38,.55);margin:13px 0 9px}.brand-sub{font-size:11px;letter-spacing:.27em;color:#b5c6bb;text-transform:uppercase}
.site-nav{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:22px}.site-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#aebdaf;border:1px solid transparent}.site-nav a:hover,.site-nav a.active{color:var(--gold);border-color:#38412a;background:rgba(240,189,93,.05)}
.panel{background:linear-gradient(180deg,rgba(18,31,23,.96),rgba(13,24,18,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:28px}.section{margin-top:26px}.section-title{font-family:Georgia,'Times New Roman',serif;color:var(--gold);font-weight:500;font-size:22px;margin:0 0 13px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#98b8aa}.muted{color:var(--muted)}
.status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-soft);padding-bottom:22px;margin-bottom:20px}.status-badge{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;color:#f4f1e8}.status-dot{width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(85,223,146,.35)}.status-dot.off{background:var(--red);box-shadow:0 0 18px rgba(231,127,127,.3)}
.player-count{text-align:right}.player-count strong{font-family:Georgia,'Times New Roman',serif;color:var(--gold);font-size:35px;font-weight:600}.player-count span{display:block;text-transform:uppercase;letter-spacing:.12em;color:#9db7a8;font-size:9px;margin-top:2px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line-soft);background:rgba(255,255,255,.018);border-radius:12px;padding:15px;min-height:78px}.metric .label{text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:#91afa0;margin-bottom:10px}.metric .value{font-size:17px;color:#f7e7ae;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.server-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 14px 5px}.server-address{color:#ffe08f;font-family:Consolas,monospace;font-size:12px}.btn{appearance:none;border:1px solid #82662f;background:#5d4725;color:#fff2cf;padding:8px 14px;border-radius:9px;cursor:pointer;font-family:Georgia,'Times New Roman',serif;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{filter:brightness(1.12)}.btn.ghost{background:rgba(255,255,255,.015);border-color:var(--line-soft);color:#c8d1c8;font-family:inherit}.btn.ghost:hover{color:var(--gold);border-color:#5c542f}
.dashboard-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.mini-map-card{border-left:1px solid var(--line-soft);padding-left:24px}.map-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.map-card-title strong{font-family:Georgia,'Times New Roman',serif;color:var(--gold);font-size:17px;font-weight:500}.map-state{color:#91b99f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.map-frame{position:relative;width:100%;aspect-ratio:1;border:1px solid #34402e;border-radius:12px;overflow:hidden;background:#07100b}.map-frame canvas{display:block;width:100%;height:100%}.map-frame::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px rgba(0,0,0,.26)}.map-link{display:flex;justify-content:center;margin-top:10px;text-decoration:none;color:#d8dfd7;border:1px solid var(--line-soft);background:rgba(255,255,255,.018);padding:9px;border-radius:10px;font-size:12px}.map-link:hover{color:var(--gold);border-color:#5c542f}
.online-list{display:grid;gap:8px}.online-player,.empty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.018);border-radius:11px;padding:13px 15px;border:1px solid transparent}.online-player:hover{border-color:var(--line-soft)}.player-link{text-decoration:none;font-weight:650}.platform{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#b5c2b7;border:1px solid #354238;border-radius:999px;padding:4px 7px;margin-left:7px}.platform.playstation{color:#bcc8f4}.platform.steam{color:#bdd9e9}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.subpanel{border:1px solid var(--line-soft);background:rgba(255,255,255,.014);border-radius:14px;padding:16px}.subpanel h3{font-family:Georgia,'Times New Roman',serif;color:#e6ca7b;font-size:17px;font-weight:500;margin:0 0 12px}.activity-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:150px;align-items:end;padding-top:15px}.daybar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.daybar .bar{width:70%;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#e8ba5d,#7d5a27);opacity:.9}.daybar .day{font-size:9px;color:#8fa596}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;font-size:12px}.rank-no{color:#b6934e;font-family:Georgia,serif}.rank-time{color:#e6d291}
.table-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:13px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#91aa9b;background:rgba(255,255,255,.025)}th,td{padding:11px 12px;border-bottom:1px solid #223027}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.018)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.info-item{padding:13px;border:1px solid var(--line-soft);border-radius:11px}.info-item .k{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8da596;margin-bottom:7px}.info-item .v{font-size:12px;color:#e4e3d9;overflow-wrap:anywhere}.footer{text-align:center;color:#687a6e;font-size:10px;padding:28px 0 34px;letter-spacing:.08em}
/* map page */
.map-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.big-map-wrap{position:relative;border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;background:#07100b;aspect-ratio:1;touch-action:none}.big-map-wrap canvas{display:block;width:100%;height:100%}.map-overlay-top{position:absolute;left:12px;top:12px;display:flex;gap:7px;z-index:3;flex-wrap:wrap}.map-chip{background:rgba(8,17,11,.90);border:1px solid #425038;color:#cbd5cb;border-radius:999px;font-size:10px;padding:6px 9px;backdrop-filter:blur(5px)}.map-toolbar{position:absolute;right:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;z-index:4}.map-tool-btn{appearance:none;border:1px solid #43503a;background:rgba(8,17,11,.92);color:#d6ddd4;padding:7px 9px;border-radius:9px;font-size:10px;cursor:pointer;backdrop-filter:blur(5px)}.map-tool-btn:hover{color:var(--gold);border-color:#6e6339}.map-controls{display:grid;gap:10px;align-content:start}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line-soft);border-radius:10px;padding:10px 11px;color:#bcc9be;font-size:11px}.toggle input{accent-color:#b68a45}.live-player-list{display:grid;gap:8px}.live-player-card{padding:11px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.015);cursor:pointer}.live-player-card:hover{border-color:#5c542f}.coords{font-family:Consolas,monospace;color:#a8b8aa;font-size:10px;margin-top:6px}.map-help{font-size:10px;line-height:1.55;color:#8fa596}.death-list{display:grid;gap:7px;max-height:220px;overflow:auto}.death-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;font-size:10px;border-bottom:1px solid #223027;padding:6px 0}.death-row:last-child{border-bottom:0}.death-icon{color:#df8a7f;font-size:15px}
/* player page */
.player-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.player-title{font-family:Georgia,'Times New Roman',serif;color:var(--cream);font-size:34px;margin:0}.online-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #375842;color:#80d9a1;border-radius:999px;padding:6px 9px}.online-pill.offline{border-color:#51423b;color:#bf9990}.session-table table{min-width:620px}
@media(max-width:900px){.brand-title{font-size:46px}.dashboard-top,.map-page-grid,.two-col{grid-template-columns:1fr}.mini-map-card{border-left:0;border-top:1px solid var(--line-soft);padding-left:0;padding-top:20px;max-width:390px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-pad{padding:20px}.map-toolbar{top:auto;bottom:12px;right:12px}.map-page-grid{gap:12px}}
@media(max-width:560px){.shell{width:min(100% - 20px,1120px)}.brand-title{font-size:39px}.metric-grid,.info-grid{grid-template-columns:1fr}.status-row,.server-line,.player-hero{flex-direction:column}.player-count{text-align:left}.panel-pad{padding:15px}.mini-map-card{max-width:none}.site-nav a{font-size:9px;padding:7px 9px}.map-tool-btn{padding:6px 7px}}

/* telemetry / heatmap */
.field-label{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:9px;color:#8da596;margin:0 0 7px}
.helix-select{width:100%;appearance:none;border:1px solid var(--line-soft);background:#0d1811;color:#e9e8df;border-radius:10px;padding:10px 11px;font:inherit;font-size:11px;outline:none}
.helix-select:focus{border-color:#6e6339;box-shadow:0 0 0 2px rgba(240,189,93,.08)}
.heatmap-legend{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;color:#8fa596;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.heat-gradient{height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(226,183,82,.35),#e5a143,#dc483a);border:1px solid rgba(255,255,255,.05)}
.biome-bars{display:grid;gap:10px}.biome-row{display:grid;gap:5px}.biome-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#cbd4cb}.biome-head span:last-child{color:#e3ce8a;font-variant-numeric:tabular-nums}.biome-track{height:8px;border-radius:999px;background:#0b140e;border:1px solid #243127;overflow:hidden}.biome-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7e6330,#e1ad51)}
.compact-info{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.compact-info{grid-template-columns:1fr}.heatmap-legend{grid-template-columns:auto 1fr auto}}

.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.note-box{border:1px solid var(--line-soft);border-radius:11px;padding:12px 14px;color:var(--muted);font-size:11px;line-height:1.55;background:rgba(255,255,255,.012)}
@media(max-width:900px){.three-col{grid-template-columns:1fr}}