html,body,#app{color:#fff;background:#0b1020;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}.hud{position:fixed;top:16px;left:16px}.hud-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050814c7;border:1px solid #ffffff2e;border-radius:12px;gap:8px;padding:12px 14px;font-size:14px;line-height:1.3;transition:transform .16s;display:grid;position:relative;box-shadow:0 14px 40px #00000038}.hud.hud-panel{width:min(320px,100vw - 32px);position:fixed;top:16px;left:16px}.hud-panel strong{font-size:16px}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-toggle{color:#fff;background:#ffffff24;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;margin:0;padding:0;display:grid}.panel-content{gap:8px;display:grid}.hud .panel-content{gap:10px}.hud-stat{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:10px 12px;font-size:18px;font-weight:700;line-height:1.2}.hud-stat-primary{background:#ffb3472e;border-color:#ffb3474d;font-size:22px}#gamepad-status,#framerate,#raw-stick{opacity:.9;font-size:13px}.edge-panel.is-collapsed .panel-content{display:none}.settings-subsection{border-top:1px solid #ffffff1f;gap:8px;padding-top:10px;display:grid}.settings-section{gap:8px;display:grid}.settings-accordion{gap:10px;display:grid}.settings-accordion>.settings-subsection:first-child{border-top:0;padding-top:0}.settings-subsection.is-collapsed>.panel-content{display:none}.settings-subsection .panel-header strong{font-size:14px}.settings-subsection>.panel-content{padding-top:4px}.crosshair{--gap:18px;--tick-length:12px;--hit-opacity:0;pointer-events:none;width:120px;height:120px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.damage-overlay{pointer-events:none;opacity:0;background:#ff2020;transition:opacity 50ms linear;position:fixed;inset:0}.game-over-overlay{pointer-events:none;z-index:20;background:#04071080;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.game-over-overlay.is-visible{display:flex}.game-over-card{pointer-events:auto;text-align:center;background:#080c18eb;border:1px solid #fff3;border-radius:14px;gap:12px;min-width:min(320px,100vw - 48px);padding:22px 24px;display:grid;box-shadow:0 20px 60px #00000061}.game-over-card .button-row{justify-content:center}.game-over-card strong{font-size:28px}.game-over-hint{opacity:.82;font-size:13px}.crosshair-dot,.crosshair-tick,.hit-marker{background:#fffffff2;position:absolute;box-shadow:0 0 8px #ffffffb3}.crosshair-dot{border-radius:999px;width:4px;height:4px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-tick-top,.crosshair-tick-bottom{width:2px;height:var(--tick-length);left:50%;transform:translate(-50%)}.crosshair-tick-left,.crosshair-tick-right{width:var(--tick-length);height:2px;top:50%;transform:translateY(-50%)}.crosshair-tick-top{top:calc(50% - var(--gap) - var(--tick-length))}.crosshair-tick-bottom{top:calc(50% + var(--gap))}.crosshair-tick-left{left:calc(50% - var(--gap) - var(--tick-length))}.crosshair-tick-right{left:calc(50% + var(--gap))}.crosshair[data-mode=ads] .crosshair-tick{display:none}.hit-marker{width:2px;height:10px;opacity:var(--hit-opacity)}.hit-marker-top-left{top:calc(50% - 10px);left:calc(50% - 10px);transform:translate(-50%,-50%)rotate(-45deg)}.hit-marker-top-right{top:calc(50% - 10px);left:calc(50% + 10px);transform:translate(-50%,-50%)rotate(45deg)}.hit-marker-bottom-right{top:calc(50% + 10px);left:calc(50% + 10px);transform:translate(-50%,-50%)rotate(-45deg)}.hit-marker-bottom-left{top:calc(50% + 10px);left:calc(50% - 10px);transform:translate(-50%,-50%)rotate(45deg)}.instructions{width:min(280px,100vw - 32px);font-size:13px;line-height:1.45;position:fixed;bottom:16px;left:16px}.settings-panel{gap:12px;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);position:fixed;top:16px;right:16px;overflow-y:auto}.control-group{gap:6px;display:grid}.control-inputs{grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;display:grid}.control-group input[type=range],.control-group select{width:100%}.control-number,.control-group select{color:#fff;font:inherit;background:#0b1020eb;border:1px solid #ffffff2e;border-radius:8px;padding:8px 10px}.checkbox-row{align-items:center;gap:10px;display:flex}.controls-note{opacity:.82;font-size:12px}.button-row{flex-wrap:wrap;gap:8px;display:flex}button{cursor:pointer;font:inherit;color:#09111e;background:#f5f7fb;border:0;border-radius:8px;margin-top:4px;padding:8px 10px}@media (width<=980px){.settings-panel{top:auto;bottom:206px;right:16px}.instructions{width:min(280px,100vw - 32px)}}