:root{color:#f8fafc;background:#101315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#101315}button{font:inherit}.hidden{display:none!important}select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#12191d;color:#f8fafc;font:inherit;font-weight:800;padding:11px 12px}select:disabled{opacity:.48}.app{min-height:100svh;display:grid;grid-template-rows:minmax(640px,100svh)}.camera-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(94,234,212,.18),transparent 30%),radial-gradient(circle at 30% 68%,rgba(251,113,133,.1),transparent 24%),linear-gradient(180deg,#111827,#10181c 52%,#101315)}.prestart .top-bar,.prestart .game-hud,.prestart .metrics,.prestart .tracking-warning,.prestart .game-over,.prestart .round-timer,.prestart .center-reset,.prestart #overlay{display:none}.prestart .camera-panel:after{background:radial-gradient(circle at 50% 48%,rgba(94,234,212,.13),transparent 34%),#080d12b8}.prestart #game3d{opacity:.18}.prestart .start-button{left:50%;right:auto;top:calc(50% + 58px);bottom:auto;width:min(82vw,320px);transform:translate(-50%,-50%);padding:18px 22px;font-size:20px}.privacy-start{position:absolute;z-index:12;left:50%;top:calc(50% - 62px);width:min(82vw,320px);transform:translate(-50%,-50%);display:none;gap:10px}.prestart .privacy-start{display:grid}.privacy-start p{margin:0;color:#a7f3d0;font-size:12px;font-weight:900;letter-spacing:0;text-align:center;text-transform:uppercase}.privacy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.privacy-options button{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0f172adb;color:#e2e8f0;padding:13px 10px;font-size:18px;font-weight:900;box-shadow:0 12px 36px #00000042}.privacy-options button.selected{border-color:#5eead4b8;background:#14b8a63d;color:#f8fafc}video,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}video{opacity:0;transform:scaleX(-1)}canvas{pointer-events:none;background:transparent}.text-effects{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden}.paku-effect,.bite-effect,.boing-effect{position:absolute;left:0;top:0;font-weight:900;line-height:1;white-space:nowrap;will-change:transform,opacity}.paku-effect{color:#facc15;font-size:14px;text-shadow:0 0 10px rgba(250,204,21,.82),0 2px 0 rgba(15,23,42,.9)}.bite-effect{color:#fb7185;font-size:20px;text-shadow:0 0 12px rgba(251,113,133,.95),0 0 22px rgba(250,204,21,.48),0 2px 0 rgba(15,23,42,.95)}.boing-effect{color:#5eead4;font-size:18px;transform-origin:center;text-shadow:0 0 12px rgba(94,234,212,.95),0 0 22px rgba(250,204,21,.46),0 2px 0 rgba(15,23,42,.95)}.tracking-warning{position:absolute;z-index:18;inset:0;display:grid;place-items:center;padding:28px;background:#05080d9e;color:#f8fafc;font-size:clamp(24px,8vw,42px);font-weight:950;line-height:1.1;text-align:center;text-shadow:0 0 18px rgba(251,113,133,.78),0 3px 0 rgba(15,23,42,.95);pointer-events:none}.tracking-warning:before{content:"";position:absolute;inset:18px;border:3px solid rgba(251,113,133,.9);border-radius:16px;box-shadow:inset 0 0 34px #fb718547,0 0 28px #fb718566}.game-over{position:absolute;z-index:14;left:50%;top:48%;width:min(78vw,340px);transform:translate(-50%,-50%);display:grid;gap:12px;justify-items:center;border:1px solid rgba(94,234,212,.5);border-radius:8px;background:#060c12d6;padding:20px;text-align:center;box-shadow:0 0 26px #5eead42e,0 20px 60px #00000070;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-over span{color:#a7f3d0;font-size:12px;font-weight:900;letter-spacing:0}.game-over strong{color:#f8fafc;font-size:30px;font-weight:950;line-height:1.05}.game-over button{width:100%;border:0;border-radius:8px;background:#f8fafc;color:#111827;padding:14px 16px;font-weight:950}.round-timer{position:absolute;z-index:4;left:50%;top:max(74px,calc(env(safe-area-inset-top) + 58px));width:66px;height:66px;transform:translate(-50%);display:grid;place-items:center;border:3px solid rgba(248,250,252,.9);border-radius:999px;background:radial-gradient(circle at 34% 26%,#ffffffeb,#f8fafcc7 28%,#facc15f2 72%),#facc15;color:#111827;box-shadow:0 0 18px #facc15a3,0 10px 32px #00000057;pointer-events:none;will-change:transform,filter}.round-timer span{font-size:28px;font-weight:950;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.5);will-change:transform}.round-timer.pop{animation:timer-pop .62s cubic-bezier(.16,1.38,.28,1)}.round-timer.pop span{animation:timer-number-pop .62s cubic-bezier(.16,1.38,.28,1)}.round-timer.low{background:radial-gradient(circle at 34% 26%,#ffffffeb,#f8fafcc2 28%,#fb7185fa 72%),#fb7185;box-shadow:0 0 22px #fb7185b8,0 10px 32px #00000057}.center-reset{position:absolute;z-index:5;right:12px;bottom:max(176px,calc(env(safe-area-inset-bottom) + 176px));border:1px solid rgba(248,250,252,.22);border-radius:999px;background:#0f172ab8;color:#f8fafc;min-width:58px;min-height:42px;padding:8px 13px;font-weight:950;box-shadow:0 0 18px #5eead42e,0 12px 34px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.center-reset:active{transform:scale(.94)}.center-reset.saved{border-color:#5eead4d1;background:#14b8a680;animation:center-reset-pop .42s cubic-bezier(.16,1.38,.28,1)}.center-reset.failed{border-color:#fb7185d1;background:#7f1d1dad}@keyframes center-reset-pop{0%{transform:scale(.86)}45%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes timer-pop{0%{transform:translate(-50%) scale(.68,1.28);filter:brightness(1.18)}22%{transform:translate(-50%) scale(1.38,.78);filter:brightness(1.34)}42%{transform:translate(-50%) scale(.86,1.14)}62%{transform:translate(-50%) scale(1.14,.92)}80%{transform:translate(-50%) scale(.97,1.04)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}@keyframes timer-number-pop{0%{transform:scale(.62) translateY(4px)}24%{transform:scale(1.44) translateY(-3px)}48%{transform:scale(.86) translateY(2px)}72%{transform:scale(1.12) translateY(-1px)}to{transform:scale(1) translateY(0)}}#game3d{z-index:0}#overlay{z-index:1}.camera-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 38%);pointer-events:none}.top-bar{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(16px,env(safe-area-inset-top)) 18px 0}.game-hud{position:absolute;z-index:3;left:12px;right:12px;bottom:max(78px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-hud div{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f172ab8;padding:8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-hud div:last-child{grid-column:1 / -1}.game-hud span{display:block;color:#a7f3d0;font-size:10px;font-weight:800;text-transform:uppercase}.game-hud strong{display:block;margin-top:3px;color:#f8fafc;font-size:12px;line-height:1.15}.eyebrow{margin:0 0 4px;color:#a7f3d0;font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:23px;line-height:1.05}.status{flex:0 0 auto;min-width:86px;border:1px solid rgba(255,255,255,.22);background:#101315a3;padding:8px 10px;border-radius:8px;color:#dbeafe;font-size:12px;font-weight:700;text-align:center}.start-button{position:absolute;z-index:12;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));border:0;border-radius:8px;background:#f8fafc;color:#111827;padding:14px 18px;font-size:17px;font-weight:800;box-shadow:0 12px 36px #00000052}.start-button:disabled{opacity:0;pointer-events:none}.calibration-panel{position:fixed;z-index:11;inset:0;display:grid;align-items:stretch;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 32%,rgba(94,234,212,.14),transparent 36%),#080d12f5;pointer-events:auto}.calibration-card{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;gap:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0f172abd;padding:14px;box-shadow:0 18px 50px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.calibration-header{display:flex;justify-content:space-between;gap:14px}.calibration-header span{flex:0 0 auto;align-self:start;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;color:#a7f3d0;font-size:12px;font-weight:900;text-transform:uppercase}.calibration-card h2{margin:0;font-size:24px}.calibration-card p{margin:0;color:#dbeafe}.calibration-instruction{border:1px solid rgba(94,234,212,.22);border-radius:8px;background:#5eead414;padding:12px}.calibration-instruction p{color:#f8fafc;font-size:22px;font-weight:900;line-height:1.2}.calibration-preview{position:relative;min-height:0;display:grid;grid-template-columns:1fr;gap:0}.calibration-cue{min-height:42px;color:#5eead4;font-size:46px;font-weight:900;line-height:1;text-align:center;text-shadow:0 0 22px rgba(94,234,212,.48)}.calibration-preview section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.user-preview{height:100%}.calibration-preview span{color:#a7f3d0;font-size:11px;font-weight:900;text-transform:uppercase}.calibration-preview canvas{position:static;width:100%;height:100%;min-height:220px;aspect-ratio:3 / 4;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 50% 45%,rgba(94,234,212,.13),transparent 42%),#0f172a}.calibration-readout{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#a7f3d0;font-size:12px;font-weight:800;text-transform:uppercase}.calibration-progress{height:10px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e2e8f029}.calibration-progress div{width:0%;height:100%;border-radius:inherit;background:#5eead4;transition:width 80ms linear}.settings-button,.calibration-actions button{border:1px solid rgba(255,255,255,.12);border-radius:8px;font-weight:900}.calibration-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.calibration-actions button,.settings-button{padding:11px 12px;background:#12191d;color:#f8fafc}.settings-button{width:100%;margin-top:12px}.metrics{position:fixed;z-index:10;left:0;right:0;bottom:0;max-height:58svh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:#101315f5;border-top:1px solid rgba(255,255,255,.08);transform:translateY(calc(100% - 56px));transition:transform .18s ease}.metrics.open{transform:translateY(0)}.metrics-toggle{grid-column:1 / -1;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#f8fafc;color:#111827;font-size:15px;font-weight:900}.metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics.compact .metrics-toggle{grid-column:1}.metrics.compact>:not(.metrics-toggle):not(.score-card){display:none}.metric:nth-of-type(n+5){min-height:78px}.metric{min-height:82px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1d2428;padding:12px;display:grid;align-content:space-between;gap:8px}.score-card{min-height:44px;background:#17202a;padding:9px 12px}.settings-card{grid-column:1 / -1;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1d2428;padding:12px}.settings-card summary{cursor:pointer;color:#f8fafc;font-size:14px;font-weight:800}.settings-card label{margin-top:12px;display:grid;gap:8px}.metric.primary{background:#1f2933}.metric span,.settings-card span{color:#b6c4cf;font-size:12px;font-weight:700;text-transform:uppercase}.metric strong{color:#fff;font-size:19px;line-height:1.1}meter{width:100%;height:9px}@media(min-width:760px){.app{grid-template-columns:minmax(420px,1fr) 360px;grid-template-rows:100svh}.metrics{position:static;z-index:auto;max-height:none;transform:none;grid-template-columns:1fr;align-content:start;padding:18px;overflow:auto}.metrics-toggle{display:none}.metrics.compact>:not(.metrics-toggle):not(.score-card){display:grid}}@media(max-width:430px){.app{grid-template-rows:minmax(620px,100svh)}.top-bar{padding-left:14px;padding-right:14px}h1{font-size:23px}.status{min-width:74px;padding:7px 8px}.metrics{gap:8px;padding:8px}.game-hud{left:10px;right:10px;bottom:max(74px,env(safe-area-inset-bottom));gap:7px}.game-hud div:last-child{display:none}.metric{min-height:76px;padding:10px}.metric strong{font-size:18px}.calibration-panel{padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.calibration-card{gap:10px;padding:12px}.calibration-preview{grid-template-columns:1fr;grid-template-rows:minmax(286px,1fr)}.calibration-preview canvas{min-height:286px}.calibration-card h2{font-size:22px}.calibration-instruction{padding:10px}.calibration-instruction p{font-size:20px}.calibration-cue{min-height:32px;font-size:40px}}