:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;height:100dvh;background:#0a0a0a;color:#fafafa;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-container{height:100%;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0a)}.game-canvas{display:block;width:100%;flex:1 1 auto;min-height:0;image-rendering:pixelated;box-shadow:0 0 30px #0064ff26,0 0 60px #00329614}@media(pointer:fine){.game-container{justify-content:center;align-items:center;padding:1.5rem}.game-canvas{max-width:800px;border:2px solid #333;border-radius:10px;flex:0 0 auto;aspect-ratio:800 / 450;height:auto}}.touch-controls{display:none;flex-shrink:0;position:relative;height:130px;padding:0 16px env(safe-area-inset-bottom,8px);z-index:10}.touch-dpad{position:absolute;left:16px;bottom:env(safe-area-inset-bottom,8px);display:flex;flex-direction:column;align-items:center;gap:4px}.touch-dpad-row{display:flex;align-items:center;gap:4px}.touch-dpad-center{width:50px;height:50px;border-radius:50%;background:#ffffff08;border:2px solid rgba(255,255,255,.05);flex-shrink:0}.touch-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffb3;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .08s,transform .04s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex-shrink:0;outline:none;-webkit-appearance:none}.touch-btn:active{background:#ffffff38;transform:scale(.9);border-color:#ffffff59}.touch-actions{position:absolute;right:16px;bottom:env(safe-area-inset-bottom,8px);display:flex;gap:10px;align-items:flex-end}.touch-jump-btn{width:62px;height:62px;font-size:15px;font-weight:700;font-family:inherit;background:#3278ff33;border-color:#3278ff66;color:#78b4ffe6}.touch-jump-btn:active{background:#3278ff73}.touch-spin-btn{width:50px;height:50px;font-size:13px;font-weight:700;font-family:inherit;background:#ff505026;border-color:#ff505059;color:#ff8282e6;margin-bottom:6px}.touch-spin-btn:active{background:#ff505066}.touch-center-group{position:absolute;left:50%;bottom:env(safe-area-inset-bottom,8px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.touch-start-btn{padding:7px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff40;font-size:10px;font-weight:700;font-family:inherit;letter-spacing:2px;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.touch-start-btn:active{background:#ffffff1f;color:#fff9;border-color:#fff3}.touch-sound-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff59}.touch-sound-btn:active{background:#ffffff1a;color:#ffffffb3}@media(pointer:coarse),(max-width:900px){.touch-controls{display:block}}.ca-banner{position:fixed;bottom:8px;left:50%;transform:translate(-50%);background:#000000a6;color:#ffd700d9;font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Consolas,monospace;letter-spacing:.5px;padding:5px 14px;border-radius:6px;border:1px solid rgba(255,215,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20;pointer-events:none;white-space:nowrap}@media(max-width:480px){.touch-btn{width:44px;height:44px;font-size:15px}.touch-jump-btn{width:54px;height:54px}.touch-spin-btn{width:44px;height:44px}.touch-dpad{left:10px}.touch-actions{right:10px}.touch-controls{height:115px}}