:root{--neon:#28ffff;--neon-dim:#0aa}*{box-sizing:border-box}#fatal{z-index:100;backdrop-filter:blur(6px);background:#00060ceb;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#fatal .fatal-box{text-align:center;max-width:30em;color:var(--neon);letter-spacing:.03em;flex-direction:column;align-items:center;gap:18px;font-size:15px;line-height:1.6;display:flex}#fatal .btn{color:var(--neon)}#intro{z-index:90;opacity:1;pointer-events:none;user-select:none;background:#00030a;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity 1s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}#intro.hide{opacity:0}#intro .pulse{background:var(--neon);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite intropulse;box-shadow:0 0 16px 2px #28ffff99}#intro .label{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#78ebffb3;text-shadow:0 0 10px #28ffff66;font-size:11px}@keyframes intropulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){#intro .pulse{animation:none}#intro{transition-duration:.5s}}#rotate-hint{z-index:96;pointer-events:auto;user-select:none;background:#00030a;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#rotate-hint.show{display:flex}#rotate-hint .rh-inner{color:var(--neon);text-shadow:0 0 12px #28ffff80;flex-direction:column;align-items:center;gap:20px;display:flex}#rotate-hint .rh-icon{font-size:56px;line-height:1;animation:2.2s ease-in-out infinite rh-rock}#rotate-hint .rh-text{letter-spacing:.22em;text-transform:uppercase;color:#78ebffd9;font-size:13px}@keyframes rh-rock{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){#rotate-hint .rh-icon{animation:none}}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;background:#000;height:100%;margin:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;overflow:hidden}#app{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#hud{z-index:10;letter-spacing:.04em;color:var(--neon);text-shadow:0 0 8px #28ffff99;pointer-events:none;user-select:none;font-size:12px;position:fixed;top:12px;left:14px}#controls{z-index:10;pointer-events:none;flex-direction:column;align-items:center;max-width:96vw;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#track-status{color:var(--neon-dim);text-shadow:0 0 8px #0aa6;user-select:none;text-align:center;font-size:12px}.btn{font:inherit;color:var(--neon);cursor:pointer;backdrop-filter:blur(4px);background:#00141c8c;border:1px solid #28ffff66;border-radius:8px;padding:8px 12px;font-size:12px;transition:background .15s,box-shadow .15s}.btn:hover:not(:disabled){background:#002834b3;box-shadow:0 0 14px #28ffff59}.btn:disabled{opacity:.6;cursor:default}#webcam{z-index:10;opacity:0;pointer-events:none;border:1px solid #28ffff66;border-radius:8px;width:180px;max-width:32vw;transition:opacity .3s;position:fixed;bottom:14px;right:14px;transform:scaleX(-1);box-shadow:0 0 16px #28ffff40}#webcam.active{opacity:1}@media (width<=700px),(pointer:coarse){#hud{top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));font-size:11px}#controls{bottom:calc(10px + env(safe-area-inset-bottom));max-width:98vw}#track-status{font-size:11px}#webcam.active{top:calc(8px + env(safe-area-inset-top));bottom:auto;right:calc(8px + env(safe-area-inset-right));opacity:.02;width:48px;max-width:48px;height:36px;box-shadow:none;border:0}.btn{white-space:nowrap;min-height:42px;padding:9px 11px;font-size:11px}}