@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--field-light: #56b142;--field-dark: #4da63a;--ink: #111111;--line: #ffffff;--blue: #2f86e8;--red: #e4584b;--net: #b8d6a5;--shadow: rgba(0, 0, 0, .18);--hud-outer: #050806;--hud-score-top: #4cb85e;--hud-score-mid: #2a7a3d;--hud-score-bottom: #154a28;--hud-time-top: #3da88a;--hud-time-mid: #237a5e;--hud-time-bottom: #124d3a;--hud-label-bg: #071208;--hud-label-border: #000000;--hud-highlight: rgba(220, 255, 200, .28);--hud-shine-top: rgba(255, 255, 255, .16);--hud-screw: #3d5245;--hud-screw-dark: #0a100c;--hud-text: #f4fff2;--font-pixel: "Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--field-light);font-family:var(--font-pixel);touch-action:none;overscroll-behavior:none}#game{position:fixed;left:50%;top:0;transform:translate(-50%);display:block;background:var(--field-light);touch-action:none}.ui-left{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:100}.ui-right{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:100}.arcade-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:min(72px,19vw);max-width:90px;border:2px solid var(--hud-outer);border-radius:0;overflow:hidden;font-family:var(--font-pixel);color:var(--hud-text);text-shadow:1px 1px 0 #000;box-shadow:0 2px #00000080,inset 0 2px 0 var(--hud-highlight),inset 0 -3px #00000059,inset 0 0 0 1px #0000008c}.arcade-panel--score{background:linear-gradient(180deg,var(--hud-score-top) 0%,var(--hud-score-mid) 42%,var(--hud-score-bottom) 100%)}.arcade-panel--time{background:linear-gradient(180deg,var(--hud-time-top) 0%,var(--hud-time-mid) 42%,var(--hud-time-bottom) 100%)}.arcade-panel:before,.arcade-panel:after{content:"";position:absolute;width:4px;height:4px;background:var(--hud-screw);border:1px solid var(--hud-screw-dark);z-index:2;pointer-events:none;box-shadow:inset 0 1px #fff3}.arcade-panel:before{top:2px;left:2px}.arcade-panel:after{top:2px;right:2px}.arcade-panel__label{position:relative;font-size:clamp(.27rem,1.35vw,.36rem);line-height:1.35;letter-spacing:.04em;text-align:center;text-transform:uppercase;padding:3px 4px 2px;background:linear-gradient(180deg,#143220 0%,var(--hud-label-bg) 100%);border-bottom:2px solid var(--hud-label-border);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000080}.arcade-panel__value{display:inline-block;width:100%;font-size:clamp(.36rem,2vw,.5rem);line-height:1.28;padding:4px 3px 5px;text-align:center;letter-spacing:.02em;background:linear-gradient(180deg,#0000001f,#00000047);box-shadow:inset 0 2px #ffffff0f}@keyframes hud-timer-tick{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.07);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1)}}#timerDisplay.timer-tick-pulse .arcade-panel__value{animation:hud-timer-tick .32s cubic-bezier(.33,1,.68,1) both}.instructions{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#050c08c7;font-family:var(--font-pixel);color:var(--hud-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.instructions[hidden]{display:none}.instructions-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(300px,100%);max-width:92vw;padding:16px 14px 14px;border:2px solid var(--hud-outer);border-radius:0;background:linear-gradient(180deg,var(--hud-time-top) 0%,var(--hud-time-mid) 38%,var(--hud-time-bottom) 100%);box-shadow:0 4px #0000008c,0 10px 24px #00000073,inset 0 2px 0 var(--hud-highlight),inset 0 -4px #00000059,inset 0 0 0 1px #00000080;pointer-events:none}.instructions-card:before{content:"";position:absolute;top:7px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.instructions-eyebrow{margin:0;font-size:clamp(.24rem,1.2vw,.32rem);line-height:1.4;letter-spacing:.12em;text-transform:uppercase;text-align:center;opacity:.82;text-shadow:1px 1px 0 #000}.instructions-title{margin:0;font-size:clamp(.48rem,2.6vw,.68rem);font-weight:400;line-height:1.45;text-transform:uppercase;letter-spacing:.05em;text-align:center;text-shadow:2px 2px 0 #000,3px 3px 0 rgba(0,0,0,.35)}.instructions-steps{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.instructions-step{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 7px;border:2px solid rgba(0,0,0,.55);background:linear-gradient(180deg,#00000024,#00000047);box-shadow:inset 0 1px #ffffff14}.instructions-step__num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.35em;min-width:1.35em;height:1.35em;font-size:clamp(.28rem,1.4vw,.38rem);line-height:1;color:var(--hud-text);background:linear-gradient(180deg,#5ab842,#256022);border:2px solid #000;box-shadow:0 2px #000}.instructions-step__text{margin:0;font-size:clamp(.26rem,1.45vw,.36rem);line-height:1.55;text-shadow:1px 1px 0 #000}.instructions-step__text strong{display:block;margin-bottom:2px;font-weight:400;font-size:1.08em;letter-spacing:.04em;text-transform:uppercase;color:#f4fff2}.instructions-hint{margin:2px 0 0;padding:8px 6px 4px;font-size:clamp(.24rem,1.35vw,.34rem);line-height:1.5;text-align:center;letter-spacing:.06em;text-transform:uppercase;opacity:.9;text-shadow:1px 1px 0 #000;animation:instructions-pulse 1.6s ease-in-out infinite}@keyframes instructions-pulse{0%,to{opacity:.72}50%{opacity:1}}.game-over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;background:#000000d1;font-family:var(--font-pixel);color:var(--hud-text)}.game-over[hidden]{display:none}.game-over-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(220px,92%);padding:14px 12px 12px;border:2px solid var(--hud-outer);border-radius:0;background:linear-gradient(180deg,var(--hud-score-top) 0%,var(--hud-score-mid) 40%,var(--hud-score-bottom) 100%);box-shadow:0 4px #0000008c,0 8px 20px #0000006b,inset 0 2px 0 var(--hud-highlight),inset 0 -4px #00000059,inset 0 0 0 1px #00000080}.game-over-card:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}.game-over-title{margin:0;font-size:clamp(.45rem,2.45vw,.64rem);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.04em;text-align:center;text-shadow:2px 2px 0 #000,3px 3px 0 rgba(0,0,0,.4)}.game-over-score{margin:0;font-size:clamp(.29rem,1.8vw,.41rem);line-height:1.6;text-align:center;opacity:.95;text-shadow:1px 1px 0 #000}.game-over-btn{margin:0;padding:8px 14px 7px;font-family:var(--font-pixel);font-size:clamp(.27rem,1.55vw,.38rem);line-height:1.5;color:var(--hud-text);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#5ab842,#3d8a2e 40%,#256022);border:2px solid #000;border-radius:0;text-shadow:1px 1px 0 #000;box-shadow:0 4px #000,inset 0 1px #ffffff2e,inset 0 -3px #00000059}.game-over-btn:hover,.game-over-btn:focus{filter:brightness(1.08)}.game-over-btn:active{transform:translateY(3px);box-shadow:0 2px #000,inset 0 1px #ffffff1f,inset 0 -2px #00000059}@media (max-width: 520px){.ui-left{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left))}.ui-right{top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right))}.arcade-panel{min-width:min(58px,17vw);max-width:72px;border-width:2px;box-shadow:0 2px #0000007a,inset 0 1px 0 var(--hud-highlight),inset 0 -2px #00000052,inset 0 0 0 1px #00000080}.arcade-panel:before,.arcade-panel:after{width:3px;height:3px;top:1px}.arcade-panel:before{left:1px}.arcade-panel:after{right:1px}.arcade-panel__label{font-size:clamp(5px,1.3vw,.33rem);padding:3px 3px 2px;letter-spacing:.04em;border-bottom-width:1px}.arcade-panel__value{font-size:clamp(6px,2vw,.47rem);padding:4px 2px 5px}.game-over{padding:10px}.game-over-card{gap:6px;padding:11px 10px 10px;border-width:2px;box-shadow:0 4px #00000080,0 8px 18px #0006,inset 0 1px 0 var(--hud-highlight),inset 0 -3px #00000052,inset 0 0 0 1px #00000073}.game-over-title{font-size:clamp(5px,2.15vw,.52rem)}.game-over-score{font-size:clamp(4px,1.5vw,.35rem)}.game-over-btn{padding:6px 10px 5px;font-size:clamp(4px,1.3vw,.31rem);border-width:2px;box-shadow:0 3px #000,inset 0 1px #ffffff26,inset 0 -2px #00000052}.game-over-btn:active{transform:translateY(2px);box-shadow:0 1px #000,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.instructions-card{gap:8px;padding:12px 10px 10px}.instructions-title{font-size:clamp(5px,2.35vw,.58rem)}.instructions-step{gap:6px;padding:6px 6px 5px}.instructions-step__text{font-size:clamp(4px,1.3vw,.32rem)}.instructions-hint{font-size:clamp(4px,1.2vw,.3rem);padding:6px 4px 2px}}