:root{--bg-void: #06080d;--bg-panel: #0a0d14;--accent: #ffb257;--accent-glow: rgba(255, 178, 87, .45);--accent-dim: rgba(255, 178, 87, .16);--accent2: #35e0e6;--accent2-glow: rgba(53, 224, 230, .5);--accent2-dim: rgba(53, 224, 230, .14);--danger: #ff4d4d;--danger-glow: rgba(255, 77, 77, .55);--text: #f2f5fa;--text-dim: rgba(242, 245, 250, .62);--text-faint: rgba(242, 245, 250, .36);--font-display: "Rajdhani", "Arial Narrow", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--panel-bg: rgba(10, 13, 20, .62);--panel-border: 1px solid rgba(255, 178, 87, .35);--panel-clip: polygon(14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px);--panel-clip-sm: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .15s;--t-med: .35s;--t-slow: .7s;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-void);overflow:hidden;font-family:var(--font-body);color:var(--text)}#app{position:fixed;inset:0;width:100%;height:100%}#shake-rig{position:absolute;inset:0;width:100%;height:100%}#shake-rig.shaking{animation:crash-shake .32s var(--ease-out)}@keyframes crash-shake{0%{transform:translate(0)}15%{transform:translate(-10px,4px) rotate(-.4deg)}30%{transform:translate(8px,-6px) rotate(.3deg)}45%{transform:translate(-6px,5px) rotate(-.2deg)}60%{transform:translate(6px,-3px) rotate(.2deg)}75%{transform:translate(-3px,2px)}to{transform:translate(0)}}#scene-container{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#scene-container canvas{display:block;width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,#0000 45%,#06080e47 78%,#04050999)}#danger-vignette{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,#ff4d4d00 55%,rgba(255,77,77,var(--danger-opacity, 0)));animation:danger-pulse var(--danger-speed, 1.2s) ease-in-out infinite}#danger-vignette[hidden]{display:none}@keyframes danger-pulse{0%,to{opacity:.55}50%{opacity:1}}#crash-flash{position:absolute;inset:0;pointer-events:none;z-index:8;background:var(--danger);opacity:0}#crash-flash.flashing{animation:crash-flash-anim .42s var(--ease-out)}#crash-flash[hidden]{display:none}@keyframes crash-flash-anim{0%{opacity:.85}to{opacity:0}}#redring-flash{position:absolute;inset:0;pointer-events:none;z-index:8;background:var(--danger);opacity:0}#redring-flash.flashing{animation:redring-flash-anim .26s var(--ease-out)}#redring-flash[hidden]{display:none}@keyframes redring-flash-anim{0%{opacity:.4}to{opacity:0}}#special-flash{position:absolute;inset:0;pointer-events:none;z-index:8;background:var(--accent2);opacity:0}#special-flash.flashing{animation:special-flash-anim .34s var(--ease-out)}#special-flash[hidden]{display:none}@keyframes special-flash-anim{0%{opacity:.5}to{opacity:0}}#shield-flash{position:absolute;inset:0;pointer-events:none;z-index:8;background:var(--accent2);opacity:0}#shield-flash.flashing{animation:shield-flash-anim .3s var(--ease-out)}#shield-flash[hidden]{display:none}@keyframes shield-flash-anim{0%{opacity:.3}to{opacity:0}}.signature{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:3;margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);pointer-events:none}.version-tag{color:var(--text-faint);opacity:.7}.icon-btn{appearance:none;border:1px solid rgba(255,178,87,.3);background:var(--panel-bg);color:var(--accent);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) ease}.icon-btn .icon{width:18px;height:18px}.icon-btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim),0 0 18px var(--accent-glow)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}[data-muted=true] .icon-sound,[data-muted=false] .icon-muted{display:none}.sound-controls{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:9}#sound-toggle[data-muted=true]{color:var(--text-dim);border-color:#ffffff24}.sound-popover{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;gap:8px;width:max-content;padding:6px 14px 6px 6px;background:var(--panel-bg);border:var(--panel-border);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px #0006;transform-origin:right center;transition:opacity var(--t-fast) ease,transform var(--t-fast) ease}.sound-popover[hidden]{display:none}.sound-popover.closing,.sound-popover.opening{opacity:0;transform:translateY(-50%) scale(.92) translate(6px)}.popover-mute-btn{appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,178,87,.25);background:#ffffff08;color:var(--accent);cursor:pointer;transition:box-shadow var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease}.popover-mute-btn[data-muted=true]{color:var(--text-dim);border-color:#ffffff24}.popover-mute-btn .icon{width:14px;height:14px;flex-shrink:0}.popover-mute-btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim),0 0 14px var(--accent-glow)}.popover-mute-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.volume-row{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.volume-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.volume-slider{width:90px;appearance:none;-webkit-appearance:none;height:3px;border-radius:2px;background:#ffffff24;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:transparent}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);border:none;transition:box-shadow var(--t-fast) ease,transform var(--t-fast) ease}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--accent-glow);transform:scale(1.1)}.volume-slider::-moz-range-track{height:3px;border-radius:2px;background:#ffffff24}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);border:none;transition:box-shadow var(--t-fast) ease,transform var(--t-fast) ease}.volume-slider::-moz-range-thumb:hover{box-shadow:0 0 14px var(--accent-glow);transform:scale(1.1)}.volume-slider:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.volume-value{font-family:var(--font-mono);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent);min-width:2.8em;text-align:right}.mute-toggle{position:relative;z-index:1}.instrument-panel{position:relative;background:var(--panel-bg);border:var(--panel-border);clip-path:var(--panel-clip);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px #0006,inset 0 0 24px #ffb2570d}.instrument-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.hud{position:absolute;inset:0;z-index:3;pointer-events:none}.hud[hidden]{display:none}.hud-cluster{position:absolute;top:max(20px,env(safe-area-inset-top));padding:12px 16px;display:flex;gap:22px;opacity:1}.hud.entering .hud-cluster{animation:hud-slide-in var(--t-med) var(--ease-out)}#hud-telemetry{left:max(20px,env(safe-area-inset-left))}#hud-objectives{right:max(72px,calc(env(safe-area-inset-right) + 60px));animation-delay:90ms}@keyframes hud-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gauge{display:flex;flex-direction:column;gap:4px;min-width:84px}.gauge-head{display:flex;justify-content:space-between;align-items:baseline}.gauge-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.gauge-unit{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.gauge-value{font-family:var(--font-mono);font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent2);text-shadow:0 0 16px var(--accent2-glow);line-height:1}.gauge-bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.gauge-fill{height:100%;width:100%;transform:scaleX(var(--fill, 0));transform-origin:left;background:var(--accent2);box-shadow:0 0 8px var(--accent2-glow);transition:transform .12s linear}.stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:60px}.stat-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.stat-value{font-family:var(--font-mono);font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 14px var(--accent-glow);line-height:1}#stat-score.pop .stat-value{animation:score-pop var(--t-fast) var(--ease-out)}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.35);text-shadow:0 0 26px var(--accent-glow)}to{transform:scale(1)}}#stat-score.miss .stat-value{animation:miss-flash .42s var(--ease-out)}@keyframes miss-flash{0%{color:var(--accent);text-shadow:0 0 14px var(--accent-glow);transform:scale(1)}35%{color:var(--danger);text-shadow:0 0 22px var(--danger-glow);transform:scale(.88)}to{color:var(--accent);text-shadow:0 0 14px var(--accent-glow);transform:scale(1)}}.ring-pop{position:absolute;z-index:6;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent);text-shadow:0 0 18px var(--accent-glow);pointer-events:none;transform:translate(-50%,-50%);animation:ring-pop-rise .7s var(--ease-out) forwards}@keyframes ring-pop-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-90px) scale(1)}}.combo-badge{position:absolute;z-index:3;display:flex;flex-direction:column;gap:1px;pointer-events:none;opacity:0;transition:opacity .2s ease}.combo-badge.visible{opacity:1}.combo-badge[data-placement=score]{top:calc(max(20px,env(safe-area-inset-top)) + 78px);right:max(72px,calc(env(safe-area-inset-right) + 60px));align-items:flex-end}.combo-badge[data-placement=reticle]{left:50%;top:calc(50% + 64px);transform:translate(-50%);align-items:center}.combo-mult{font-family:var(--font-mono);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.combo-streak{font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--text-dim)}.combo-badge[data-tier="1"] .combo-mult{color:#ffcf7a;text-shadow:0 0 16px var(--accent-glow)}.combo-badge[data-tier="2"] .combo-mult{color:#ffb257;text-shadow:0 0 20px var(--accent-glow),0 0 8px var(--accent2-glow);animation:combo-pulse 1.4s ease-in-out infinite}.combo-badge[data-tier="3"] .combo-mult{color:#ff9d4d;text-shadow:0 0 26px var(--accent-glow),0 0 10px var(--accent2-glow);animation:combo-pulse 1.1s ease-in-out infinite}.combo-badge[data-tier="4"] .combo-mult{color:#ff8a3d;text-shadow:0 0 32px var(--accent-glow),0 0 14px var(--accent2-glow);animation:combo-pulse .85s ease-in-out infinite}@keyframes combo-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.combo-badge.pop .combo-mult{animation:combo-pop var(--t-fast) var(--ease-out)}@keyframes combo-pop{0%{transform:scale(1)}45%{transform:scale(1.4)}to{transform:scale(1)}}.combo-badge.break{animation:combo-break .48s ease-out}@keyframes combo-break{0%{transform:scale(1);filter:saturate(1) brightness(1)}25%{transform:scale(1.15) rotate(-2deg);filter:saturate(.3) brightness(1.6)}60%{transform:scale(.85) rotate(1deg);filter:saturate(0) brightness(.8);opacity:.5}to{transform:scale(1) rotate(0);filter:saturate(1) brightness(1);opacity:1}}.combo-shield{display:none;position:relative;width:19px;height:19px;color:#eafffe;filter:drop-shadow(0 0 8px var(--accent2-glow))}.shield-icon{width:100%;height:100%;display:block}.shield-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:2px;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1}.combo-shield.active{display:block;animation:shield-idle-pulse 1.6s ease-in-out infinite}@keyframes shield-idle-pulse{0%,to{opacity:.7}50%{opacity:1}}.combo-shield.saved{display:block;animation:shield-saved-pop .48s ease-out forwards}@keyframes shield-saved-pop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.5);opacity:1;text-shadow:0 0 18px var(--accent2-glow)}to{transform:scale(1);opacity:0}}.milestone-toast{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.milestone-toast span{display:inline-block;opacity:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3.4vw,2rem);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 22px var(--accent-glow)}.milestone-toast.show span{animation:milestone-toast-pop 1.4s var(--ease-out)}@keyframes milestone-toast-pop{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.15)}25%{transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1) translateY(-16px)}}.milestone-toast.new-best span{color:var(--accent2);text-shadow:0 0 28px var(--accent2-glow),0 0 14px var(--accent-glow)}.milestone-toast.hazard span{color:var(--danger);text-shadow:0 0 24px var(--danger-glow)}.danger-warning{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.14em;text-transform:uppercase;color:var(--danger);text-shadow:0 0 24px var(--danger-glow);opacity:var(--danger-opacity, 0);animation:danger-text-pulse var(--danger-speed, 1.2s) ease-in-out infinite}.danger-warning[hidden]{display:none}.boost-btn{display:none;position:absolute;left:max(24px,calc(env(safe-area-inset-left) + 12px));bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px));width:72px;height:72px;border-radius:50%;appearance:none;border:1px solid rgba(255,178,87,.3);background:var(--panel-bg);color:var(--accent);align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:none;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) ease,background var(--t-fast) ease}.boost-btn .icon{width:32px;height:32px}.boost-btn.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-dim),0 0 28px var(--accent-glow);transform:scale(.92)}@media(pointer:coarse){.boost-btn{display:flex}}@keyframes danger-text-pulse{0%,to{opacity:calc(var(--danger-opacity, 0) * .7)}50%{opacity:var(--danger-opacity, 0)}}.reticle{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:3;pointer-events:none;transition:transform var(--t-fast) ease}.reticle[hidden]{display:none}.reticle .corner{position:absolute;width:10px;height:10px;border:2px solid rgba(242,245,250,.55);transition:border-color var(--t-fast) ease,filter var(--t-fast) ease}.reticle .tl{top:0;left:0;border-right:none;border-bottom:none}.reticle .tr{top:0;right:0;border-left:none;border-bottom:none}.reticle .bl{bottom:0;left:0;border-right:none;border-top:none}.reticle .br{bottom:0;right:0;border-left:none;border-top:none}.reticle.locked{transform:scale(1.15);animation:reticle-lock var(--t-fast) var(--ease-out)}.reticle.locked .corner{border-color:var(--accent2);filter:drop-shadow(0 0 6px var(--accent2-glow))}.reticle.hazard .corner{border-color:var(--danger)}.reticle.hazard.locked .corner{border-color:var(--danger);filter:drop-shadow(0 0 6px var(--danger-glow))}.reticle.hazard:after{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--danger);text-shadow:0 0 6px var(--danger-glow)}.reticle.special .corner{border-color:#eafffe;filter:drop-shadow(0 0 8px var(--accent2-glow));animation:reticle-special-pulse .9s ease-in-out infinite}.reticle.special.locked .corner{border-color:#eafffe;filter:drop-shadow(0 0 10px var(--accent2-glow))}.reticle.special:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#eafffe;text-shadow:0 0 8px var(--accent2-glow);animation:reticle-special-pulse .9s ease-in-out infinite}@keyframes reticle-special-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes reticle-lock{0%{transform:scale(1.4)}to{transform:scale(1.15)}}.ring-indicator{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.ring-indicator[hidden]{display:none}.ring-indicator .chevron{position:relative;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:14px solid var(--accent2);filter:drop-shadow(0 0 8px var(--accent2-glow));transform:rotate(var(--chevron-rot, 0deg))}.ring-indicator .chevron:after{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}.ring-indicator.hazard .chevron{border-bottom-color:var(--danger);filter:drop-shadow(0 0 8px var(--danger-glow))}.ring-indicator.hazard .chevron:after{border-bottom-color:var(--danger);filter:drop-shadow(0 0 6px var(--danger-glow))}.ring-indicator .ring-distance{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:#06080d80;padding:1px 5px;border-radius:3px}.ring-indicator.hazard .ring-distance{color:var(--danger)}.ring-indicator.hazard .ring-distance:before{content:"! ";font-weight:700}.ring-indicator.special .chevron{border-bottom-color:#eafffe;filter:drop-shadow(0 0 10px var(--accent2-glow));animation:indicator-special-pulse .9s ease-in-out infinite}.ring-indicator.special .chevron:after{border-bottom-color:#eafffe;filter:drop-shadow(0 0 8px var(--accent2-glow))}.ring-indicator.special .ring-distance{color:#eafffe}.ring-indicator.special .ring-distance:before{content:"✦";font-weight:700}@keyframes indicator-special-pulse{0%,to{filter:drop-shadow(0 0 6px var(--accent2-glow))}50%{filter:drop-shadow(0 0 14px var(--accent2-glow))}}.screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#06080d40,#06080da6);transition:opacity var(--t-med) var(--ease-out)}.screen[hidden]{display:none}.screen.leaving,.screen.crash-entering{opacity:0}.screen-intro{justify-content:center;align-items:flex-start;text-align:left;background:linear-gradient(100deg,#06080dd1,#06080d99 32%,#06080d14 58%,#06080d00 72%)}.intro-content{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:0 24px 0 max(56px,calc(env(safe-area-inset-left) + 40px));max-width:560px}.eyebrow{margin:0;font-family:var(--font-mono);font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent2);text-shadow:0 0 12px var(--accent2-glow);opacity:0;animation:fade-up var(--t-med) var(--ease-out) 80ms forwards}.display-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,13vw,8rem);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 60px var(--accent-glow);opacity:0;transform:scale(.92);letter-spacing:.4em;animation:title-enter var(--t-slow) var(--ease-out) .16s forwards}@keyframes title-enter{0%{opacity:0;transform:scale(.92);letter-spacing:.4em}to{opacity:1;transform:scale(1);letter-spacing:.02em}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tagline{margin:0;max-width:480px;color:var(--text-dim);font-size:17px;line-height:1.6;opacity:0;animation:fade-up var(--t-med) var(--ease-out) .42s forwards}.screen-intro .btn-primary{opacity:0;animation:fade-up var(--t-med) var(--ease-out) .54s forwards}.best-stats{display:flex;align-items:stretch;justify-content:flex-start;margin:6px 0 0;opacity:0;animation:fade-up var(--t-med) var(--ease-out) .64s forwards}.best-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 20px}.best-stat:first-child{padding-left:0}.best-stat[hidden]{display:none}.best-stats>.best-stat:not([hidden])~.best-stat:not([hidden]){border-left:1px solid rgba(255,178,87,.25)}.best-stat-value{font-family:var(--font-mono);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 14px var(--accent-glow);white-space:nowrap}.best-stat-label{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}#best-score-value,#crash-best-combo-value,#crash-best-distance-value{color:var(--accent);font-weight:600}.controls-footer{position:absolute;left:max(56px,calc(env(safe-area-inset-left) + 40px));bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px));flex-direction:column;align-items:flex-start;gap:12px;text-align:left}.controls-footer-keyboard{display:flex}.controls-footer-touch{display:none}@media(pointer:coarse){.controls-footer-keyboard{display:none}.controls-footer-touch{display:flex}}.keycaps{display:flex;align-items:center;gap:6px;opacity:0;animation:fade-up var(--t-med) var(--ease-out) .72s forwards}.keycaps kbd{font-family:var(--font-mono);font-size:13px;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;border-radius:5px;padding:6px 10px;min-width:15px;text-align:center;white-space:nowrap;flex-shrink:0}.keycaps .key-wide{min-width:50px}.keycaps-sep{color:var(--text-faint);font-size:12px;margin:0 2px}.hint{margin:0;font-size:13px;color:var(--text-faint);opacity:0;animation:fade-up var(--t-med) var(--ease-out) .8s forwards}.btn{appearance:none;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:.08em;text-transform:uppercase;padding:15px 42px;border-radius:4px;cursor:pointer;clip-path:var(--panel-clip-sm);transition:background-color var(--t-fast) ease,box-shadow var(--t-fast) ease,transform var(--t-fast) ease,border-color var(--t-fast) ease}.btn-primary{border:1px solid rgba(255,178,87,.55);background:var(--accent-dim);color:var(--accent)}.btn-primary:hover{background:#ffb25742;box-shadow:0 0 0 1px var(--accent-dim),0 10px 30px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97) translateY(0)}.btn-secondary{border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--text-dim);font-size:14px;padding:12px 30px}.btn-secondary:hover{border-color:#ffffff57;color:var(--text);transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97) translateY(0)}.btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.crash-content{padding:40px 48px;max-width:460px;text-align:center;animation:panel-enter var(--t-med) var(--ease-out) both}@keyframes panel-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}}.crash-content h1{margin:0 0 26px;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7vw,3.8rem);letter-spacing:.06em;text-transform:uppercase;color:var(--danger);text-shadow:0 0 50px var(--danger-glow)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:20px}.result{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.result-value{font-family:var(--font-mono);font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}#hud-distance,#crash-distance,#best-distance-value,#crash-best-distance-value{word-spacing:-.3em}.result-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.crash-achievements{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:wrap}.crash-achievements:has(.achievement:not([hidden])){margin:4px 0 26px}.achievement{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 14px;border-radius:3px;border:1px solid rgba(255,178,87,.3);background:#ffb25714;opacity:0;animation:achievement-enter var(--t-med) var(--ease-out) .2s forwards}.achievement[hidden]{display:none}.achievement-tag{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 16px var(--accent-glow);animation:new-best-glow 1.6s ease-in-out infinite .5s}.achievement-label{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.achievement-value{font-family:var(--font-mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}@keyframes achievement-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes new-best-glow{0%,to{text-shadow:0 0 14px var(--accent-glow)}50%{text-shadow:0 0 26px var(--accent-glow)}}.crash-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.pause-content{padding:40px 48px;max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;animation:panel-enter var(--t-med) var(--ease-out) both}.pause-content h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,6vw,3rem);letter-spacing:.16em;text-transform:uppercase;color:var(--text);text-shadow:0 0 40px var(--accent-glow)}.pause-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.pause-content .hint{margin:0;opacity:1;animation:none}.pause-content .hint kbd{font-family:var(--font-mono);font-size:12px;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;border-radius:5px;padding:2px 7px}@media(prefers-reduced-motion:reduce){#shake-rig.shaking{animation:none}.sound-popover{transition:none}#crash-flash.flashing,#redring-flash.flashing,#special-flash.flashing,#shield-flash.flashing{animation:none;opacity:0}.eyebrow,.display-title,.tagline,.screen-intro .btn-primary,.keycaps,.hint,.best-stats,.hud-cluster,.crash-content,.pause-content{animation:none!important;opacity:1!important;transform:none!important;letter-spacing:.02em}#stat-score.pop .stat-value,#stat-score.miss .stat-value,.reticle.locked,.achievement-tag,#danger-vignette,.danger-warning,.combo-badge.pop .combo-mult,.combo-badge.break{animation:none}.combo-mult{animation:none!important}.achievement{opacity:1;animation:none}.milestone-toast.show span{animation:none;opacity:1}.ring-pop{animation:none;opacity:0}.reticle.special .corner,.reticle.special:after,.ring-indicator.special .chevron{animation:none}.combo-shield.active,.combo-shield.saved{animation:none}}@media(max-width:640px){.hud-cluster{gap:12px;padding:8px 10px}.gauge{min-width:62px}.gauge-value{font-size:19px}.stat-value{font-size:17px}.stat{min-width:46px}#hud-objectives{top:auto;bottom:max(34px,calc(env(safe-area-inset-bottom) + 30px));right:max(20px,env(safe-area-inset-right))}.combo-badge[data-placement=score]{top:auto;bottom:calc(max(34px,calc(env(safe-area-inset-bottom) + 30px)) + 68px);right:max(20px,env(safe-area-inset-right))}.crash-content,.pause-content{padding:30px 24px}.results-grid{gap:18px}.crash-achievements{gap:8px}.signature{right:14px;bottom:12px}.screen-intro{justify-content:flex-start;align-items:center;padding-top:min(14vh,120px);text-align:center;background:linear-gradient(180deg,#06080d40,#06080da6)}.intro-content{align-items:center;padding:0 24px;max-width:none}.display-title{font-size:clamp(3rem,15vw,5rem)}.best-stats{justify-content:center}.best-stat{align-items:center}.best-stat:first-child{padding-left:20px}.controls-footer{left:50%;transform:translate(-50%);align-items:center;text-align:center}}
