:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f1fffc;--muted:#8ca6aa;--panel:#061118d1;--panel-strong:#07141bf5;--line:#ffffff1c;--primary:#39ffe1;--secondary:#ff4fa3;--accent:#ffe66d;--danger:#ff4966;--safe-top:max(16px, env(safe-area-inset-top));--safe-bottom:max(16px, env(safe-area-inset-bottom));font-family:Pretendard,Noto Sans KR,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;color:var(--ink);background:#03070b;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px}input:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px}#app{--theme-primary:#39ffe1;--theme-secondary:#ff4fa3;width:100%;height:100%;isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#03070b;height:100dvh;min-height:0;position:relative;overflow:hidden}#app[data-theme=sunset]{--theme-primary:#5fffe0;--theme-secondary:#ff8a4c}#app[data-theme=space]{--theme-primary:#8cf7ff;--theme-secondary:#a96bff}#gameCanvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.topbar{z-index:12;top:var(--safe-top);pointer-events:none;justify-content:space-between;align-items:center;width:min(1320px,100% - 40px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand-lockup,.top-actions{align-items:center;display:flex}.brand-lockup{text-shadow:0 3px 18px #000;gap:10px}.brand-lockup>div{gap:1px;display:grid}.brand-lockup strong{letter-spacing:-.03em;font-size:14px}.brand-lockup span:last-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.brand-mark{border:1px solid color-mix(in srgb, var(--theme-primary) 55%, transparent);background:color-mix(in srgb, var(--theme-primary) 13%, #061016 87%);width:32px;height:32px;color:var(--theme-primary);box-shadow:0 0 24px color-mix(in srgb, var(--theme-primary) 20%, transparent);border-radius:10px;place-items:center;font-size:16px;font-style:italic;font-weight:1000;display:grid}.top-actions{pointer-events:auto;gap:7px}.icon-button,.close-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#030c11a8;transition:border-color .18s,background .18s,transform .18s}.icon-button{color:#c6d7da;border-radius:999px;min-height:34px;padding:0 12px;font-size:10px;font-weight:900}.icon-button.square{width:34px;padding:0;font-size:15px}.icon-button:hover,.close-button:hover{border-color:color-mix(in srgb, var(--theme-primary) 50%, transparent);background:#091d24e6;transform:translateY(-1px)}.race-hud{z-index:10;top:max(66px, calc(env(safe-area-inset-top) + 50px));pointer-events:none;text-shadow:0 3px 18px #000;grid-template-columns:1.15fr 1fr 1fr 1.15fr;width:min(920px,100% - 40px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-stat{text-align:center;padding:0 22px;position:relative}.hud-stat+.hud-stat:before{content:"";background:#ffffff21;width:1px;position:absolute;top:8px;bottom:5px;left:0}.hud-stat span{color:var(--muted);letter-spacing:.18em;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.hud-stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-size:max(31px,min(4.4vw,50px));font-weight:1000;line-height:.95}.hud-stat small{color:var(--theme-primary);letter-spacing:.08em;margin-left:4px;font-size:8px;font-weight:900}.score-stat strong{color:var(--accent)}.combo-stat strong{color:var(--theme-primary)}.combo-stat.hot strong{color:var(--accent);animation:.32s ease-out comboPulse}@keyframes comboPulse{50%{text-shadow:0 0 26px;transform:scale(1.24)}}.resource-hud{z-index:10;bottom:var(--safe-bottom);pointer-events:none;justify-content:center;align-items:center;gap:11px;width:min(840px,100% - 40px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.resource-chip,.boost-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#040e14bf;border-radius:13px;min-height:56px;padding:10px 16px;box-shadow:0 14px 36px #0000002e}.resource-chip{align-items:center;gap:10px;display:flex}.chip-label{color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:950}#livesValue{color:var(--danger);letter-spacing:.09em}#itemValue{color:var(--accent)}#itemHint{color:#829a9f;max-width:120px;font-size:9px;line-height:1.25}.item-chip{transition:border-color .18s,box-shadow .18s,opacity .18s}.item-chip[data-state=ready]{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.item-chip[data-state=active]{border-color:var(--theme-primary);box-shadow:0 0 24px color-mix(in srgb,var(--theme-primary) 24%,transparent)}.item-chip[data-state=active] #itemValue{color:var(--theme-primary)}.item-chip[data-state=empty]{opacity:.64}.boost-chip{width:220px}.boost-chip>div:first-child{justify-content:space-between;align-items:center;display:flex}#boostValue{color:var(--theme-primary);font-size:10px}.boost-track{background:#ffffff14;border-radius:99px;height:7px;margin-top:7px;overflow:hidden}.boost-track i{border-radius:inherit;background:linear-gradient(90deg, var(--theme-primary), var(--accent));width:0;height:100%;box-shadow:0 0 15px var(--theme-primary);transition:width .14s linear;display:block}.boost-chip.full{border-color:color-mix(in srgb, var(--accent) 55%, transparent);animation:.8s ease-in-out infinite alternate boostReady}@keyframes boostReady{to{box-shadow:0 0 25px #ffe66d33}}.gesture-panel,.camera-pip{z-index:9;bottom:var(--safe-bottom);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040e14b8;position:absolute;box-shadow:0 18px 54px #00000057}.gesture-panel{left:max(17px, env(safe-area-inset-left));border-radius:14px;width:min(260px,50% - 200px);min-width:200px;padding:11px 12px}.gesture-status{align-items:center;gap:8px;font-size:10px;display:flex}.gesture-status i,.camera-label i,.connection-pill:before{content:"";background:#687b80;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #687b8021}.gesture-status i.ready,.camera-label i.ready{background:var(--theme-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 13%, transparent), 0 0 13px var(--theme-primary)}.gesture-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.gesture-tags span{color:#90a8ac;background:#ffffff0e;border-radius:6px;padding:4px 6px;font-size:8px;font-weight:850}.gesture-tags span.on{background:color-mix(in srgb, var(--theme-primary) 12%, transparent);color:var(--theme-primary)}.camera-pip{right:max(17px, env(safe-area-inset-right));aspect-ratio:4/3;border-color:color-mix(in srgb, var(--theme-primary) 32%, var(--line));border-radius:17px;width:max(180px,min(18vw,280px));overflow:hidden}#webcam,#landmarkCanvas{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#webcam{transform:scaleX(-1)}#landmarkCanvas{pointer-events:none}.camera-label{letter-spacing:.11em;background:#00000094;border-radius:99px;align-items:center;gap:6px;padding:4px 7px;font-size:7px;font-weight:950;display:flex;position:absolute;top:8px;left:8px}.countdown,.overdrive-banner,.gesture-hint,.event-toast{z-index:18;pointer-events:none;text-align:center;position:absolute;left:50%}.countdown{color:#fff;letter-spacing:-.08em;text-shadow:0 0 36px var(--theme-primary), 0 8px 0 #00000040;font-size:max(92px,min(20vw,190px));font-style:italic;font-weight:1000;top:47%;transform:translate(-50%,-50%)}.countdown.pop{animation:.72s cubic-bezier(.16,.8,.24,1) countdownPop}@keyframes countdownPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.75)}}.overdrive-banner{color:var(--accent);letter-spacing:.08em;opacity:0;background:#120c03c7;border:1px solid #ffe66d80;border-radius:999px;padding:9px 18px;font-size:max(18px,min(3vw,30px));font-style:italic;font-weight:1000;transition:all .3s;top:28%;transform:translate(-50%,-20px)}.overdrive-banner span{letter-spacing:.05em;margin-left:6px;font-size:.4em;font-style:normal}.overdrive-banner.show{opacity:1;animation:.7s ease-in-out infinite alternate overdriveGlow;transform:translate(-50%)}@keyframes overdriveGlow{to{box-shadow:0 0 35px #ffe66d40}}.gesture-hint{border:1px solid var(--line);color:#d8e7e8;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030d13cc;border-radius:999px;width:min(430px,100% - 36px);padding:10px 16px;font-size:11px;font-weight:800;transition:all .25s;bottom:20%;transform:translate(-50%,12px)}.gesture-hint.show{opacity:1;transform:translate(-50%)}.event-toast{min-width:150px;color:var(--accent);letter-spacing:-.04em;opacity:0;text-shadow:0 0 22px,0 4px #00000073;font-size:max(20px,min(4vw,42px));font-style:italic;font-weight:1000;top:35%;transform:translate(-50%,10px)scale(.86)}.event-toast.show{animation:.9s cubic-bezier(.18,.9,.2,1) toastPop}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,25px)scale(.6)}20%,65%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-32px)scale(.94)}}.hit-flash{z-index:17;pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 18%,#ff305366);position:absolute;top:0;bottom:0;left:0;right:0}.hit-flash.hit{animation:.52s ease-out hitFlash}.hit-flash.shield{background:radial-gradient(circle,#0000 18%,#39ffe159);animation:.52s ease-out hitFlash}@keyframes hitFlash{0%{opacity:1}to{opacity:0}}.screen-layer,.modal-layer{z-index:30;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--theme-primary) 13%, transparent), transparent 35%), #02080cdb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);place-items:center;transition:opacity .35s,visibility .35s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.screen-layer.hidden,.modal-layer.hidden{opacity:0;visibility:hidden;pointer-events:none}.setup-screen{align-items:center;overflow:auto}.setup-shell{grid-template-columns:minmax(330px,.88fr) minmax(520px,1.12fr);align-items:center;gap:max(36px,min(5vw,80px));width:min(1240px,100%);display:grid}.eyebrow,.step-kicker{color:var(--theme-primary);letter-spacing:.23em;font-size:9px;font-weight:950}.setup-intro h1{letter-spacing:-.095em;margin:12px 0 22px;font-size:max(66px,min(9vw,118px));line-height:.78}.setup-intro h1 em{color:var(--theme-primary);text-shadow:0 0 42px color-mix(in srgb, var(--theme-primary) 22%, transparent);font-style:italic}.setup-intro>p{color:#a9bdc0;max-width:520px;margin:0;font-size:max(15px,min(1.7vw,20px));line-height:1.68}.player-showcase{border:1px solid color-mix(in srgb,var(--theme-primary) 24%,var(--line));background:#020b106b;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:5px 12px 5px 5px;display:inline-flex;box-shadow:0 12px 36px #0003}.player-showcase img{object-fit:contain;width:76px;height:76px;filter:drop-shadow(0 8px 11px #0000008c) drop-shadow(0 0 8px color-mix(in srgb,var(--theme-primary) 25%,transparent))}.player-showcase span{gap:2px;display:grid}.player-showcase b{color:var(--theme-primary);letter-spacing:.13em;font-size:10px;font-weight:1000}.player-showcase small{color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:850}.control-strip{flex-wrap:wrap;gap:7px;margin-top:26px;display:flex}.control-strip span{border:1px solid var(--line);color:#9bb0b4;background:#ffffff09;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800}.control-strip b{color:var(--accent);margin-right:4px}.setup-card,.modal-card,.result-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#0c1c23f2,#051016f0);box-shadow:0 35px 120px #00000080,inset 0 1px #ffffff09}.setup-card{border-radius:28px;padding:max(28px,min(3.6vw,44px))}.setup-heading,.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.setup-status-stack{justify-items:end;gap:7px;display:grid}.setup-heading h2,.modal-heading h2{letter-spacing:-.05em;margin:4px 0 0;font-size:28px}.connection-pill{border:1px solid var(--line);color:#92a8ab;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.connection-pill[data-state=online]{color:var(--theme-primary)}.connection-pill[data-state=online]:before{background:var(--theme-primary);box-shadow:0 0 10px var(--theme-primary)}.connection-pill[data-state=local]{color:var(--accent)}.connection-pill[data-state=local]:before{background:var(--accent)}.usage-stats{border:1px solid var(--line);background:#0000002e;border-radius:11px;grid-template-columns:1fr 1fr;gap:1px;min-width:174px;display:grid;overflow:hidden}.usage-stats>span{text-align:right;gap:1px;padding:7px 10px 6px;display:grid}.usage-stats>span+span{border-left:1px solid var(--line)}.usage-stats small{color:var(--muted);letter-spacing:.16em;font-size:6px;font-weight:950}.usage-stats strong{color:var(--theme-primary);font-variant-numeric:tabular-nums;font-size:15px;line-height:1}.usage-stats em{border-top:1px solid var(--line);color:#72898d;letter-spacing:.06em;text-align:center;grid-column:1/-1;padding:4px 8px;font-size:6px;font-style:normal;font-weight:850}.usage-stats[data-source=local] strong{color:var(--accent)}.usage-stats[data-state=error]{opacity:.72}.field-label{color:#cad9da;justify-content:space-between;margin:22px 0 7px;font-size:10px;font-weight:900;display:flex}.field-label small{color:var(--muted);font-weight:700}.nickname-input{border:1px solid var(--line);width:100%;height:52px;color:var(--ink);-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#00000038;border-radius:13px;padding:0 16px;font-size:16px;font-weight:800;transition:border-color .2s,box-shadow .2s}.nickname-input::placeholder{color:#52666b}.nickname-input:focus{border-color:color-mix(in srgb, var(--theme-primary) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-primary) 8%, transparent);outline:0}.nickname-input.invalid{border-color:var(--danger)}.field-error{color:#ff7e91;min-height:14px;margin:4px 2px 0;font-size:9px}.choice-group{border:0;min-width:0;margin:14px 0 0;padding:0}.choice-group legend{color:#cad9da;margin-bottom:8px;font-size:10px;font-weight:900}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button,.theme-card{border:1px solid var(--line);cursor:pointer;background:#ffffff06;transition:all .18s}.segmented button{border-radius:11px;place-items:center;gap:1px;min-height:54px;padding:8px;display:grid}.segmented b{font-size:11px}.segmented span{color:var(--muted);font-size:7px}.segmented button:hover,.segmented button.selected,.theme-card:hover,.theme-card.selected{border-color:color-mix(in srgb, var(--theme-primary) 54%, transparent);background:color-mix(in srgb, var(--theme-primary) 8%, transparent)}.segmented button.selected b,.theme-card.selected b{color:var(--theme-primary)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.theme-card{text-align:left;border-radius:11px;padding:0;overflow:hidden}.theme-preview{background:linear-gradient(150deg,#07131a,#1b1241);height:50px;display:block;position:relative}.theme-preview:before{border:2px solid var(--theme-primary);opacity:.8;content:"";border-radius:50% 50% 0 0;height:25px;position:absolute;bottom:-10px;left:-15%;right:-15%;transform:perspective(40px)rotateX(28deg)}.neon-preview{background:radial-gradient(circle at 50% 20%,#1f5962,#061118 55%)}.sunset-preview{background:linear-gradient(#51284f,#ff8a55)}.space-preview{background:radial-gradient(circle at 30% 25%,#7a68e8 0,#7a68e8 2px,#0000 3px),radial-gradient(circle at 72% 35%,#fff 0,#fff 1px,#0000 2px),linear-gradient(#090622,#26145a)}.theme-card span{gap:1px;padding:7px 8px 8px;display:grid}.theme-card b{font-size:9px}.theme-card small{color:var(--muted);font-size:7px}.start-actions,.result-actions{grid-template-columns:1.7fr 1fr;gap:7px;margin-top:20px;display:grid}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;min-height:52px;padding:0 19px;font-size:11px;font-weight:950;transition:transform .18s,filter .18s,border-color .18s}.primary-button{background:var(--theme-primary);color:#001512;box-shadow:0 0 30px color-mix(in srgb, var(--theme-primary) 18%, transparent);border:0;justify-content:center;align-items:center;gap:12px;display:inline-flex}.primary-button span{font-size:17px}.primary-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary-button:disabled{cursor:wait;filter:saturate(.2);transform:none}.secondary-button:disabled{cursor:wait;opacity:.5;transform:none}.primary-button.compact{min-height:38px;padding:0 20px}.secondary-button{border:1px solid var(--line);color:#b9cbcd;background:#ffffff09}.secondary-button:hover{border-color:color-mix(in srgb, var(--theme-primary) 44%, transparent);transform:translateY(-1px)}.keyboard-note,.privacy-note{color:#627a7e;margin:10px 0 0;font-size:8px;line-height:1.45}.keyboard-note{color:#91a7aa;text-align:center}.keyboard-note kbd{border:1px solid var(--line);color:#d3e2e3;font:inherit;background:#ffffff0d;border-radius:4px;padding:2px 4px;font-weight:900}.result-screen{z-index:32}.result-card{text-align:center;border-radius:26px;width:min(560px,100%);padding:max(26px,min(5vw,48px));position:relative}.result-kart-preview{object-fit:contain;pointer-events:none;width:max(66px,min(11vw,94px));height:auto;filter:drop-shadow(0 12px 14px #00000094) drop-shadow(0 0 10px color-mix(in srgb,var(--theme-primary) 30%,transparent));position:absolute;top:15px;right:18px;transform:rotate(4deg)}.result-card h2{letter-spacing:-.08em;margin:7px 0 22px;font-size:max(36px,min(7vw,64px))}.result-score{display:grid}.result-score strong{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.075em;text-shadow:0 0 34px #ffe66d33;font-size:max(52px,min(11vw,88px));font-weight:1000;line-height:.8}.result-score span{color:var(--muted);letter-spacing:.2em;margin-top:10px;font-size:8px;font-weight:900}.result-rank{border:1px solid color-mix(in srgb, var(--theme-primary) 32%, var(--line));background:color-mix(in srgb, var(--theme-primary) 6%, transparent);border-radius:12px;justify-content:space-between;align-items:center;max-width:330px;margin:24px auto 0;padding:12px 14px;display:flex}.result-rank span{color:#9bb0b4;font-size:9px;font-weight:800}.result-rank strong{color:var(--theme-primary);font-size:21px}.result-grid{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);margin:12px 0 0;display:grid;overflow:hidden}.result-grid div{padding:11px 7px}.result-grid div+div{border-left:1px solid var(--line)}.result-grid dt{color:var(--muted);font-size:7px;font-weight:800}.result-grid dd{margin:4px 0 0;font-size:13px;font-weight:950}.submit-status{color:#81979b;min-height:16px;margin-top:8px;font-size:8px}.modal-layer{z-index:50;background:#010508c7}.modal-card{border-radius:28px;width:min(720px,100%);max-height:min(860px,100vh - 36px);padding:max(28px,min(4vw,44px));position:relative;overflow:auto}.close-button{color:#b7c8ca;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.rank-tabs{grid-template-columns:repeat(3,1fr);gap:5px;margin:22px 0 14px;display:grid}.rank-tabs button{border:1px solid var(--line);min-height:35px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:8px;font-size:9px;font-weight:900}.rank-tabs button.selected{border-color:color-mix(in srgb, var(--theme-primary) 50%, transparent);background:color-mix(in srgb, var(--theme-primary) 9%, transparent);color:var(--theme-primary)}.leaderboard-state{color:var(--muted);text-align:center;padding:22px;font-size:10px}.leaderboard-state.hidden{display:none}.leaderboard-list{counter-reset:rank;gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{counter-increment:rank;background:#ffffff06;border:1px solid #ffffff13;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:49px;padding:7px 11px;display:grid}.leaderboard-list li:before{content:counter(rank);color:#61777b;font-size:11px;font-weight:950}.leaderboard-list li:nth-child(-n+3):before{color:var(--accent)}.leaderboard-list .rank-name{gap:2px;min-width:0;display:grid}.leaderboard-list .rank-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.leaderboard-list .rank-name small{color:var(--muted);font-size:7px}.leaderboard-list .rank-score{color:var(--theme-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:1000}.leaderboard-list li.me{border-color:color-mix(in srgb, var(--theme-primary) 42%, transparent);background:color-mix(in srgb, var(--theme-primary) 7%, transparent)}.modal-footnote{color:#61767a;text-align:center;margin:12px 0 0;font-size:8px}.onboarding-card{width:min(780px,100%);overflow:hidden}.onboarding-skip{z-index:2;border-radius:999px;width:auto;min-width:62px;padding:0 11px;font-size:8px;position:absolute;top:18px;right:18px}.onboarding-track{min-height:360px}.onboarding-slide{text-align:center;align-content:center;min-height:470px;animation:.32s slideIn;display:none}.onboarding-slide.active{display:grid}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}}.slide-number{color:var(--theme-primary);letter-spacing:.16em;font-size:9px;font-weight:950}.gesture-demo{color:#fff;min-height:110px;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--theme-primary) 30%,transparent));place-items:center;margin:20px auto 6px;font-size:46px;display:grid}.fists-demo{justify-content:center;align-items:center;gap:18px;display:flex}.fists-demo i{background:var(--theme-primary);width:80px;height:2px;box-shadow:0 0 12px var(--theme-primary)}.palm-demo{grid-template-columns:auto auto;gap:20px}.palm-demo b{color:var(--accent);font-size:52px}.item-demo{color:var(--accent);letter-spacing:.2em}.score-demo{font-size:32px;font-weight:1000}.score-demo b{color:var(--theme-primary)}.onboarding-slide h2{letter-spacing:-.06em;margin:12px 0 10px;font-size:max(32px,min(6vw,48px))}.onboarding-slide p{color:#a8babc;max-width:560px;margin:0 auto;font-size:14px;line-height:1.7}.onboarding-slide>small{color:#71878a;max-width:540px;margin:12px auto 0;font-size:10px;line-height:1.55;display:block}.horn-action-demo{filter:none;grid-template-rows:1fr auto;gap:0;min-height:220px;margin:4px auto 0}.horn-action-demo img{object-fit:contain;width:max(170px,min(26vw,230px));height:max(170px,min(26vw,230px));filter:drop-shadow(0 14px 18px #0000008c) drop-shadow(0 0 18px color-mix(in srgb,var(--theme-primary) 35%,transparent));margin:-18px auto -14px}.horn-action-demo span{color:var(--accent);letter-spacing:.05em;font-size:12px;font-weight:950}.horn-action-demo b{color:var(--theme-primary)}.horn-action-demo kbd{border:1px solid var(--line);background:#00000047;border-radius:6px;padding:3px 7px}.onboarding-controls{justify-content:space-between;align-items:center;display:flex}.slide-dots{gap:6px;display:flex}.slide-dots i{background:#52656a;border-radius:99px;width:6px;height:6px;transition:all .2s}.slide-dots i.active{background:var(--theme-primary);width:22px}@media (max-width:900px){.setup-shell{grid-template-columns:1fr;gap:24px;max-width:620px;padding:30px 0}.setup-intro{text-align:center}.setup-intro h1 br{display:none}.setup-intro>p{margin-left:auto;margin-right:auto}.control-strip{justify-content:center}.gesture-panel{display:none}.camera-pip{width:155px}.resource-hud{justify-content:flex-start;padding-right:165px}}@media (max-width:620px){#app{min-height:0}.brand-lockup strong{font-size:11px}.top-actions{gap:4px}.icon-button{min-height:30px;padding:0 9px;font-size:8px}.icon-button.square{width:30px}.race-hud{top:max(58px,calc(env(safe-area-inset-top) + 43px));grid-template-columns:1.2fr .9fr .9fr}.hud-stat{padding:0 8px}.hud-stat strong{font-size:max(24px,min(8vw,34px))}.combo-stat{width:110px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.combo-stat:before{display:none}.combo-stat strong{font-size:22px}.resource-hud{justify-content:flex-start;gap:5px;width:calc(100% - 20px);padding-right:125px;bottom:10px;left:10px;right:auto;transform:none}.resource-chip,.boost-chip{border-radius:10px;min-height:42px;padding:6px 8px}.resource-chip{gap:6px}#itemHint{display:none}.boost-chip{width:135px;min-height:38px;position:absolute;bottom:47px;right:126px}.camera-pip{border-radius:11px;width:116px;bottom:10px;right:10px}.camera-label{font-size:6px}.setup-screen{align-items:start}.setup-shell{padding:14px 0 30px}.setup-intro h1{margin-bottom:12px;font-size:max(48px,min(17vw,74px))}.setup-intro>p{font-size:12px}.player-showcase{margin-top:10px}.player-showcase img{width:50px;height:50px}.control-strip{margin-top:14px}.setup-card{border-radius:19px;padding:20px 16px}.setup-heading{gap:9px}.usage-stats{min-width:142px}.usage-stats>span{padding-left:7px;padding-right:7px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-card b{font-size:8px}.theme-card small{display:none}.theme-preview{height:35px}.start-actions,.result-actions{grid-template-columns:1fr}.privacy-note{text-align:center}.result-grid{grid-template-columns:repeat(2,1fr)}.result-kart-preview{opacity:.9;width:64px;top:13px;right:12px}.result-grid div:nth-child(3){border-top:1px solid var(--line);border-left:0}.result-grid div:nth-child(4){border-top:1px solid var(--line)}.modal-card{border-radius:19px;padding:24px 17px}.onboarding-track{min-height:390px}.onboarding-slide{min-height:370px}.horn-action-demo{min-height:160px}.horn-action-demo img{width:150px;height:150px;margin:-14px auto -12px}}@media (max-height:700px) and (min-width:700px){.setup-shell,.onboarding-card{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}