:root{color-scheme:dark;--bg: #0a0a0a;--fg: #f4f4f4;--accent: #ff6b35;--muted: #8a8a8a;--border: #222}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font:16px/1.4 -apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh;width:100dvw;position:relative}#url-form{position:fixed;inset:max(env(safe-area-inset-top,0px),12px) 12px auto 12px;display:flex;gap:8px;z-index:10;padding:10px;background:#0a0a0ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px}#url-input{flex:1;min-width:0;background:transparent;border:0;color:var(--fg);font-size:16px;padding:8px 4px;outline:none}#url-input::placeholder{color:var(--muted)}#url-form button[type=submit]{background:var(--accent);color:#0a0a0a;border:0;font-weight:600;font-size:15px;padding:0 18px;border-radius:10px;cursor:pointer;touch-action:manipulation}#url-form button[type=submit]:active{transform:scale(.97)}#mode-select{background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:0 28px 0 10px;font-size:14px;font-weight:500;height:36px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(-45deg,transparent 50%,var(--muted) 50%);background-position:calc(100% - 12px) 14px,calc(100% - 7px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}#mode-select:focus{outline:none;border-color:var(--accent)}.hud{position:absolute;top:76px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none;z-index:5;padding:0 16px}.hud-stats{background:#0a0a0ac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:14px;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-label{color:var(--muted);margin-right:4px}.hud-sep{color:var(--muted);margin:0 10px}.hud-score,.hud-lives{color:var(--fg);font-weight:600}.hud-msg{display:none;padding:10px 20px;border-radius:14px;background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--fg);font-size:15px;font-weight:600;border:1px solid var(--border);animation:pop .2s ease-out}.hud-msg.win{border-color:#3ddc84;color:#3ddc84}.hud-msg.lose{border-color:#f55;color:#f55}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}#stage{position:absolute;inset:0}#stage canvas{display:block}.stage-msg{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:var(--muted);padding:24px;font-size:14px}.stage-msg code{color:var(--fg)}.stage-msg .err{color:var(--fg);font-size:15px}.stage-msg .small{font-size:12px;max-width:420px}.spin{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#controls{position:fixed;right:12px;bottom:max(env(safe-area-inset-bottom,0px),12px);display:flex;gap:8px;z-index:10}#controls.hidden{display:none}#controls button{min-width:72px;height:44px;padding:0 16px;font-size:15px;font-weight:600;color:var(--fg);background:#141414e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:22px;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,background .15s ease}#controls button:active{transform:scale(.96)}#controls button.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}@media(max-width:640px){#url-form{padding:8px;border-radius:12px}#url-input{font-size:16px}#controls button{min-width:64px;height:42px;padding:0 14px;font-size:14px}}