:root{--navy: #18213b;--red: #d51f3c;--off-white: #f1efec;--surface: #faf9f7;--steel: #aeb6c5;--muted: #6d7482;--pixel-font: "Press Start 2P", ui-monospace, monospace;font-family:DM Sans,sans-serif;color:var(--navy);background:var(--navy);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--off-white);-webkit-user-select:none;user-select:none;touch-action:none}#game{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}.game-shell:fullscreen,.game-shell:-webkit-full-screen{width:100%;height:100%}.game-shell:after{content:"";position:absolute;z-index:15;inset:0;background:repeating-linear-gradient(#18213b00 0 2px,#18213b0d 2px 3px);pointer-events:none}#game.is-dragging{cursor:grabbing}.brand{position:absolute;top:clamp(18px,3vw,38px);left:clamp(20px,3.5vw,54px);z-index:4;color:var(--navy);font-family:DM Sans,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:800;letter-spacing:-.04em}.brand span{color:var(--red)}.hud{position:absolute;top:clamp(16px,2.5vw,32px);left:50%;z-index:4;display:flex;gap:10px;transform:translate(-50%)}.hud-card{min-width:112px;padding:10px 16px 11px;border:3px solid var(--navy);border-radius:0;background:var(--surface);box-shadow:4px 4px #18213b59}.hud-label{display:block;margin-bottom:5px;color:#18213b8c;font-family:var(--pixel-font);font-size:8px;letter-spacing:.1em;text-transform:uppercase}#score{font-family:var(--pixel-font);font-size:18px;font-variant-numeric:tabular-nums}.shots-card{min-width:126px}.level-card{min-width:96px}#level-name{display:block;font-family:var(--pixel-font);font-size:13px;line-height:29px}.shot-dots{display:flex;gap:6px;height:29px;align-items:center}.shot-dot{width:16px;height:16px;border:2px solid var(--navy);border-radius:0;background:var(--red);box-shadow:2px 2px #18213b4d;transition:.18s steps(3)}.shot-dot.used{border-color:#18213b40;background:transparent;box-shadow:none;transform:scale(.74)}.controls{position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3.5vw,48px);z-index:25;display:flex;gap:10px}.hud-button{display:inline-flex;height:46px;align-items:center;justify-content:center;border:3px solid var(--navy);border-radius:0;color:var(--navy);background:var(--surface);box-shadow:4px 4px #18213b59;cursor:pointer;transition:.12s ease}.hud-button:hover{color:var(--surface);background:var(--navy)}.hud-button:active{transform:translate(3px,3px);box-shadow:1px 1px #18213b59}.hud-button[hidden]{display:none}.hud-button svg{width:18px}.restart-button{gap:10px;padding:0 16px;font-family:var(--pixel-font);font-size:10px;text-transform:uppercase}.restart-button svg{fill:currentColor}.icon-button{width:46px;padding:0}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon-button .icon-collapse,.icon-button[aria-pressed=true] .icon-expand{display:none}.icon-button[aria-pressed=true] .icon-collapse{display:block}.tip{position:absolute;z-index:3;left:clamp(200px,17vw,260px);bottom:clamp(145px,20vh,210px);display:flex;align-items:center;gap:10px;color:#18213b9e;font-family:var(--pixel-font);font-size:clamp(8px,.75vw,11px);line-height:1.6;pointer-events:none;transition:.3s ease}.tip.hidden{opacity:0;transform:translateY(8px)}.tip-arrow{font-size:27px;animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translate(-7px)}}.overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#18213b8a;transition:opacity .34s ease,visibility .34s ease}.overlay[hidden]{display:none}.intro-card,.result-card{position:relative;width:min(100%,550px);padding:clamp(28px,5vw,46px);overflow:hidden;border:4px solid var(--navy);border-radius:0;background:var(--off-white);box-shadow:8px 8px #080d1d73;text-align:center}.intro-card:before,.result-card:before,.intro-card:after{display:none}.intro-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(38px,7vw,64px)}.intro-brand{font-family:Syne,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.08em}.intro-brand span{color:var(--red)}.build-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.build-status i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #d51f3c1f}.eyebrow{position:relative;z-index:1;margin-bottom:17px;color:var(--red);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{position:relative;z-index:1;margin:0;font-family:var(--pixel-font);font-size:clamp(22px,4vw,34px);font-weight:400;line-height:1.3;letter-spacing:0}h1 span{color:var(--navy)}h1 small{color:var(--red);font-size:.48em;letter-spacing:-.04em}h2{position:relative;z-index:1;margin:0;font-family:var(--pixel-font);font-weight:400;letter-spacing:0}.terminal-copy{display:grid;gap:7px;margin-top:22px;padding:14px 16px;border-radius:6px;color:#dfe3eb;background:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.35}.terminal-copy span{display:inline-block;width:17px;color:#f04b63}.intro-card p,.result-card p{position:relative;z-index:1;margin:20px 0 22px;color:var(--muted);font-size:14px;line-height:1.55}.primary-button{position:relative;z-index:1;display:inline-flex;min-width:180px;height:52px;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:3px solid var(--navy);border-radius:0;color:#fff;background:var(--red);box-shadow:5px 5px #18213b73;font-family:var(--pixel-font);font-size:11px;text-transform:uppercase;cursor:pointer;transition:.12s ease}.primary-button:hover{background:var(--navy)}.primary-button:active{transform:translate(4px,4px);box-shadow:1px 1px #18213b73}.primary-button span{font-size:22px}.level-buttons,.result-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.result-actions{justify-content:center;gap:12px}.primary-button.hard{background:var(--navy)}.primary-button.hard:hover{background:var(--red)}.secondary-button{position:relative;z-index:1;display:inline-flex;min-width:140px;height:52px;align-items:center;justify-content:center;padding:0 22px;border:3px solid var(--navy);border-radius:0;color:var(--navy);background:var(--surface);box-shadow:5px 5px #18213b73;font-family:var(--pixel-font);font-size:11px;text-transform:uppercase;cursor:pointer;transition:.12s ease}.secondary-button:hover{color:#fff;background:var(--navy)}.secondary-button:active{transform:translate(4px,4px);box-shadow:1px 1px #18213b73}.micro-copy{position:relative;z-index:1;margin-top:16px;color:#8b909a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.result-card{width:min(100%,470px);text-align:center}.result-card h2{font-size:clamp(20px,3vw,28px);line-height:1.3}.result-card p{margin:12px 0 26px}.final-score{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;padding:16px 20px;border:3px solid var(--navy);border-radius:0;background:var(--surface);text-align:left}.final-score span{color:var(--muted);font-family:var(--pixel-font);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.final-score strong{font-family:var(--pixel-font);font-size:20px;font-variant-numeric:tabular-nums}@media(max-width:720px){.brand{top:18px;left:18px}.hud{top:auto;bottom:14px;gap:6px}.hud-card{min-width:102px;padding:7px 12px;border-width:2px}.shots-card{min-width:115px}.level-card{min-width:82px}#score{font-size:14px}#level-name{font-size:11px;line-height:23px}.shot-dots{height:23px}.shot-dot{width:15px;height:15px}.controls{top:14px;right:14px}.restart-button{width:44px;padding:0;font-size:0}.icon-button{width:44px}.tip{display:none}.intro-card,.result-card{padding:30px 24px;border-width:3px}.intro-header{margin-bottom:36px}.intro-card p{margin-top:26px;font-size:14px}}@media(max-height:620px)and (orientation:landscape){.brand{top:9px;left:max(14px,env(safe-area-inset-left));font-size:20px}.hud{top:9px;bottom:auto;gap:6px}.hud-card{min-width:0;padding:5px 10px 6px;border-width:2px;box-shadow:3px 3px #18213b59}.shots-card,.level-card{min-width:0}.hud-label{margin-bottom:4px;font-size:7px}#score{font-size:13px}#level-name{font-size:10px;line-height:20px}.shot-dots{height:20px;gap:5px}.shot-dot{width:13px;height:13px}.controls{top:9px;right:max(14px,env(safe-area-inset-right))}.hud-button{height:40px;border-width:2px}.restart-button,.icon-button{width:40px;padding:0;font-size:0}.tip{display:none}.intro-card,.result-card{width:min(88vw,610px);padding:22px 32px;border-width:3px}h1{font-size:24px}.intro-header{margin-bottom:22px}.intro-card p,.result-card p{margin:18px 0}.final-score{margin-bottom:18px;padding:11px 16px}.primary-button,.secondary-button{height:46px;min-width:150px}.micro-copy,.result-icon{display:none}}.rotate-hint{position:absolute;z-index:30;inset:0;display:none;place-items:center;padding:32px;background:var(--navy);text-align:center}@media(orientation:portrait)and (pointer:coarse)and (max-width:640px){.rotate-hint{display:grid}}.rotate-card{display:grid;justify-items:center;gap:26px}.rotate-phone{width:64px;height:106px;border:4px solid var(--off-white);border-radius:9px;box-shadow:inset 0 0 0 3px var(--navy),inset 0 0 0 7px #aeb6c559;animation:rotate-phone 2.6s ease-in-out infinite}@keyframes rotate-phone{0%,28%{transform:rotate(0)}52%,84%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-hint h2{color:var(--off-white);font-size:17px;line-height:1.4}.rotate-hint p{max-width:260px;margin:0;color:var(--steel);font-size:14px;line-height:1.55}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}.tip-arrow{animation:none}}