*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow:hidden}:root{color-scheme:dark;--bg: #0a0a0a;--text: #ffffff;--text-muted: #888888;--text-secondary: #cccccc;--accent: #00f0f0;--accent-glow: rgba(0, 212, 255, .8);--accent-glow-soft: rgba(0, 212, 255, .4);--overlay-bg: rgba(0, 0, 0, .85);--border: #333333;--control-bg: rgba(255, 255, 255, .12);--control-border: rgba(255, 255, 255, .25);--control-active: rgba(255, 255, 255, .28)}[data-theme=light]{color-scheme:light;--bg: #f0f0f0;--text: #1a1a1a;--text-muted: #666666;--text-secondary: #555555;--accent: #0066cc;--accent-glow: rgba(0, 102, 204, .8);--accent-glow-soft: rgba(0, 102, 204, .4);--overlay-bg: rgba(255, 255, 255, .85);--border: #cccccc;--control-bg: rgba(0, 0, 0, .08);--control-border: rgba(0, 0, 0, .2);--control-active: rgba(0, 0, 0, .15)}[data-theme=light] .leaderboard-table td{border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .leaderboard-table tbody tr:nth-child(2n) td{background:#0000000a}[data-theme=light] .leaderboard-table tbody tr:hover td{background:#00000014}[data-theme=light] .lb-highlight td{background:#0066cc1a!important}[data-theme=light] .name-input{background:#fffc}body{background-color:var(--bg);display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;overflow:hidden}#app{position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;width:100%;height:100vh;height:100svh;overflow:hidden}#game-canvas{display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.overlay.visible{opacity:1;pointer-events:auto}.overlay-screen{align-items:center;justify-content:center;width:100%;height:100%}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;color:var(--text);font-family:Courier New,Courier,monospace}.game-title{font-size:72px;font-weight:900;letter-spacing:12px;color:var(--accent);text-shadow:0 0 30px var(--accent-glow),0 0 60px var(--accent-glow-soft)}.pause-title{font-size:48px;font-weight:900;letter-spacing:8px;color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.6)}.gameover-title{font-size:48px;font-weight:900;letter-spacing:8px;color:#f44;text-shadow:0 0 20px rgba(255,68,68,.6);animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.prompt{font-size:18px;color:var(--text-secondary);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.controls-legend{display:grid;grid-template-columns:auto auto;gap:6px 24px;font-size:13px;color:var(--text-muted)}.controls-legend div{display:contents}.controls-legend span:first-child{text-align:right;color:var(--text-secondary);font-weight:700}.controls-legend span:last-child{text-align:left}.stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;gap:24px;justify-content:space-between}.stat-label{color:var(--text-muted);font-size:13px;letter-spacing:2px}.stat-value{color:var(--text);font-weight:700;font-size:18px}.theme-toggle{position:fixed;top:12px;right:12px;z-index:30;width:36px;height:36px;border:1px solid var(--control-border);border-radius:50%;background:var(--control-bg);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease;backdrop-filter:blur(4px)}.theme-toggle:hover{background:var(--control-active)}.touch-controls{display:none;position:fixed;bottom:0;left:0;right:0;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:8px;flex-direction:column;align-items:center;z-index:20;background:var(--overlay-bg)}.touch-controls.visible{display:flex}.touch-row{display:flex;gap:8px;justify-content:center}.touch-btn{min-width:56px;min-height:56px;padding:0 12px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--text);font-size:20px;font-family:Courier New,Courier,monospace;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;transition:background 80ms ease}.touch-btn:active{background:var(--control-active)}@media(prefers-reduced-motion:no-preference){body{transition:background-color .3s ease}.overlay,.overlay-content,.touch-btn,.touch-controls{transition:background-color .3s ease,color .3s ease,border-color .3s ease,opacity .2s ease}}@media(prefers-reduced-motion:reduce){.prompt,.gameover-title{animation:none}.overlay{transition:none}}.high-score-display{font-size:15px;color:var(--accent);letter-spacing:2px}.leaderboard-open-btn{padding:8px 24px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:3px;cursor:pointer;transition:background .15s ease,color .15s ease}.leaderboard-open-btn:hover{background:var(--accent);color:#000}.leaderboard-content{max-width:520px;width:100%;padding:0 16px;overflow-y:auto;max-height:100vh;max-height:100svh}.leaderboard-title{font-size:36px;font-weight:900;letter-spacing:8px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.leaderboard-empty{font-size:15px;color:var(--text-muted)}.leaderboard-table{width:100%;border-collapse:collapse;font-family:Courier New,Courier,monospace;font-size:13px}.leaderboard-table th{padding:6px 8px;border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:2px;font-size:11px;text-align:left}.leaderboard-table td{padding:8px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-table tbody tr:nth-child(2n) td{background:#ffffff08}.leaderboard-table tbody tr:hover td{background:#ffffff12}.rank-gold td{color:gold}.rank-silver td{color:silver}.rank-bronze td{color:#cd7f32}.lb-highlight td{background:#00f0f01f!important;outline:1px solid var(--accent);outline-offset:-1px}.leaderboard-btn-row{display:flex;gap:12px;justify-content:center;margin-top:8px}.lb-btn{padding:8px 20px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:2px;cursor:pointer;transition:background .15s ease}.lb-btn:hover{background:var(--control-bg)}.lb-btn-clear{border-color:#f44;color:#f44}.lb-btn-clear:hover{background:#ff444426}.name-input-section{display:flex;flex-direction:column;align-items:center;gap:10px}.name-input-label{font-size:16px;font-weight:700;color:gold;letter-spacing:3px;animation:pulse 1.2s ease-in-out infinite}.name-input{padding:8px 14px;border:1px solid var(--accent);border-radius:4px;background:#0006;color:var(--text);font-family:Courier New,Courier,monospace;font-size:16px;text-align:center;width:200px;outline:none;box-shadow:0 0 10px var(--accent-glow-soft)}.name-input:focus{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.name-input-hint{font-size:12px;color:var(--text-muted);letter-spacing:1px}.view-leaderboard-btn{padding:8px 20px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:2px;cursor:pointer;transition:background .15s ease}.view-leaderboard-btn:hover{background:var(--control-bg)}@media(max-width:767px){.game-title{font-size:36px;letter-spacing:6px}.pause-title,.gameover-title{font-size:28px;letter-spacing:4px}.prompt{font-size:14px}.controls-legend{font-size:11px;gap:4px 12px}.overlay-content{gap:16px;padding:0 16px}.touch-btn{min-width:48px;min-height:48px;font-size:18px}.leaderboard-title{font-size:24px;letter-spacing:4px}.leaderboard-table{font-size:11px}.leaderboard-table th,.leaderboard-table td{padding:5px 4px}.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6){display:none}.name-input{width:160px;font-size:14px}}@media(min-width:768px)and (max-width:1024px){.game-title{font-size:56px}.overlay-content{gap:20px}.leaderboard-title{font-size:28px;letter-spacing:6px}.leaderboard-table{font-size:12px}}.start-btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.settings-open-btn{padding:8px 24px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:3px;cursor:pointer;transition:background .15s ease,color .15s ease}.settings-open-btn:hover{background:var(--control-bg)}.settings-content{max-width:480px;width:100%;padding:0 16px 24px;overflow-y:auto;max-height:100vh;max-height:100svh;align-items:stretch}.settings-title{font-size:32px;font-weight:900;letter-spacing:8px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);text-align:center}.settings-section{display:flex;flex-direction:column;gap:12px;width:100%}.settings-section-label{font-size:11px;letter-spacing:3px;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.settings-label{font-size:13px;color:var(--text);letter-spacing:1px;min-width:90px;flex-shrink:0}.slider-wrap{display:flex;align-items:center;gap:10px;flex:1}.settings-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;touch-action:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px var(--accent-glow-soft);transition:box-shadow .1s ease}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:var(--accent);cursor:pointer;box-shadow:0 0 6px var(--accent-glow-soft)}.settings-slider:focus::-webkit-slider-thumb{box-shadow:0 0 10px var(--accent-glow)}.slider-value{font-size:13px;color:var(--accent);min-width:44px;text-align:right;font-family:Courier New,Courier,monospace}.theme-btn-group{display:flex;gap:6px}.theme-choice-btn{padding:5px 12px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);font-family:Courier New,Courier,monospace;font-size:12px;letter-spacing:1px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.theme-choice-btn.active{border-color:var(--accent);color:var(--accent);background:#00f0f014}[data-theme=light] .theme-choice-btn.active{background:#0066cc14}.toggle-btn{padding:5px 14px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);font-family:Courier New,Courier,monospace;font-size:12px;letter-spacing:2px;cursor:pointer;min-width:52px;transition:background .12s ease,color .12s ease,border-color .12s ease}.toggle-btn.active{border-color:var(--accent);color:var(--accent);background:#00f0f014}[data-theme=light] .toggle-btn.active{background:#0066cc14}.settings-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:8px}.settings-btn{padding:8px 20px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:2px;cursor:pointer;transition:background .15s ease}.settings-btn:hover{background:var(--control-bg)}.settings-btn-reset{border-color:var(--text-muted);color:var(--text-muted)}.settings-btn-reset:hover{background:var(--control-bg);color:var(--text)}#orientation-warning{display:none}@media(max-width:767px)and (orientation:landscape){#orientation-warning{display:flex;position:fixed;inset:0;z-index:100;background:var(--bg);align-items:center;justify-content:center;color:var(--text);font-family:Courier New,Courier,monospace;font-size:18px;text-align:center;padding:24px}#app{display:none}}#app:has(.touch-controls.visible){padding-bottom:140px}