:root{--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px)}.hud-actions{top:calc(10px + var(--sa-t));right:calc(14px + var(--sa-r));z-index:6;align-items:center;gap:8px;transition:opacity .16s linear;display:flex;position:fixed}.hud-actions[data-ads="1"]{opacity:.28}.hud-pause{min-width:40px;height:34px;color:var(--ink,#e6e8ea);letter-spacing:.22em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0c0e118c;border:1px solid #e6e8ea47;padding:0 12px;font:600 11px/1 ui-monospace,Menlo,monospace}.hud-pause:hover{border-color:var(--accent,#e6c46a)}.hud-actions .ui-volume{pointer-events:auto}:root .hud-tl{top:calc(14px + var(--sa-t));left:calc(16px + var(--sa-l))}:root .hud-tr{top:calc(54px + var(--sa-t));right:calc(16px + var(--sa-r))}:root .hud-bl{bottom:calc(14px + var(--sa-b));left:calc(16px + var(--sa-l))}:root .hud-br{bottom:calc(14px + var(--sa-b));right:calc(16px + var(--sa-r))}:root .hud-timer{font-size:clamp(20px,4.6vmin,30px)}:root .hud-score{font-size:clamp(16px,3.6vmin,24px)}:root .hud-label{font-size:clamp(9px,1.6vmin,10px)}:root .hud-sound{width:clamp(72px,16vmin,132px)}:root .hud-extraction{font-size:clamp(10px,2vmin,12px)}[data-touch="1"] .hud-bl{top:calc(66px + var(--sa-t));bottom:auto}[data-touch="1"] .hud-br{left:calc(90px + var(--sa-l));text-align:left;align-items:flex-start;right:auto}[data-touch="1"] .hud-pause{min-width:56px;height:56px;font-size:12px}[data-touch="1"] .hud-tr{top:calc(76px + var(--sa-t))}.tc{z-index:5;touch-action:none;pointer-events:none;color:#e6e8ea;font:600 12px/1 ui-monospace,Menlo,monospace;position:fixed;inset:0}.tc-layer{pointer-events:auto;touch-action:none;position:absolute;inset:0}.tc-btn{pointer-events:auto;touch-action:none;min-width:56px;min-height:56px;color:inherit;font:inherit;letter-spacing:.14em;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0c0e116b;border:1px solid #e6e8ea4d;border-radius:10px;padding:0 10px;position:absolute}.tc-btn:active{border-color:var(--accent,#e6c46a);background:#e6c46a47}.tc-left{left:calc(14px + var(--sa-l));bottom:calc(14px + var(--sa-b));flex-direction:column;gap:8px;display:flex;position:absolute}.tc-left .tc-btn{position:relative}.tc-power{left:calc(14px + var(--sa-l));bottom:calc(142px + var(--sa-b))}.tc-ammo{left:calc(14px + var(--sa-l));bottom:calc(206px + var(--sa-b))}.tc-zoom{right:calc(14px + var(--sa-r));flex-direction:column;gap:8px;display:flex;position:absolute;top:calc(50% - 60px)}.tc-zoom .tc-btn{letter-spacing:0;font-size:20px;position:relative}.tc-scope{right:calc(14px + var(--sa-r));bottom:calc(112px + var(--sa-b))}.tc-scope[data-on="1"]{border-color:var(--accent,#e6c46a);color:var(--accent,#e6c46a)}.tc-fire{right:calc(14px + var(--sa-r));bottom:calc(14px + var(--sa-b));letter-spacing:.2em;background:#96281e57;border-color:#ff8c6e73;border-radius:50%;width:88px;min-width:88px;height:88px}@media (height<=420px){.tc-fire{width:76px;min-width:76px;height:76px}.tc-scope{bottom:calc(98px + var(--sa-b))}.tc-zoom{top:auto;bottom:calc(158px + var(--sa-b))}.tc-left{gap:6px}.tc-btn{min-height:52px;font-size:11px}}@media (orientation:portrait){[data-touch="1"] .tc-layer{bottom:34%}[data-touch="1"] .tc-left{flex-direction:row}[data-touch="1"] .tc-power{bottom:calc(84px + var(--sa-b))}[data-touch="1"] .tc-ammo{bottom:calc(148px + var(--sa-b))}[data-touch="1"] .tc-zoom{top:auto;bottom:calc(112px + var(--sa-b));flex-direction:row-reverse}[data-touch="1"] .tc-scope{right:calc(112px + var(--sa-r));bottom:calc(14px + var(--sa-b))}[data-touch="1"] .hud-tl{top:calc(10px + var(--sa-t));left:calc(14px + var(--sa-l))}[data-touch="1"] .hud-tr,[data-touch="1"] .hud-bl,[data-touch="1"] .hud-br{left:calc(14px + var(--sa-l));text-align:left;align-items:flex-start;bottom:auto;right:auto}[data-touch="1"] .hud-tr{top:calc(62px + var(--sa-t))}[data-touch="1"] .hud-bl{top:calc(134px + var(--sa-t))}[data-touch="1"] .hud-br{top:calc(180px + var(--sa-t))}}*{box-sizing:border-box}html,body,#root{color:#e6e8ea;background:#0b0d10;height:100dvh;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}canvas{touch-action:none;display:block}