:root{--bg:#070b0f;--panel:#080e12d1;--line:#9adbb847;--ink:#d7efe4;--dim:#7f9a8e;--good:#9adbb8;--warn:#e8b07a;--bad:#d45a5a;--cat:#5aa6e8;--dog:#d45a5a;font-family:Segoe UI,Iosevka,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button{border:1px solid var(--line);letter-spacing:.02em;text-transform:none;cursor:pointer;background:0 0;padding:.45rem .75rem}button.quiet{color:var(--dim);letter-spacing:0;border-color:#0000}button:hover{border-color:var(--good);color:var(--good)}button.primary{background:var(--good);color:#082014;border-color:var(--good);font-weight:700}button.pending{border-color:var(--warn);color:#1a140c;background:var(--warn);font-weight:700;animation:1.1s ease-in-out infinite cmd-pulse}button.danger{border-color:var(--bad);color:var(--bad)}button[disabled]{opacity:.4;cursor:default}@keyframes cmd-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}#boot{color:var(--good);letter-spacing:.08em;place-items:center;display:grid;position:fixed;inset:0}#app,#view,canvas{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud *{pointer-events:auto}.topbar,.bottombar,.panel,.card,.landing,.modal{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar{align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:10px;left:12px;right:12px}.topbar .brand{letter-spacing:.28em;color:var(--good);font-size:12px}.tabs{gap:4px;margin-left:12px;display:flex}.tabs button.active{background:var(--good);color:#082014}.spacer{flex:1}.pill{letter-spacing:.04em;color:var(--dim);font-size:11px}.bottombar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.bottombar button,.tabs button,.panel.left button{min-height:44px}.panel{width:min(300px,32vw);max-height:calc(100% - 130px);padding:12px 14px;position:absolute;top:58px;overflow:auto}.panel.left{left:12px}.panel.right{right:12px}.panel h2,.card h2{letter-spacing:.04em;text-transform:none;margin:0 0 8px;font-size:15px}.panel h3{color:var(--good);letter-spacing:.14em;margin:12px 0 6px;font-size:12px}.muted,.kicker{color:var(--dim);letter-spacing:.04em;text-transform:none;font-size:12px}.row{justify-content:space-between;gap:8px;margin:4px 0;font-size:13px;display:flex}.bar{background:#132018;height:6px;margin:4px 0 8px}.bar>i{background:var(--good);height:100%;display:block}.bar.warn>i{background:var(--warn)}.bar.bad>i{background:var(--bad)}.card{z-index:4;width:min(720px,94vw);max-height:84vh;padding:22px 26px 20px;position:absolute;top:6%;left:50%;overflow:auto;transform:translate(-50%)}.card h2{letter-spacing:.02em;text-transform:none;margin:0 0 8px;font-size:18px}.card p,.briefing-body p{color:#c4ddd2;margin:0 0 10px;line-height:1.55}.briefing-body ul{color:#c4ddd2;margin:0 0 12px;padding-left:1.15em}.briefing-body li{margin:0 0 8px;line-height:1.5}.l1-choices{flex-direction:column;align-items:stretch}.l1-choices button{text-align:left;flex-direction:column;gap:6px;display:flex}.l1-choices button span{color:var(--dim);letter-spacing:0;font-size:13px;font-weight:400;line-height:1.4}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.landing{grid-template-columns:1.2fr .8fr;gap:24px;padding:36px;display:grid;position:absolute;inset:10% 8%}.landing h1{letter-spacing:.18em;margin:0 0 8px;font-size:42px}.landing .ru{color:var(--dim)}.statgrid{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.statgrid div{border:1px solid var(--line);padding:10px}.log{color:#b7d0c4;max-height:180px;font-size:12px;line-height:1.45;overflow:auto}.token{border:1px solid var(--line);margin:2px;padding:2px 6px;font-size:11px;display:inline-block}.modal{z-index:5;width:min(560px,92vw);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope{pointer-events:none;background:radial-gradient(circle at var(--aimx,50%) var(--aimy,50%), transparent 18px, #0000008c 90px);position:absolute;inset:0}.cross{border:1px solid var(--good);pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}@media (max-width:860px){.landing{grid-template-columns:1fr;padding:18px;inset:4%;overflow:auto}.panel{width:calc(100% - 24px);max-height:34vh}.panel.right{top:auto;bottom:64px}}
