: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,Noto Sans,DejaVu Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;background:var(--bg);height:100dvh;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-row{display:contents}.bottombar [data-hud=hq-strip],.bottombar [data-hud=trade-strip]{flex:1 0 100%;margin:0;line-height:1.35}.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.combat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e12c7;width:min(240px,24vw)}.panel.combat h3{letter-spacing:.03em;margin:8px 0 4px}.panel.combat .bar{margin:2px 0 6px}.panel.combat .row{margin:2px 0;font-size: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:.04em;margin:12px 0 6px;font-size:12px}.muted,.kicker{color:var(--dim);letter-spacing:.01em;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;gap:8px;display:flex}.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}.card .actions{z-index:1;background:#080e12f5;margin:14px -26px 0;padding:12px 26px 16px;position:sticky;bottom:0}#ftue,#help-card,#aar,#l1done,#l1pick{flex-direction:column;display:flex;overflow:hidden}#ftue>.briefing-body,#help-card>.briefing-body,#aar>.briefing-body,#l1done>.briefing-body,#l1pick>.briefing-body,#ftue>p,#help-card>p,#l1done>p{flex:auto;min-height:0;padding-bottom:12px;overflow:auto}#ftue .actions,#help-card .actions,#aar .actions,#l1done .actions,#l1pick .actions{flex-shrink:0;position:static}#aar>.row,#aar>.log{z-index:1;background:#080e12f5;flex-shrink:0;position:relative}#aar>.briefing-body{min-height:4.5em;padding-bottom:0;overflow:auto}#aar>.briefing-body+.row{margin-top:8px}.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}#hud .scope,#hud .scope *,#hud .panel.combat,#hud .panel.combat *{pointer-events:none}#touch{display:none}body[data-touch="1"] #touch{z-index:3;justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:68px;left:10px;right:10px}:is(#hud:has(#ftue) #touch,#hud:has(#help-card) #touch,#hud:has(#l1done) #touch,#hud:has(#aar) #touch,#hud:has(#away) #touch),:is(#hud:has(#ftue) .bottombar,#hud:has(#l1pick) .bottombar,#hud:has(#help-card) .bottombar,#hud:has(#l1done) .bottombar,#hud:has(#aar) .bottombar,#hud:has(#away) .bottombar),:is(#hud:has(#ftue) .topbar,#hud:has(#l1pick) .topbar,#hud:has(#help-card) .topbar,#hud:has(#l1done) .topbar,#hud:has(#aar) .topbar,#hud:has(#away) .topbar),:is(#hud:has(#ftue) .panel,#hud:has(#l1pick) .panel,#hud:has(#aar) .panel,#hud:has(#away) .panel){display:none!important}.touch-move{grid-template-rows:52px 52px;grid-template-columns:52px 52px 52px;gap:6px;display:grid}.touch-w{grid-area:1/2}.touch-a{grid-area:2/1}.touch-s{grid-area:2/2}.touch-d{grid-area:2/3}.touch-heli{grid-template-rows:52px 52px;grid-template-columns:52px}.touch-heli .touch-w,.touch-heli .touch-s{grid-column:1}.touch-heli .touch-w{grid-row:1}.touch-heli .touch-s{grid-row:2}.touch-act{flex-wrap:wrap;gap:6px;max-width:260px;margin-left:auto;display:flex}#touch button{touch-action:none;-webkit-user-select:none;user-select:none;background:#080e12d1;min-width:48px;min-height:48px}.cross{border:1px solid var(--good);pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.wind{pointer-events:none;background:#ffc24a;border:2px solid #ffc24a;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #ffc24a}@media (max-width:860px){.topbar{flex-wrap:wrap;gap:4px;padding:4px 6px}.topbar .brand,.topbar .pill,.topbar .spacer,.tab-name{display:none}.tabs{gap:2px;margin-left:0}.tabs button,.topbar [data-act=help]{white-space:nowrap;min-height:36px;padding:4px 8px}.topbar [data-act=toggle-mode]{display:none}#help-card,#ftue,#aar,#l1done,#l1pick{max-height:92vh;top:2%}.landing{grid-template-columns:1fr;padding:18px;inset:4%;overflow:auto}.panel{width:calc(100% - 24px);max-height:34vh}.panel.right,.panel.left,.panel.right.combat{display:none}.bottombar{max-height:24vh;overflow:auto}.bottombar [data-hud=world-pill],.bottombar [data-hud=theatre-pill]{display:none}.bottombar-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;max-height:48px;display:flex;overflow:auto hidden}.bottombar-row button{white-space:nowrap;flex:none}.bottombar-row button:disabled{display:none}.bottombar-row button:disabled[data-pad]{opacity:.45;display:inline-flex}.bottombar[data-hud=hq-bar] button:disabled{display:none}.bottombar[data-hud=hq-bar][data-hq=live] button:disabled{opacity:.45;display:inline-flex}.bottombar[data-hud=hq-bar][data-hq=live] [data-cmd=smoke],.bottombar[data-hud=hq-bar][data-hq=live] [data-cmd=strike],.bottombar[data-hud=hq-bar][data-hq=live] [data-act=drone]{order:-1}.bottombar[data-hud=hq-bar]:not(:has(button:not(:disabled))){gap:0;max-height:none;padding:0}.bottombar[data-hud=hq-bar]:not(:has(button:not(:disabled))) .bottombar-row{display:none}.bottombar[data-hud=hq-bar]:not(:has(button:not(:disabled))) [data-hud=hq-strip]{margin:0;position:static}.bottombar-row [data-hud=world-enter]{text-overflow:ellipsis;flex:none;max-width:42%;overflow:hidden}.bottombar-row [data-act=open-l1]{text-overflow:ellipsis;flex:none;max-width:calc(100% - 9.5em);overflow:hidden}.bottombar:has(.bottombar-row){flex-wrap:nowrap;max-height:56px;overflow:visible}:is(.bottombar:has([data-hud=hq-strip]),.bottombar:has([data-hud=trade-strip]),.bottombar:has([data-hud=pad-strip])){overflow:visible}.bottombar [data-hud=hq-strip],.bottombar [data-hud=trade-strip],.bottombar [data-hud=pad-strip]{background:#080e12e6;flex:none;margin:0 0 6px;padding:4px 8px;position:absolute;bottom:100%;left:8px;right:8px}.bottombar [data-hud=hq-strip]{max-height:3.9em;font-size:12px;line-height:1.3;overflow-y:auto}.bottombar button{min-height:40px}.bottombar:has([data-hud=l1-stick]){max-height:86px;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:4px;overflow:hidden}.bottombar [data-hud=l1-stick]{max-height:2.6em;font-size:12px;line-height:1.3;overflow:hidden}.bottombar [data-act=l1-auto]{width:100%;min-height:36px;padding:6px 8px}.bottombar [data-act=l1-auto]:disabled{display:none}.bottombar:has([data-hud=l1-stick]):not(:has([data-act=l1-auto]:not(:disabled))){max-height:48px}body[data-touch="1"] #touch{bottom:calc(96px + env(safe-area-inset-bottom,0px))}body[data-touch="1"]:not(:has([data-act=l1-auto]:not(:disabled))) #touch{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.landing h1{letter-spacing:.1em;font-size:28px}.landing .actions{flex-direction:column;align-items:stretch}.landing .actions button{width:100%;min-height:48px}}@media (max-width:860px) and (min-height:521px){.bottombar-row{flex-wrap:wrap;max-height:136px;overflow:hidden auto}.bottombar:has(.bottombar-row){max-height:144px}.bottombar-row [data-pad]{text-overflow:clip;letter-spacing:0;flex:calc(33.3333% - 5.33333px);min-width:0;max-width:none;padding-left:4px;padding-right:4px;font-size:12px;overflow:hidden}.bottombar[data-hud=hq-bar][data-hq=live] .bottombar-row{flex-wrap:nowrap;max-height:48px;overflow:auto hidden}.bottombar[data-hud=hq-bar][data-hq=live]:has(.bottombar-row){max-height:56px}.bottombar-row [data-hud=world-enter]{flex:100%;max-width:100%}#aar>.briefing-body{border-bottom:1px solid var(--line);flex:auto;min-height:0;max-height:32vh;padding-bottom:8px;-webkit-mask-image:linear-gradient(#000 0% calc(100% - 26px),#0000);mask-image:linear-gradient(#000 0% calc(100% - 26px),#0000)}#aar>.briefing-body+.row{margin-top:14px}}@media (max-width:860px) and (max-height:520px){.bottombar:has([data-hud=l1-stick]){max-height:48px;padding:4px 8px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));flex-flow:row;align-items:center;gap:8px;overflow:hidden}.bottombar [data-hud=l1-stick]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-height:1.4em;font-size:11px;overflow:hidden}.bottombar [data-act=l1-auto]{white-space:nowrap;flex:none;width:auto;min-width:0;min-height:36px;padding:4px 10px}.bottombar [data-act=l1-auto]:disabled{display:none}.bottombar [data-hud=hq-strip]{max-height:2.6em}body[data-touch="1"] #touch{bottom:calc(56px + env(safe-area-inset-bottom,0px))}.bottombar-row [data-hud=world-enter]{max-width:11em}.bottombar-row [data-hud=world-enter] .enter-lead{display:none}.bottombar-row [data-act=open-battle],.bottombar-row [data-act=auto-battle]{text-overflow:ellipsis;max-width:13em;overflow:hidden}.touch-move{grid-template-rows:44px 44px;grid-template-columns:44px 44px 44px;gap:4px}.touch-heli{grid-template-rows:44px 44px;grid-template-columns:44px}#touch button{min-width:44px;min-height:44px}.landing{padding:12px;inset:3%}.landing h1{font-size:22px}.landing .actions{flex-flow:wrap}.landing .actions button{flex:200px;width:auto}#l1pick .kicker{display:none}#l1pick h2{margin:0 0 4px;font-size:18px}#l1pick>.briefing-body p[data-hud=pick-body],#l1pick>.briefing-body p[data-hud=pick-bag]{text-overflow:ellipsis;white-space:nowrap;max-height:1.4em;font-size:13px;line-height:1.3;overflow:hidden}#l1pick .l1-choices{gap:4px}#l1pick .l1-choices button:disabled{display:none}#l1pick .l1-choices button{gap:0;min-height:44px;padding:4px 8px}#l1pick .l1-choices button span{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}#help-card .kicker{display:none}#help-card h2{margin:0 0 4px;font-size:18px}#help-card>.briefing-body{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 26px),#0000);mask-image:linear-gradient(#000 0% calc(100% - 26px),#0000)}#l1done .kicker{display:none}#l1done h2{margin:0 0 4px;font-size:18px}#l1done .actions{flex-wrap:nowrap;gap:8px}#l1done .actions button{white-space:normal;flex:1 1 0;min-width:0;min-height:44px;font-size:13px;line-height:1.2}}