*{box-sizing:border-box}body{background-color:#525b6d;color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;min-height:100dvh;margin:0;padding:20px 10px;overscroll-behavior:none;touch-action:none}#game-container{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw}h1{margin:0 0 10px;font-weight:300;letter-spacing:2px;font-size:1.5rem}canvas{display:block;max-width:100%;height:auto;border-radius:4px}.instructions,.mobile-instructions{margin-top:15px;color:#aaa;font-size:.9rem}.mobile-instructions{display:none}#win-modal,#welcome-modal,#stats-modal,#settings-modal{background-color:#2a2a2a;color:#f0f0f0;border:2px solid #555;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 20px 50px #000c;max-width:90vw;width:320px;inset:0;margin:auto;position:fixed}#win-modal::backdrop,#welcome-modal::backdrop,#stats-modal::backdrop,#settings-modal::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#win-modal button,#welcome-modal button,#stats-modal button,#settings-modal button{background:#333;color:#fff;border:1px solid #555;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}#win-modal button:hover,#welcome-modal button:hover,#stats-modal button:hover,#settings-modal button:hover{background:#444}.toggle-group{display:flex;background:#333;border:1px solid #555;border-radius:8px;overflow:hidden;margin-top:10px}.toggle-group input[type=radio]{display:none}.toggle-label{flex:1;padding:10px;cursor:pointer;color:#888;background:#333;transition:all .2s;font-size:.9rem}.toggle-group input[type=radio]:checked+.toggle-label{background:#1f6feb;color:#fff;font-weight:700}.btn-primary{background:#2ea043!important;border-color:#3fb950!important;font-weight:700}.btn-primary:hover{background:#2c974b!important}.btn-secondary{background:#1f6feb!important;border-color:#388bfd!important}.btn-secondary:hover{background:#1158c7!important}#top-times-list li{background:#2a2a2a;padding:8px;margin-bottom:5px;border-radius:4px;border-left:3px solid #444;text-align:left;font-family:monospace}#play-btn{width:100%}#countdown-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);pointer-events:none;z-index:1000;display:none}#timer-container{display:none;color:#cbd5e1;font-family:monospace;font-size:1.2rem}#stats-btn,#settings-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1.2rem}#settings-btn{display:none}@media(hover:none)and (pointer:coarse),(max-width:768px){body{padding:10px 5px;justify-content:center}#settings-btn{display:inline-block}#game-container{flex:1;justify-content:center}canvas{max-height:85vh;max-height:85dvh;width:auto}.instructions{display:none}.mobile-instructions{display:block}h1{font-size:1.2rem;margin-bottom:5px}}#joystick-zone{position:fixed;width:200px;height:200px;border:2px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:50%;pointer-events:none;display:none;transform:translate(-50%,-50%);z-index:50;overflow:hidden}#joystick-zone.dpad-mode{background-image:linear-gradient(45deg,transparent 49.5%,rgba(255,255,255,.15) 49.5%,rgba(255,255,255,.15) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgba(255,255,255,.15) 49.5%,rgba(255,255,255,.15) 50.5%,transparent 50.5%);background-color:#ffffff14}#joystick-zone.dpad-mode:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:#525b6d;border:2px solid rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);z-index:5}#joystick-knob{position:absolute;top:50%;left:50%;width:30px;height:30px;background:#ffffff80;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%)}#joystick-zone.dpad-mode #joystick-knob{display:none}.dpad-arrow{display:none;position:absolute;top:0;left:0;width:100%;height:100%;font-size:24px;color:#fff6;pointer-events:none}#joystick-zone.dpad-mode .dpad-arrow{display:flex}.dpad-up{clip-path:polygon(0 0,100% 0,50% 50%);justify-content:center;align-items:flex-start;padding-top:15px}.dpad-down{clip-path:polygon(0 100%,100% 100%,50% 50%);justify-content:center;align-items:flex-end;padding-bottom:15px}.dpad-left{clip-path:polygon(0 0,0 100%,50% 50%);justify-content:flex-start;align-items:center;padding-left:15px}.dpad-right{clip-path:polygon(100% 0,100% 100%,50% 50%);justify-content:flex-end;align-items:center;padding-right:15px}.dpad-arrow.active{color:#fff;background:#ffffff26;z-index:10}