:root{--bg:#020b12;--bg2:#061721;--panel:#071924;--line:#0a4152;--line2:#174b55;--green:#7cff16;--cyan:#18c9e8;--text:#f3f6f7;--muted:#6f91a4;--warn:#ffc51a;--bad:#ff493d;--violet:#a82cff}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 65% -20%,#0d2431 0,#020b12 45%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:16px}.brand-badge{width:44px;height:44px;border:1px solid var(--green);display:grid;place-items:center;color:var(--green);font-weight:800;font-family:Consolas,monospace;box-shadow:inset 0 0 18px rgba(124,255,22,.08)}.brand{flex:1}.eyebrow{font:11px/1.4 Consolas,monospace;letter-spacing:1.4px;color:#b5c5ce}.title{font:700 22px/1 Consolas,monospace;letter-spacing:2px}.title span,.green{color:var(--green)}.top-status{height:70px;display:flex}.top-status>div{border-left:1px solid var(--line);padding:14px 22px;min-width:180px;font:700 12px Consolas,monospace;letter-spacing:1px}.top-status small{color:var(--muted);font-weight:400}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}nav{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 20px;background:rgba(3,17,25,.8);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}button,.nav,select,input{font:700 12px Consolas,monospace;letter-spacing:.5px}.nav,button{border:1px solid #194951;background:#06141d;color:#cbd8de;padding:12px 18px;cursor:pointer;transition:.18s}.nav:hover,button:hover,.nav.active{border-color:var(--green);color:var(--green);box-shadow:inset 0 -2px var(--green)}button.danger{border-color:#6a2c2c;color:#ff9c95}.nav-right{margin-left:auto;color:var(--muted);font:10px Consolas,monospace;letter-spacing:2px}main{padding:14px 20px 80px;max-width:1900px;margin:auto}.hero{min-height:235px;border:1px solid var(--line);clip-path:polygon(1.2% 0,98.5% 0,100% 15%,100% 100%,3% 100%,0 82%,0 8%);display:grid;grid-template-columns:36% 64%;margin-bottom:14px;position:relative;overflow:hidden;background:linear-gradient(120deg,#061721,#03111a)}.hero:before{content:"";position:absolute;inset:0;border-top:1px solid var(--green);pointer-events:none}.hero-left{padding:38px 40px;z-index:2}.hero-left h1{font-size:55px;line-height:.9;margin:16px 0 12px;letter-spacing:-2px}.hero-left h1 span{color:var(--green)}.hero-left p{font:13px Consolas,monospace;letter-spacing:2px;color:#9fb0ba}.hero-art{position:relative;background:radial-gradient(circle at 65% 55%,rgba(124,255,22,.28),transparent 20%),linear-gradient(135deg,#07131b,#0b1713 60%,#020606);overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 68px,rgba(124,255,22,.05) 69px 70px),repeating-linear-gradient(0deg,transparent 0 54px,rgba(124,255,22,.04) 55px 56px);transform:perspective(600px) rotateX(62deg) scale(1.4);transform-origin:center bottom}.quake-emblem{position:absolute;inset:0;display:grid;place-items:center;font:900 120px Georgia,serif;color:#9da3a4;text-shadow:0 0 18px #000,0 0 25px rgba(124,255,22,.3);z-index:2;filter:drop-shadow(0 8px 10px #000)}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.metric{min-height:98px;border:1px solid var(--line);background:linear-gradient(145deg,#071924,#05131d);padding:18px;position:relative}.metric:after{content:"";position:absolute;right:-1px;top:-1px;width:22px;height:2px;background:var(--green)}.metric .value{font:800 30px Consolas,monospace}.metric .label{font:700 11px Consolas,monospace;letter-spacing:1.4px;margin-top:4px}.metric .sub{font:11px Consolas,monospace;color:var(--muted);margin-top:6px}.triple{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:12px}.panel{border:1px solid var(--line);background:rgba(5,20,29,.9);padding:16px;min-height:220px}.panel.wide{min-height:520px}.panel-title{font:700 16px Consolas,monospace;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px;letter-spacing:.5px}.panel-title span{float:right;font-size:11px}.kv,.feed-row,.player-row{display:grid;align-items:center;border-bottom:1px solid rgba(26,81,94,.55);padding:9px 8px;font:12px Consolas,monospace}.kv{grid-template-columns:45% 55%}.kv span:first-child{color:var(--muted);letter-spacing:1px}.player-row{grid-template-columns:1.8fr .6fr .6fr .7fr}.player-row.header{color:var(--muted);font-size:10px}.pill{border:1px solid #2c6e31;padding:4px 8px;text-align:center;color:var(--green);font-size:10px}.feed-row{grid-template-columns:90px 1fr;color:#b9c6cc}.feed-row time{color:var(--muted)}.tab-page{display:none}.tab-page.active{display:block}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-row{display:flex;gap:10px;margin:16px 0}.form-row input,.form-row select{flex:1}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.form-grid label{font:11px Consolas,monospace;color:var(--muted);letter-spacing:1px}.form-grid input,.form-grid select{width:100%;margin-top:6px}input,select{background:#03111a;color:#eaf0f2;border:1px solid var(--line);padding:12px;outline:none}input:focus,select:focus{border-color:var(--green)}.terminal{background:#01070b;border:1px solid #12333d;color:#9bd6a1;padding:14px;min-height:95px;white-space:pre-wrap;font:12px/1.45 Consolas,monospace;overflow:auto}.terminal.tall{min-height:360px;max-height:540px}.map-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-card{border:1px solid var(--line);padding:14px;background:#06141d}.map-card b{color:var(--green)}.stats-block{margin-top:20px}.hint{color:var(--muted);font-size:12px}.error{color:#ff7b72;margin-top:10px}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(520px,90vw);border:1px solid var(--line);background:#06141d;padding:34px}.login-card h1{font-family:Consolas,monospace}.login-card h1 span{color:var(--green)}.login-card form{display:flex;gap:10px}.login-card input{flex:1}footer{position:fixed;bottom:0;left:0;right:0;height:50px;background:#020b12;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;font:10px Consolas,monospace;color:#7d95a2;letter-spacing:1px;z-index:20}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.triple{grid-template-columns:1fr}.top-status>div:nth-child(n+2){display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:160px}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.metric-grid{grid-template-columns:1fr 1fr}.action-grid,.map-cards,.form-grid{grid-template-columns:1fr}.top{height:auto;padding:10px}.top-status{display:none}nav{overflow:auto}.nav-right{display:none}.hero-left h1{font-size:42px}footer{display:none}}
.mini-action{padding:7px 10px;margin:0 0 10px;font-size:10px}
.safe-note{border:1px solid rgba(95,255,128,.35);background:rgba(20,45,36,.45);padding:12px 14px;margin:12px 0;color:#a9bdba;font-size:13px;line-height:1.45}.safe-note code{color:#75ff8f}
.hero-svg-arena{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.hero-photo-layer{position:absolute;inset:0;z-index:2;background-image:linear-gradient(90deg,rgba(2,11,18,.55) 0%,rgba(2,11,18,.15) 45%,rgba(2,11,18,0) 70%),url('/static/hero.png');background-size:100% 100%,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat}