:root{--bg:#000;--fg:#00ff41;--dim:#008f11;--bright:#39ff14;--panel:#001500;--accent:#00ff41;--accent-bg:#001a00;--hi:#39ff14;--ok:#39ff14;--info:#39ff14;--warn:#ffb000;--err:#ff003c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.035),rgba(0,0,0,.035) 1px,transparent 1px,transparent 4px);z-index:9999;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.3) 100%);z-index:9998}.logo,.top .status b,.main h2,.main h3,.modal-card h2,.modal-card h3,.stat .val,.nav button.active,.btn.active{text-shadow:0 0 4px currentColor}.app{display:grid;grid-template-rows:auto 1fr;height:100vh;padding:0;gap:0}.top{background:#000;color:var(--bright);padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--dim)}.logo{color:var(--bright);font-weight:700;letter-spacing:2px}.logo span{color:var(--dim)}.status{color:var(--dim);font-size:12px}.modal-blocker{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-card{border:1px solid var(--bright);background:#000;padding:16px;max-width:640px;width:92vw;max-height:92vh;overflow:auto;box-shadow:0 0 24px #00ff412e}.modal-card.err{border-color:var(--err);box-shadow:0 0 24px #ff003c59}.modal-card h2{color:var(--bright);margin-bottom:12px;letter-spacing:2px;font-size:15px}.modal-card h3{color:var(--bright);margin:14px 0 6px;font-size:12px;letter-spacing:1px}.modal-card p,.modal-card li{color:var(--fg);font-size:12px;line-height:1.6;margin-bottom:6px}.modal-card ul{padding-left:16px}.modal-card code{background:var(--panel);padding:1px 4px;color:var(--bright)}.modal-card .kv{width:100%;border-collapse:collapse;margin:10px 0;font-size:11px}.modal-card .kv td{border:1px solid var(--dim);padding:4px 8px}.modal-card .kv td:first-child{color:var(--dim);width:38%}.btn{background:#000;border:1px solid var(--fg);color:var(--fg);font-family:inherit;font-size:13px;padding:4px 16px;cursor:pointer;letter-spacing:1px;margin-top:8px;transition:background .12s ease,color .12s ease,border-color .12s ease}.btn:hover{background:#002a00;color:var(--bright);border-color:var(--bright)}.btn:disabled{background:#000;color:#333;border-color:#333;cursor:not-allowed}.btn.active{background:#003800;color:var(--bright);border:2px solid var(--bright);font-weight:700;padding:3px 15px}.btn.danger{border-color:var(--err);color:var(--err)}.btn.danger:hover{background:#2a0008;color:var(--err);border-color:var(--err)}.banner.warn{background:#1a1000;color:var(--warn);border:1px solid var(--warn);padding:6px 12px;font-size:11px;text-align:center;letter-spacing:1px}.layout{display:grid;grid-template-columns:180px 1fr;gap:0;flex:1;min-height:0;height:calc(100vh - 36px)}.nav{background:#000;padding:8px;overflow:auto;border-right:1px solid var(--dim)}.nav button{display:block;width:100%;background:none;border:1px solid var(--dim);color:var(--fg);font-family:inherit;font-size:12px;padding:6px 8px;margin-bottom:4px;text-align:left;letter-spacing:1px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.nav button:hover{background:#030;border-color:var(--fg)}.nav button.active{background:#040;border-color:var(--bright);color:var(--bright);font-weight:700}.nav .key{color:var(--dim);float:right}.main{background:#000;padding:14px 20px;overflow:auto;min-height:0;border:none}.main h2{color:var(--bright);letter-spacing:2px;margin-bottom:12px;font-size:14px}.main h3{color:var(--bright);font-size:12px;margin:10px 0 6px}.main p{color:var(--fg);font-size:11px;line-height:1.6;margin-bottom:6px}.main ul{font-size:11px;color:var(--fg);padding-left:16px;line-height:1.6}.stat{border:1px solid var(--dim);padding:8px;background:var(--panel)}.stat .label{color:var(--dim);font-size:10px;letter-spacing:1px}.stat .val{color:var(--bright);font-size:18px;margin-top:2px}.gear-menu{position:absolute;right:0;top:26px;z-index:9000;min-width:180px;background:#000;border:1px solid var(--bright);box-shadow:0 4px 16px #00ff4147;padding:6px 0}.gear-menu-label{color:var(--dim);font-size:9px;letter-spacing:2px;padding:4px 12px}.gear-menu-row{display:flex;gap:4px;padding:2px 10px 6px}.gear-btn{flex:1;font-family:inherit;font-size:11px;padding:3px 0;cursor:pointer;background:none;border:1px solid var(--dim);color:var(--fg);letter-spacing:1px;transition:background .12s ease,border-color .12s ease}.gear-btn:hover{background:#030;color:var(--bright);border-color:var(--fg)}.gear-btn.on{background:#040;color:var(--bright);border-color:var(--bright);font-weight:700}.gear-menu-sep{border-top:1px solid var(--dim);margin:2px 0}.gear-item{display:block;width:100%;background:none;border:none;color:var(--fg);font-family:inherit;font-size:11px;text-align:left;padding:6px 12px;cursor:pointer;letter-spacing:1px}.gear-item:hover{background:#030;color:var(--bright)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#666;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#999}*{scrollbar-width:thin;scrollbar-color:#666 #111}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.4}}