*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:"Press Start 2P",monospace;overflow:hidden;width:100vw;height:100vh;height:100dvh;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.screen{display:none;position:absolute;top:0;left:0;width:100%;height:100%;height:100dvh;justify-content:center;align-items:center;flex-direction:column;z-index:1}.screen.active{display:flex}.title{font-size:3rem;text-align:center;line-height:1.4;margin-bottom:1rem}.glow{color:#fff;text-shadow:0 0 6px #0f0,0 0 15px #0f0,0 0 30px rgba(0,170,0,.5);-webkit-text-stroke:1px rgba(0,255,0,.6)}#menu-screen .title{position:relative;animation:title-flicker 4s ease-in-out infinite}#menu-screen .title:before,#menu-screen .title:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;overflow:hidden;pointer-events:none;white-space:pre-wrap;word-spacing:100vw}#menu-screen .title:before{color:#0ff;text-shadow:0 0 10px #0ff;animation:glitch-top 3s ease-in-out infinite;-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0)}#menu-screen .title:after{color:#f0f;text-shadow:0 0 10px #f0f;animation:glitch-bottom 2.5s ease-in-out infinite;-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0);opacity:0}@keyframes title-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes glitch-top{0%,to{transform:translate(0)}85%{transform:translate(0)}86%{transform:translate(-3px,-1px)}87%{transform:translate(0)}91%{transform:translate(0)}92%{transform:translate(2px,1px)}93%{transform:translate(0)}}@keyframes glitch-bottom{0%,to{transform:translate(0);opacity:0}78%{transform:translate(0);opacity:0}79%{transform:translate(3px,1px);opacity:.6}80%{transform:translate(0);opacity:0}94%{transform:translate(0);opacity:0}95%{transform:translate(-2px,-1px);opacity:.6}96%{transform:translate(0);opacity:0}}.subtitle{font-size:.8rem;color:#0f0;opacity:.7;margin-bottom:2rem}.menu-section{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1.5rem}.menu-label{font-size:.55rem;color:#555;letter-spacing:3px}.menu-row{display:flex;gap:1rem}.menu-buttons{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.btn-retro{font-family:"Press Start 2P",monospace;font-size:1rem;padding:1rem 2.5rem;background:transparent;color:#0f0;border:2px solid #0f0;cursor:pointer;text-transform:uppercase;transition:all .15s;min-width:280px}.btn-retro.btn-half{min-width:135px;padding:1rem 1.5rem;font-size:.85rem}.btn-retro:hover{background:#0f0;color:#000;box-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0a0}.btn-retro:active{transform:scale(.96)}#menu-screen .btn-retro{animation:btn-idle-pulse 3s ease-in-out infinite}#menu-screen .btn-retro:nth-child(1){animation-delay:0s}#menu-screen .btn-retro:nth-child(2){animation-delay:.5s}@keyframes btn-idle-pulse{0%,to{box-shadow:0 0 #0f00;border-color:#0f0}50%{box-shadow:0 0 12px #0f03;border-color:#0f0}}#menu-screen .btn-retro:hover{animation:none}.menu-bottom-row{display:flex;gap:.8rem;margin-bottom:1.5rem}.btn-small{font-family:"Press Start 2P",monospace;font-size:.55rem;padding:.5rem 1.2rem;background:transparent;color:#555;border:1px solid #333;cursor:pointer;letter-spacing:2px;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn-small:hover{color:#0f0;border-color:#0f0;box-shadow:0 0 8px #00ff004d}.btn-small.active{color:#0f0;border-color:#0f0}.btn-music-toggle{right:auto;left:env(safe-area-inset-left,12px);margin-left:12px;font-size:1.2rem}.btn-music-toggle.music-on{color:#0f0;border-color:#0f0}.hint{font-size:.55rem;color:#555;text-align:center;max-width:400px;line-height:1.8}.menu-footer{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.8rem}.menu-footer a{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#333;text-decoration:none;letter-spacing:1px;transition:color .2s;display:flex;align-items:center}.menu-footer a:hover{color:#0f0;text-shadow:0 0 6px rgba(0,255,0,.4)}.menu-footer svg{opacity:.5;transition:opacity .2s}.menu-footer a:hover svg{opacity:1}#menu-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#webcam{display:none;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:2;opacity:.5}#hand-canvas{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}body.cam-visible #webcam,body.cam-visible #hand-canvas{display:block}#calibration-screen{background:transparent;z-index:4}#calib-ui{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.calib-title{font-size:1.5rem;margin-bottom:2.5rem;transition:all .5s}.calib-hands{display:flex;gap:4rem;margin-bottom:2rem}.calib-hand{display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:all .3s}.calib-reticle{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.reticle-corner{position:absolute;width:20px;height:20px;border-color:#555;border-style:solid;border-width:0;transition:all .4s ease-out}.reticle-corner.tl{top:0;left:0;border-top-width:3px;border-left-width:3px}.reticle-corner.tr{top:0;right:0;border-top-width:3px;border-right-width:3px}.reticle-corner.bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.reticle-corner.br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.calib-icon{font-size:2.5rem;filter:grayscale(1) brightness(.5);transition:all .4s}.calib-hand.detected .reticle-corner{border-color:#0f0;width:14px;height:14px}.calib-hand.detected .calib-reticle{animation:reticle-pulse 1.5s ease-in-out infinite}.calib-hand.detected .calib-icon{filter:grayscale(0) brightness(1)}.calib-hand.locked .reticle-corner{border-color:#0f0;width:10px;height:10px;box-shadow:0 0 6px #0f0}.calib-hand.locked .calib-reticle{animation:reticle-locked .6s ease-out forwards}.calib-hand.locked .calib-icon{filter:grayscale(0) brightness(1) drop-shadow(0 0 10px #0f0)}.calib-hand.locked .calib-status{color:#0f0;text-shadow:0 0 8px #0f0}@keyframes reticle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes reticle-locked{0%{transform:scale(1.15)}50%{transform:scale(.92)}to{transform:scale(1)}}.calib-label{font-size:.6rem;color:#888;transition:color .3s}.calib-hand.detected .calib-label,.calib-hand.locked .calib-label{color:#ccc}.calib-status{font-size:.5rem;color:#555;letter-spacing:2px;transition:all .3s}.calib-hand.detected .calib-status{color:#0a0}.calib-hint{font-size:.6rem;color:#0f0;opacity:.7;text-align:center;transition:all .3s}#game-canvas{display:block;width:100%;height:100%;border-radius:12px}.btn-quit{display:none;position:absolute;top:env(safe-area-inset-top,12px);right:env(safe-area-inset-right,12px);margin:12px;width:44px;height:44px;background:#00000080;color:#555;border:1px solid #333;border-radius:8px;font-size:1.4rem;line-height:1;cursor:pointer;z-index:60;-webkit-tap-highlight-color:transparent;transition:color .2s,border-color .2s}.btn-quit:active{color:#0f0;border-color:#0f0}@media(pointer:coarse){.btn-quit{display:block}}#pause-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;z-index:50;justify-content:center;align-items:center}#pause-overlay.active{display:flex}#pause-ui{position:relative;z-index:51;display:flex;flex-direction:column;align-items:center;gap:1.5rem;pointer-events:none}.pause-title{font-size:2rem;letter-spacing:3px;animation:pause-blink 1s ease-in-out infinite}@keyframes pause-blink{0%,to{opacity:1}50%{opacity:.4}}.pause-text{font-size:.7rem;color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}.pause-hint{font-size:.55rem;color:#0f0;opacity:.7;letter-spacing:2px}#end-screen .title{letter-spacing:2px}.final-score{font-size:2.5rem;color:#0f0;margin:1.5rem 0 2.5rem;text-shadow:0 0 10px #0f0}#scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:100}#vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:99}.overlay-hint{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000e6;z-index:200;justify-content:center;align-items:center}.overlay-hint.active{display:flex}.overlay-hint-box{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem;text-align:center}.overlay-hint-title{font-size:1rem;color:#0f0;text-shadow:0 0 10px #0f0}.overlay-hint-text{font-size:.65rem;color:#ccc;line-height:2}.overlay-hint-sub{font-size:.45rem;color:#555}#rotate-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000f2;z-index:200;justify-content:center;align-items:center;flex-direction:column;gap:1.2rem}.rotate-icon{font-size:3rem;animation:rotate-wobble 2s ease-in-out infinite}@keyframes rotate-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}75%{transform:rotate(90deg)}}.rotate-text{font-size:.9rem;color:#0f0;text-shadow:0 0 10px #0f0}.rotate-hint{font-size:.5rem;color:#555}@media(max-width:900px)and (orientation:portrait){#rotate-overlay{display:flex}}@media(max-width:600px){.title{font-size:1.8rem}.btn-retro{font-size:.75rem;padding:.8rem 1.5rem;min-width:220px}.btn-retro.btn-half{min-width:105px;padding:.8rem 1rem;font-size:.65rem}.menu-row{gap:.6rem}.calib-hands{gap:2rem}.calib-reticle{width:80px;height:80px}.calib-icon{font-size:2rem}.pause-title{font-size:1.4rem}.hint-desktop{display:none}}@media(max-height:800px){.title{font-size:2.2rem}.glow{text-shadow:0 0 4px #0f0,0 0 12px rgba(0,170,0,.5);-webkit-text-stroke:1px rgba(0,255,0,.5)}.final-score{font-size:2rem}}@media(max-height:500px){.title{font-size:1.4rem;margin-bottom:.4rem;line-height:1.2}.glow{text-shadow:0 0 3px #0f0,0 0 6px rgba(0,170,0,.4);-webkit-text-stroke:.5px rgba(0,255,0,.5)}#menu-screen .title:before,#menu-screen .title:after{display:none}.subtitle{font-size:.5rem;margin-bottom:.6rem}.menu-section{gap:.4rem;margin-bottom:.5rem}.menu-label{font-size:.45rem}.btn-retro{font-size:.6rem;padding:.5rem 1.2rem;min-width:180px}.btn-retro.btn-half{min-width:85px;padding:.5rem .8rem;font-size:.5rem}.menu-bottom-row{margin-bottom:.5rem;gap:.5rem}.btn-small{font-size:.4rem;padding:.3rem .6rem}.hint{font-size:.4rem;max-width:350px;line-height:1.5}.hint-desktop{display:none}.menu-footer{bottom:.5rem;font-size:.35rem}.calib-title{font-size:1rem;margin-bottom:1rem}.calib-hands{gap:1.5rem;margin-bottom:.8rem}.calib-reticle{width:60px;height:60px}.calib-icon{font-size:1.5rem}.calib-label{font-size:.45rem}.calib-status{font-size:.4rem}.calib-hint{font-size:.45rem}.final-score{font-size:1.5rem;margin:.8rem 0 1rem}.pause-title{font-size:1.2rem}.pause-text{font-size:.55rem}}