:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;--text: #f2f7fb;--muted: rgba(220, 235, 245, .72);--accent: #65d9ff;--accent-strong: #8cffc8;--panel: rgba(6, 15, 22, .58);--panel-border: rgba(169, 226, 255, .12)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left,rgba(67,160,220,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(68,245,180,.1),transparent 22%),linear-gradient(135deg,#040b11,#07131b 45%,#03070a);overflow:hidden}#app{position:relative;width:100vw;height:100vh}#app:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(circle at center,transparent 54%,rgba(0,0,0,.26)),linear-gradient(180deg,rgba(0,0,0,.12),transparent 18%,transparent 82%,rgba(0,0,0,.18))}#viewport{width:100%;height:100%}#viewport canvas{display:block;width:100%;height:100%}.corner-action-button{width:42px;height:42px;border:1px solid rgba(169,226,255,.25);border-radius:12px;background:#08121bb8;color:#d9f8ff;font:inherit;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000004d}.corner-action-button:hover{border-color:#8cffc8cc}.pause-toggle-button{position:absolute;top:14px;right:14px;z-index:7;display:none}.pause-toggle-button.visible{display:inline-flex;align-items:center;justify-content:center}.pause-toggle-button.paused{border-color:#ffcd8ee6;color:#ffd9ab}.intro-overlay,.lose-screen,.game-hud{position:absolute;inset:0;z-index:5}.intro-overlay,.lose-screen{display:grid;place-items:center;transition:opacity .42s ease,visibility .42s ease,transform .42s ease}.intro-overlay{background:linear-gradient(180deg,#02080cbd,#02080c2e),radial-gradient(circle at center,rgba(101,217,255,.12),transparent 35%)}.intro-overlay.hidden{opacity:0;visibility:hidden;transform:scale(1.02)}.intro-card,.lose-card{position:relative;min-width:min(94vw,560px);padding:30px 34px;border:1px solid var(--panel-border);border-radius:28px;background:linear-gradient(180deg,#08121bd1,#050b12b3),radial-gradient(circle at top left,rgba(140,255,200,.08),transparent 42%);box-shadow:inset 0 1px #ffffff0d,0 28px 80px #00000057;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.modal-top-controls{position:absolute;top:14px;left:14px;display:flex;gap:8px}.intro-kicker,.lose-kicker{margin:0 0 12px;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.intro-card h1,.lose-card h2{margin:0 0 18px;font-size:clamp(3rem,8vw,5.2rem);line-height:.9}.intro-controls,.lose-card p{margin:8px 0;color:var(--muted);font-size:1rem}.final-score{margin:6px 0 10px;color:var(--accent-strong);font-size:1.04rem;letter-spacing:.03em;font-weight:600}.dualsense-controls{display:none;margin:12px 0 0;color:var(--accent-strong);font-size:.92rem;letter-spacing:.02em}.dualsense-controls.visible{display:block}.camera-mode-selector{margin:24px 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;text-align:center}.camera-mode-selector.compact-selector{margin:16px 0 12px}.mode-label{flex-basis:100%;margin:0 0 8px;color:var(--muted);font-size:.9rem}.mode-label-inline{margin-top:14px}.mode-button{margin:0;padding:10px 20px;border:1px solid var(--panel-border);border-radius:12px;background:#08121b99;color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer;transition:all .2s}.toggle-selector{margin:10px 0 2px;display:flex;justify-content:center}.toggle-button{min-width:min(100%,280px);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.difficulty-card-grid{margin:12px 0 10px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-card-grid.compact{margin-top:10px}.difficulty-card-item{width:100%;padding:10px 10px 9px;border:1px solid rgba(169,226,255,.18);appearance:none;-webkit-appearance:none;border-radius:14px;background:#09141ea8;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.difficulty-card-item.active{border-color:#8cffc8d1;box-shadow:inset 0 0 0 1px #8cffc861,0 10px 24px #65d9ff33;transform:translateY(-1px)}.difficulty-card-item p{margin:4px 0;color:var(--muted);font-size:.78rem;line-height:1.22}.difficulty-card-item.compact p{font-size:.72rem}.difficulty-card-title{margin-bottom:6px;color:#d4f6ff;font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mode-button:hover{background:#08121bcc;border-color:var(--accent)}.mode-button:focus-visible,.difficulty-card-item:focus-visible,.corner-action-button:focus-visible,.start-button:focus-visible,#retry-button:focus-visible,#win-retry-button:focus-visible,#resume-button:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.mode-button.gamepad-selected,.difficulty-card-item.gamepad-selected,.corner-action-button.gamepad-selected,.start-button.gamepad-selected,#retry-button.gamepad-selected,#win-retry-button.gamepad-selected,#resume-button.gamepad-selected{outline:3px solid var(--accent-strong);outline-offset:4px;box-shadow:0 0 0 7px #8cffc824,0 16px 36px #65d9ff47;filter:brightness(1.08)}.mode-button.active{background:linear-gradient(135deg,#5edcff,#87ffc9);color:#041017;border-color:transparent;font-weight:600}.start-button{margin-top:20px;padding:14px 32px;border:0;border-radius:999px;background:linear-gradient(135deg,#5edcff,#87ffc9);color:#041017;font:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #4cd3ff3d;transition:all .2s}.start-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.game-hud{pointer-events:none;opacity:0;transition:opacity .36s ease}.game-hud.visible{opacity:1}.hud-top,.hud-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:22px 24px}.hud-top{top:0;align-items:flex-start}.hud-bottom{bottom:104px;justify-content:center}.hud-panel{display:flex;flex-direction:column;gap:10px;min-width:min(42vw,420px);padding:14px 16px;border:1px solid var(--panel-border);border-radius:20px;background:var(--panel);box-shadow:inset 0 1px #ffffff0a,0 16px 36px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud-panel.right{flex-direction:column;align-items:flex-end;gap:10px;min-width:auto}.hud-stats{display:flex;justify-content:flex-end;align-items:center;gap:18px}.hud-row{display:flex;justify-content:space-between;gap:16px;font-size:.92rem}.hud-row span,.hud-panel.right span,#status{color:var(--muted)}.ammo-hud-bottom{position:absolute;left:50%;bottom:28px;z-index:6;transform:translate(-50%);pointer-events:none}.ammo-circles{display:flex;gap:14px;align-items:center}.ammo-circle{--reload-remaining: 0;position:relative;width:72px;height:72px;border-radius:50%;border:2px solid rgba(169,226,255,.3);background:radial-gradient(circle at 30% 22%,#ffffff24,#071018f0 64%);box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000057;transition:border-color .2s ease,transform .2s ease}.ammo-clock{position:absolute;inset:-5px;border-radius:50%;opacity:0;pointer-events:none;background:conic-gradient(from -90deg,rgba(8,14,22,.72) calc(var(--reload-remaining) * 1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));transition:opacity .15s ease}.ammo-circle.reloading .ammo-clock{opacity:1}.ammo-circle.reloading:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;border-top-color:#e6f0f8f2;border-right-color:#e6f0f859;transform:rotate(calc(var(--reload-remaining) * -1turn));opacity:1;pointer-events:none}.ammo-circle.active{border-color:#8cffc8f2;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1a,0 0 0 6px #8cffc81a,0 12px 28px #65d9ff3d}.ammo-circle.reloading .ammo-art{filter:grayscale(.85) brightness(.72)}.ammo-art{position:absolute;inset:10px;border-radius:50%;box-shadow:inset 0 0 10px #fff3}.ammo-type-mg .ammo-art{background:radial-gradient(circle at 35% 28%,#fff2b8 0%,#ffc44a 34%,transparent 58%),linear-gradient(145deg,#ff7a1f,#ffd35f)}.ammo-type-rail .ammo-art{background:radial-gradient(circle at 35% 28%,#ffd0a8 0%,#ff9a4a 36%,transparent 58%),linear-gradient(145deg,#ff6a18,#ff9f3f)}.ammo-type-rail .ammo-art:after{content:"";position:absolute;inset:30% 18% 30% 42%;border-radius:2px;background:linear-gradient(90deg,#fff4dc33,#fff4dc 70%);transform:skew(-18deg)}.ammo-type-nova .ammo-art{background:radial-gradient(circle at 35% 28%,#f2d6ff 0%,#d08cff 36%,transparent 58%),linear-gradient(145deg,#8f3dff,#d57dff)}.ammo-type-nova .ammo-art:after{content:"✹";position:absolute;inset:0;display:grid;place-items:center;color:#f8ecff;font-size:1.2rem;text-shadow:0 0 10px rgba(220,170,255,.8)}.ammo-timer{position:absolute;inset:0;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:#f4fbff;text-shadow:0 0 8px rgba(0,0,0,.8);opacity:0;pointer-events:none}.ammo-circle.reloading .ammo-timer{opacity:1}.health-meter{overflow:hidden;height:12px;border-radius:999px;background:#ffffff14}#health-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#52f0b0,#a6ffd7);box-shadow:0 0 18px #61fab652}#status{max-width:min(78vw,620px);margin:0;padding:12px 18px;border:1px solid var(--panel-border);border-radius:999px;background:#08121ba8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.lose-screen{opacity:0;visibility:hidden;background:linear-gradient(180deg,#02060a94,#02060adb),radial-gradient(circle at center,rgba(255,107,92,.1),transparent 36%)}#win-screen{background:linear-gradient(180deg,#02060a94,#02060adb),radial-gradient(circle at center,rgba(140,255,200,.12),transparent 36%)}#pause-screen{background:linear-gradient(180deg,#02060a66,#02060ac7),radial-gradient(circle at center,rgba(116,186,255,.11),transparent 38%)}.pause-card h2{font-size:clamp(2.2rem,7vw,3.6rem)}.pause-audio-settings{display:grid;gap:14px;width:min(340px,72vw);margin:22px auto 6px;text-align:left}.pause-volume-row{display:grid;gap:8px;color:var(--panel-copy);font-size:.9rem;font-weight:600}.pause-volume-row span{display:flex;justify-content:space-between;gap:16px}.pause-volume-row output{color:#87ffc9;font-variant-numeric:tabular-nums}.pause-volume-row input[type=range]{width:100%;accent-color:#5edcff}.pause-volume-row input[type=range]:focus-visible,.pause-volume-row input[type=range].gamepad-selected{outline:2px solid #87ffc9;outline-offset:4px}.lose-screen.visible{opacity:1;visibility:visible;pointer-events:auto}#retry-button,#win-retry-button,#resume-button{margin-top:18px;padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#5edcff,#87ffc9);color:#041017;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #4cd3ff3d}#retry-button:hover,#win-retry-button:hover,#resume-button:hover{filter:brightness(1.04)}@media(max-width:860px){.difficulty-card-grid{grid-template-columns:1fr}.hud-top{flex-direction:column}.hud-panel{min-width:0}.hud-panel.right{justify-content:space-between;align-items:stretch}.hud-stats{justify-content:space-between}.ammo-hud-bottom{bottom:76px}.ammo-circles{gap:8px}.ammo-circle{width:58px;height:58px}.intro-card h1,.lose-card h2{font-size:2.8rem}}