*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#87b5e0;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{position:fixed;display:block;width:100%;height:100%;inset:0}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;pointer-events:none;justify-content:space-between;align-items: flex-start;gap:10px}.hud-col{display:flex;flex-direction:column;align-items: flex-start;gap:8px}.hud-col.right{align-items: flex-end}.hud-box{color:#fff;text-shadow:0 1px 2px #00000080;backdrop-filter:blur(4px);background:#0f1914a6;border-radius:10px;padding:8px 14px;font-size:16px;font-weight:600;line-height:1.45}.hud-box .sub{opacity:.85;font-size:13px;font-weight:500}#timer.warning{color:#ff7b6b;animation:pulse .8s ease-in-out infinite}#speed{font-variant-numeric:tabular-nums;text-align:center;min-width:92px}#minimap{background:#0f191480;border:2px solid #ffffff59;border-radius:10px;width:132px;height:132px}.combo{background:#e68214d9;transition:transform .15s;font-weight:800}.combo.hidden{display:none}#banner{position:fixed;color:#fff;pointer-events:none;opacity:1;text-align:center;white-space:nowrap;z-index:5;background:#2e7d32eb;border-radius:14px;padding:14px 28px;transition:opacity .4s;font-size:clamp(18px,4vw,28px);font-weight:800;top:24%;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}#banner.hidden{opacity:0}#popups{position:fixed;pointer-events:none;z-index:6;overflow:hidden;inset:0}.popup{position:absolute;color:#c6ff8e;text-shadow:0 2px 4px #0009;animation:pop-rise 1s ease-out forwards;font-size:22px;font-weight:800;transform:translate(-50%,-50%)}.popup.big{color:#ffd76b;font-size:28px}@keyframes pop-rise{0%{opacity:0;margin-top:0;scale:.6}15%{opacity:1;scale:1.15}30%{scale:1}to{opacity:0;margin-top:-70px}}.overlay{position:fixed;color:#fff;display:flex;text-align:center;z-index:20;background:#0a140fb8;flex-direction:column;justify-content:center;align-items: center;gap:14px;padding:20px;transition:opacity .5s;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.overlay h1{font-size:clamp(26px,6vw,44px)}.overlay p{max-width:520px;font-size:clamp(14px,3.5vw,18px)}.overlay .keys{opacity:.8}.overlay .go{animation:pulse 1.4s ease-in-out infinite;margin-top:18px;font-weight:700}#final-score{font-size:clamp(20px,5vw,30px);font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}#new-map-btn,.menu-item{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2e7d3299;border:2px solid #ffffff80;border-radius:12px;margin-top:10px;padding:10px 22px;font-size:16px;font-weight:700}#new-map-btn:active,.menu-item:active{background:#2e7d32d9;transform:scale(.96)}.menu-buttons{display:flex;flex-direction:column;gap:2px;min-width:240px}.menu-item{background:#1e2d26bf}#menu-resume{background:#2e7d32b3}.hud-row{display:flex;align-items:stretch;gap:8px}#menu-btn{pointer-events:auto;color:#fff;cursor:pointer;backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;background:#0f1914a6;border:none;border-radius:10px;padding:8px 13px;font-size:18px;font-weight:700}#menu-btn:active{background:#ffffff59}#touch-controls{position:fixed;pointer-events:none;display:none;z-index:10;inset:0}body.show-touch #touch-controls{display:block}@media (pointer:coarse){#touch-controls{display:block}}.joystick{pointer-events:auto;position:absolute;bottom:max(28px,env(safe-area-inset-bottom));backdrop-filter:blur(3px);touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;background:#141e1966;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items: center;width:150px;height:150px}#joystick-drive{left:max(28px,env(safe-area-inset-left))}#joystick-look{right:max(28px,env(safe-area-inset-right))}.joystick.small{width:118px;height:118px}.joystick.active{border-color:#ffffffbf}.joystick-knob{pointer-events:none;background:#ffffff8c;border:2px solid #ffffffb3;border-radius:50%;width:64px;height:64px;transition:transform 80ms ease-out;box-shadow:0 3px 10px #00000059}.joystick.small .joystick-knob{width:50px;height:50px}.joystick.active .joystick-knob{background:#fffc;transition:none}.joy-hint{position:absolute;color:#ffffff80;pointer-events:none;font-size:14px}.hint-up{top:6px;left:50%;transform:translate(-50%)}.hint-down{bottom:6px;left:50%;transform:translate(-50%)}.hint-left{top:50%;left:8px;transform:translateY(-50%)}.hint-right{top:50%;right:8px;transform:translateY(-50%)}@media (max-width:560px){.hud-box{padding:6px 10px;font-size:13px}.hud-box .sub{font-size:11px}#minimap{width:96px;height:96px}#speed{min-width:72px}}