@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--hue: 150;--bg: oklch(.13 .012 230);--bg2: oklch(.16 .016 230);--panel: oklch(.205 .02 230);--panel-hi: oklch(.235 .022 230);--ink: oklch(.94 .01 230);--muted: oklch(.68 .016 230);--faint: oklch(.52 .018 230);--line: oklch(1 0 0 / .09);--line-2: oklch(1 0 0 / .16);--accent: oklch(.8 .15 var(--hue));--accent-hi:oklch(.88 .14 var(--hue));--amber: oklch(.83 .15 80)}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 70%,oklch(.11 .01 230) 100%)}.scan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 3px);mix-blend-mode:multiply}section{display:none}section.active{display:flex}#start-screen,#over-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;background:#020405b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto;padding:24px}#session-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000}#loading-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#04080bf2}#loading-overlay.active{display:flex}.loading-text{font-family:Silkscreen,monospace;font-size:.7rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.spinner{width:52px;height:52px;border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{width:min(560px,100%);padding:36px 32px;position:relative;z-index:60;background:var(--panel);border:1px solid var(--line-2);clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));display:flex;flex-direction:column;gap:18px;text-align:center}.brand-logo{font-family:Silkscreen,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}h1{font-family:Silkscreen,monospace;font-size:1.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;color:var(--ink)}.panel-subtitle{font-size:.9rem;color:var(--muted);letter-spacing:.03em}.intro-blurb{font-size:.95rem;color:var(--muted);line-height:1.5}.setup-steps{display:flex;flex-direction:column;gap:12px;background:#ffffff08;border:1px solid var(--line);padding:16px;text-align:left}.setup-step{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--muted);line-height:1.4}.step-dot{width:9px;height:9px;margin-top:6px;flex-shrink:0;background:var(--accent);box-shadow:0 0 8px var(--accent)}.btn-primary{background:oklch(.8 .15 var(--hue) / .18);color:var(--ink);border:1px solid var(--accent);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));padding:14px 28px;font-family:Silkscreen,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.btn-primary:hover{background:oklch(.8 .15 var(--hue) / .34);color:var(--accent-hi)}.btn-secondary{background:#0d191fb3;color:var(--muted);border:1px solid var(--line-2);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));padding:10px 18px;font-family:Silkscreen,monospace;font-size:.62rem;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--panel-hi);color:var(--ink)}.btn-secondary[data-muted=true]{color:var(--faint)}.home-link{color:var(--faint);text-decoration:none;font-size:.72rem;font-family:Silkscreen,monospace;letter-spacing:.06em;text-align:center;transition:color .15s}.home-link:hover{color:var(--muted)}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.hud{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px}.hud-chip{display:flex;align-items:center;gap:8px;background:#00000073;border:1px solid var(--line-2);padding:8px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Silkscreen,monospace;font-size:.9rem;color:var(--ink)}.hud-icon{color:#fdc436;font-size:1.1rem}.hud-label{font-size:.55rem;color:var(--muted);letter-spacing:.1em}.lane-label{background:oklch(.8 .15 var(--hue) / .2);border:1px solid var(--accent);padding:8px 14px;font-family:Silkscreen,monospace;font-size:.7rem;letter-spacing:.08em;color:var(--accent-hi)}.cam-pip{position:absolute;right:16px;bottom:16px;z-index:20;width:200px;height:150px;border:1px solid var(--line-2);background:#000;overflow:hidden;box-shadow:0 6px 24px #00000080}.cam-pip #webcam{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam-pip #overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hud-actions{position:absolute;left:16px;bottom:16px;z-index:20;display:flex;align-items:center;gap:14px}.calibrate-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;align-items:center;justify-content:center;background:#020405c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.calibrate-overlay.active{display:flex}.calibrate-card{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:32px}.silhouette{width:90px;height:150px;animation:pulse 1.6s ease-in-out infinite;background:var(--accent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 40'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Crect x='10.5' y='10' width='3' height='15'/%3E%3Crect x='3' y='12' width='9' height='2.6' rx='1.3'/%3E%3Crect x='12' y='12' width='9' height='2.6' rx='1.3'/%3E%3Crect x='9' y='24' width='2.6' height='14' rx='1.3'/%3E%3Crect x='12.4' y='24' width='2.6' height='14' rx='1.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 40'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Crect x='10.5' y='10' width='3' height='15'/%3E%3Crect x='3' y='12' width='9' height='2.6' rx='1.3'/%3E%3Crect x='9' y='24' width='2.6' height='14' rx='1.3'/%3E%3Crect x='12.4' y='24' width='2.6' height='14' rx='1.3'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:.5}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.7}}.calibrate-text{font-size:1rem;color:var(--muted);max-width:360px;line-height:1.5}.record-badge{display:none;align-self:center;background:#fdc43633;border:1px solid var(--amber);color:var(--amber);padding:6px 14px;font-family:Silkscreen,monospace;font-size:.62rem;letter-spacing:.1em}.over-stats{display:flex;justify-content:center;gap:14px}.over-stat{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;background:#ffffff08;border:1px solid var(--line);padding:16px 10px}.over-value{font-family:Silkscreen,monospace;font-size:1.5rem;color:var(--accent-hi)}.over-label{font-size:.7rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.best-line{font-size:.85rem;color:var(--muted);font-family:Silkscreen,monospace;letter-spacing:.05em}@media(max-width:520px){.cam-pip{width:130px;height:98px}.panel{padding:24px 18px}}