:root{--bg:#1a1410;--bg-raised:#2a211a;--line:#ffffff1a;--text:#f5efe8;--text-dim:#f5efe88c;--player:#7ac74f;--player-deep:#4e9a2e;--rival:#e5533d;--rival-deep:#b03424;--gold:#ffd83d;--spring:cubic-bezier(.34, 1.4, .44, 1);--font:ui-rounded, -apple-system, system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box}html{font-size:16px}@media (width>=900px){html{font-size:clamp(16px,2.2222vh,48px)}}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;overflow:hidden}.hidden{display:none!important}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}#scoreboard{z-index:3;background:linear-gradient(#38a7ea,#5a6fc8);border-bottom:.1875rem solid #ffffff59;flex-direction:column;gap:.375rem;padding:.625rem .875rem;display:flex;box-shadow:0 .25rem .75rem #0000004d}.lane{background:radial-gradient(.1563rem at .5rem,#ffffff29 .15rem,#0000 .1625rem) 0 0/1rem 100% repeat-x,#00000059;border-radius:.8125rem;height:1.625rem;position:relative;box-shadow:inset 0 .125rem .25rem #00000080}.lane:after{content:"🏁";opacity:.8;font-size:.8125rem;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.lane-fill{width:0%;transition:width .55s var(--spring);border-radius:.625rem;min-width:0;position:absolute;inset:.1875rem auto .1875rem .1875rem}.lane.you .lane-fill{background:linear-gradient(180deg, var(--player), var(--player-deep))}.lane.rival .lane-fill{background:linear-gradient(180deg, var(--rival), var(--rival-deep))}.lane-avatar{width:2.125rem;height:2.125rem;transition:left .55s var(--spring);filter:drop-shadow(0 .125rem .1875rem #0009);z-index:2;position:absolute;top:50%;left:0%;transform:translate(-40%,-50%)}.lane.leading .lane-avatar{filter:drop-shadow(0 0 .3125rem var(--gold)) drop-shadow(0 .125rem .1875rem #0009)}.lane.out{opacity:.5}.lane.out .lane-avatar{filter:grayscale()drop-shadow(0 .125rem .1875rem #0009)}.lane.out .lane-fill{background:#ffffff2e!important}.lane.out:before{content:"☠";z-index:3;font-size:.9375rem;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.lane-name{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;z-index:1;font-size:.625rem;font-weight:800;position:absolute;top:50%;left:2.875rem;transform:translateY(-50%)}#stage{background:linear-gradient(#5a6fc8 0%,#8a5ea8 55%,#c96f8a 100%);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#stage.targeting{cursor:crosshair}canvas#game{display:block}#exit-btn{width:2.125rem;height:2.125rem;color:var(--text-dim);font-size:.9375rem;font-family:var(--font);cursor:pointer;z-index:5;background:#00000073;border:none;border-radius:50%;position:absolute;top:.5rem;left:.5rem}#exit-btn:active{transform:scale(.92)}.sound-toggle,.icon-btn{color:#fff;text-align:center;cursor:pointer;background:#00000073;border:none;border-radius:50%;width:2.375rem;height:2.375rem;padding:0;font-size:1.125rem;line-height:2.375rem}.sound-toggle:active,.icon-btn:active{transform:scale(.92)}.sound-toggle.muted{opacity:.6}#sound-btn{z-index:5;width:2.125rem;height:2.125rem;font-size:1rem;line-height:2.125rem;position:absolute;top:.5rem;left:3rem}#settings-btn{top:calc(env(safe-area-inset-top) + .75rem);z-index:3;background:#fff3;border:.0625rem solid #fff6;position:absolute;right:1rem}#pick-back{top:calc(env(safe-area-inset-top) + .75rem);z-index:3;background:#fff3;border:.0625rem solid #fff6;font-size:1.5rem;line-height:2.125rem;position:absolute;left:1rem}#toast{border:.0625rem solid var(--line);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:transform .3s var(--spring), opacity .25s ease;z-index:4;background:#0c0906d9;border-radius:62.4375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;position:absolute;top:.625rem;left:50%;transform:translate(-50%,-1rem)}#toast.show{opacity:1;transform:translate(-50%)}#controls{padding:.625rem .875rem calc(.625rem + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(#b465c9,#ff9d6a);border-top:.1875rem solid #ffffff59;align-items:center;gap:.625rem;display:flex;box-shadow:0 -.25rem .75rem #0000004d}#score-chip{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#140c1e8c;border-radius:.75rem;min-width:4.125rem;padding:.5rem .75rem;font-size:1.125rem;font-weight:800;box-shadow:inset 0 .125rem .25rem #0006}#score-chip .score-sep{color:#fff9;margin:0 .125rem;font-size:.875rem}#score-goal{color:#fff9;font-size:.875rem}#score-chip.bump{animation:bump .35s var(--spring)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}#jump-btn{color:#fff;cursor:pointer;min-width:3.375rem;height:3.625rem;transition:transform .12s var(--spring), box-shadow .12s ease;background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff2e;border-radius:.875rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.375rem .5rem .25rem;display:flex;position:relative;box-shadow:0 .1875rem #00000047}#jump-btn img{pointer-events:none;height:1.75rem}.wlabel{letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;pointer-events:none;font-size:.5625rem;font-weight:800}#jump-btn:active{transform:translateY(.1875rem);box-shadow:0 0 #00000047}#jump-btn{min-width:4rem;margin-left:auto}#held-weapon{cursor:pointer;z-index:5;width:5.5rem;height:5.5rem;transition:transform .14s var(--spring), box-shadow .14s ease, opacity .2s ease;background:0 0;border:none;border-radius:50%;padding:0;position:absolute;top:.625rem;right:.625rem}#held-weapon.empty{opacity:0;pointer-events:none}#held-weapon:active{transform:scale(.93)}#held-pip{color:#fff;text-align:center;pointer-events:none;min-width:1.375rem;height:1.375rem;transition:transform .25s var(--spring);background:linear-gradient(#ff5d47,#cc2f1c);border-radius:.6875rem;padding:0 .3125rem;font-size:.75rem;font-weight:800;line-height:1.375rem;position:absolute;top:-.125rem;right:-.125rem}#held-weapon.armed{box-shadow:0 0 0 .1875rem var(--gold), 0 0 1.375rem #ffd83d99;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 .25rem var(--gold), 0 0 1.875rem #ffd83de6}}#held-weapon.pop{animation:heldPop .45s var(--spring)}@keyframes heldPop{0%{transform:scale(.6)rotate(-14deg)}55%{transform:scale(1.18)rotate(6deg)}to{transform:scale(1)rotate(0)}}#jump-btn:after{content:"";background:conic-gradient(#0009 calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;border-radius:.8125rem;position:absolute;inset:0}button:disabled,.screen.locked{pointer-events:none}.screen{padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));z-index:30;flex-direction:column;justify-content:safe center;align-items:center;gap:.75rem;display:flex;position:fixed;inset:0;overflow-y:auto}.festive{background:radial-gradient(circle at 16% 24%,#ffe06e4d,#0000 38%),radial-gradient(circle at 84% 22%,#78c7ff47,#0000 40%),radial-gradient(circle at 74% 82%,#b478ff42,#0000 45%),radial-gradient(circle at 50% 108%,#ff965a6b,#0000 55%),linear-gradient(168deg,#35a7ea 0%,#6a7fd6 40%,#b465c9 68%,#ff9d6a 100%)}.festive:before{content:"";filter:drop-shadow(0 .1875rem .1875rem #00000040);pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='40'%3E%3Cpath d='M0 5 Q84 13 168 5' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2'/%3E%3Cpath d='M2 6 L26 6 L14 30 Z' fill='%23ff5a5f'/%3E%3Cpath d='M30 6 L54 6 L42 30 Z' fill='%23ffd23f'/%3E%3Cpath d='M58 6 L82 6 L70 30 Z' fill='%234ea8de'/%3E%3Cpath d='M86 6 L110 6 L98 30 Z' fill='%237ac74f'/%3E%3Cpath d='M114 6 L138 6 L126 30 Z' fill='%23ff8e3c'/%3E%3Cpath d='M142 6 L166 6 L154 30 Z' fill='%23b15bd6'/%3E%3C/svg%3E");background-position:top;background-repeat:repeat-x;background-size:10.5rem 2.5rem;height:2.625rem;position:absolute;top:0;left:0;right:0}.festive>*{z-index:2;position:relative}#menu-title{filter:drop-shadow(0 .5rem 1.125rem #00000073);width:min(27.5rem,88vw);animation:3.5s ease-in-out infinite logoBob}@keyframes logoBob{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-.375rem)rotate(.6deg)}}#track-carousel{align-items:center;width:min(27.5rem,96vw);display:flex;position:relative}#carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:.875rem;width:100%;padding:1.375rem calc(50% - min(8.75rem,37vw)) 2.875rem;display:flex;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.125rem calc(100% - 2.125rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.125rem calc(100% - 2.125rem),#0000 100%)}#carousel-track::-webkit-scrollbar{display:none}.track-slide{scroll-snap-align:center;opacity:.45;transition:transform .35s var(--spring), opacity .35s ease, border-color .2s;background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff24;border-radius:1.375rem;flex-direction:column;flex:0 0 min(17.5rem,74vw);align-items:center;gap:.375rem;padding:.75rem .75rem 1rem;display:flex;transform:scale(.86);box-shadow:0 .75rem 1.875rem #00000061}.track-slide.is-active{opacity:1;border-color:#ffd83d66;transform:scale(1)}.slide-thumb-wrap{width:100%;position:relative}.slide-thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:1rem;width:100%;display:block;box-shadow:0 .5rem 1.5rem #00000080}.slide-best{color:var(--gold);font-variant-numeric:tabular-nums;background:#0a0704b8;border-radius:62.4375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:800;position:absolute;top:.625rem;right:.625rem}.track-slide h3{margin:.375rem 0 0;font-size:1.375rem}.slide-meta{color:var(--text-dim);margin:0;font-size:.75rem}.slide-play{background:linear-gradient(180deg, #8fe05f, var(--player-deep));color:#0e2408;font-family:var(--font);letter-spacing:.02em;cursor:pointer;transition:transform .12s var(--spring), box-shadow .12s;border:none;border-radius:.8125rem;margin-top:.5rem;padding:.6875rem 2.25rem;font-size:1rem;font-weight:900;box-shadow:0 .25rem #3a7420}.slide-play:active{transform:translateY(.1875rem);box-shadow:0 .0625rem #3a7420}.car-arrow{z-index:2;width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;transition:opacity .2s, transform .15s var(--spring);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.625rem;line-height:1;display:flex;position:absolute}#car-prev{left:-.25rem}#car-next{right:-.25rem}.car-arrow:active{transform:scale(.9)}.car-arrow:disabled{opacity:0;pointer-events:none}#carousel-dots{gap:.5rem;margin-top:-.5rem;display:flex}.carousel-dot{cursor:pointer;width:.5rem;height:.5rem;transition:width .3s var(--spring), background .3s;background:#ffffff73;border:none;border-radius:62.4375rem;padding:0}.carousel-dot.on{background:var(--gold);width:1.375rem}.hint{color:#fffc;text-shadow:0 .0625rem .1875rem #0000004d;margin-top:.625rem;font-size:.6875rem;font-weight:600}#tv-link{color:#fff;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#ffffff2e;border:.0625rem solid #fff6;border-radius:62.4375rem;padding:.4375rem .875rem;font-size:.75rem;font-weight:800;text-decoration:none}#tv-link:active{transform:scale(.96)}.carousel{align-items:center;width:min(27.5rem,96vw);display:flex;position:relative}.carousel-rail{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:.875rem;width:100%;padding:1.375rem calc(50% - min(8.75rem,37vw)) 2.875rem;display:flex;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.125rem calc(100% - 2.125rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.125rem calc(100% - 2.125rem),#0000 100%)}.carousel-rail::-webkit-scrollbar{display:none}.carousel-dots{gap:.5rem;margin-top:-.5rem;display:flex}#mode-prev{left:-.25rem}#mode-next{right:-.25rem}#mode-track .slide-thumb{object-fit:contain;background:#0b0a0e}.modal-card{background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff24;border-radius:1.375rem;flex-direction:column;align-items:center;gap:.875rem;width:min(21.25rem,90vw);padding:1.375rem 1.375rem 1.125rem;display:flex;box-shadow:0 1.25rem 3.125rem #00000080}.modal-card h2{text-align:center;margin:0;font-size:1.375rem}.modal-sub{color:var(--text-dim);margin:-.375rem 0 0;font-size:.8125rem}.modal-card input[type=text],.modal-card>input:not([type]),#name-input,#code-input{color:#241a10;width:100%;font-family:var(--font);text-align:center;background:#ffffffeb;border:.0625rem solid #ffffff4d;border-radius:.75rem;padding:.6875rem .875rem;font-size:.9375rem;font-weight:700}#name-input::placeholder,#code-input::placeholder{color:#281a1066}#code-input{text-transform:uppercase;letter-spacing:.3em}.silks-preview{filter:drop-shadow(0 .375rem .875rem #00000080);border-radius:50%;width:6rem;height:6rem}.silks-row{align-items:center;gap:.625rem;width:100%;display:flex}.set-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);flex:0 0 3.875rem;font-size:.75rem;font-weight:800}#silks-patterns{flex:1;gap:.375rem;display:flex}.pattern-btn{color:var(--text-dim);font-family:var(--font);text-transform:capitalize;cursor:pointer;background:#0000004d;border:.0625rem solid #fff3;border-radius:.5625rem;flex:1;padding:.5rem .25rem;font-size:.6875rem;font-weight:800}.pattern-btn.on{background:var(--gold);color:#2a1c00;border-color:var(--gold)}.swatch{cursor:pointer;border:.125rem solid #ffffff40;border-radius:.625rem;flex:1;height:2.5rem;overflow:hidden}.swatch input[type=color]{cursor:pointer;background:0 0;border:none;width:150%;height:150%;margin:-.75rem}.modal-card .big-btn{width:100%}.pick-title{color:#fff;text-shadow:0 .125rem .375rem #0006;margin:0;font-size:1.375rem}.modal{z-index:40;-webkit-backdrop-filter:blur(.1875rem);backdrop-filter:blur(.1875rem);background:#06040c99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}#settings-card{background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff24;border-radius:1.375rem;flex-direction:column;gap:1rem;width:min(21.25rem,90vw);padding:1.375rem 1.375rem 1rem;display:flex;box-shadow:0 1.25rem 3.125rem #00000080}#settings-card h2{text-align:center;margin:0;font-size:1.375rem}.set-row{grid-template-columns:auto 1fr 2.875rem;align-items:center;gap:.75rem;display:grid}.set-row label{color:var(--text);font-size:.875rem;font-weight:800}.set-row input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.set-val{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:800}.settings-foot{border-top:.0625rem solid #ffffff1f;justify-content:space-between;align-items:center;padding-top:.25rem;display:flex}#settings-credit{color:var(--text-dim);align-items:center;gap:.375rem;margin:-.625rem -.375rem;padding:.625rem .375rem;font-size:.8125rem;font-weight:800;text-decoration:none;display:inline-flex}#settings-credit img{width:auto;height:1.125rem;display:block}#settings-ver{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.set-bigscreen{border-top:.0625rem solid #ffffff1f;flex-direction:column;gap:.5rem;padding-top:.875rem;display:flex}.set-bigscreen .set-label{flex:none}.set-hint{color:var(--text-dim);margin:0;font-size:.75rem;line-height:1.4}.tv-url-row{gap:.375rem;display:flex}#tv-url{min-width:0;color:var(--text);font-family:var(--font);background:#0000004d;border:.0625rem solid #fff3;border-radius:.625rem;flex:1;padding:.5625rem .75rem;font-size:.75rem;font-weight:700}.url-btn{color:#fff;font-family:var(--font);cursor:pointer;background:#ffffff29;border:none;border-radius:.625rem;flex:none;padding:.5625rem .875rem;font-size:.8125rem;font-weight:800}.url-btn:active{transform:scale(.94)}#lobby-card{background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff24;border-radius:1.375rem;flex-direction:column;align-items:center;gap:.5rem;width:min(21.25rem,90vw);padding:1.5rem 1.375rem;display:flex;box-shadow:0 1.25rem 3.125rem #0006}.lobby-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.6875rem;font-weight:800}#lobby-code{letter-spacing:.22em;color:var(--gold);margin:0;font-size:3.25rem}.lobby-sub{color:var(--text-dim);margin:0 0 .5rem;font-size:.75rem}#lobby-players{flex-direction:column;gap:.375rem;width:100%;margin:0;padding:0;list-style:none;display:flex}#lobby-players li{background:#0000004d;border-radius:.625rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;display:flex}#lobby-players img{width:1.625rem;height:1.625rem}#lobby-players .host-tag{color:var(--gold);letter-spacing:.08em;margin-left:auto;font-size:.625rem;font-weight:800}#lobby-tracks{grid-template-columns:repeat(4,1fr);gap:.375rem;width:100%;margin-top:.5rem;display:grid}.lobby-track{border:.125rem solid var(--line);color:var(--text);font-family:var(--font);cursor:pointer;background:#0000004d;border-radius:.75rem;flex-direction:column;padding:0;display:flex;overflow:hidden}.lobby-track img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.lobby-track span{white-space:nowrap;text-overflow:ellipsis;padding:.25rem .125rem;font-size:.625rem;font-weight:800;overflow:hidden}.lobby-track.picked{border-color:var(--gold);box-shadow:0 0 0 .0625rem var(--gold);color:var(--gold)}.lobby-track:disabled{opacity:.6;pointer-events:none}#end{-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);background:#0805038c}#end-card{width:min(20rem,88vw);animation:cardIn .45s var(--spring);background:linear-gradient(#2c2740,#201d30);border:.0625rem solid #ffffff24;border-radius:1.375rem;flex-direction:column;align-items:center;gap:.625rem;padding:1.625rem 1.375rem;display:flex;box-shadow:0 1.5rem 4.375rem #0009}@keyframes cardIn{0%{opacity:0;transform:scale(.7)translateY(1.875rem)}to{opacity:1;transform:none}}#end-logo{border-radius:.75rem;width:6.875rem}#end-title{letter-spacing:.03em;margin:.25rem 0 0;font-size:1.875rem}#end.won #end-title{color:var(--gold)}#end.lost #end-title{color:var(--rival)}#end-sub{color:var(--text-dim);margin:0;font-size:.875rem}#end-best{color:var(--gold);margin:0;font-size:.875rem;font-weight:800}.big-btn{background:linear-gradient(180deg, #8fe05f, var(--player-deep));color:#0e2408;width:100%;font-family:var(--font);cursor:pointer;transition:transform .12s var(--spring), box-shadow .12s;border:none;border-radius:.875rem;margin-top:.25rem;padding:.8125rem;font-size:1rem;font-weight:900;box-shadow:0 .25rem #3a7420}.big-btn:active{transform:translateY(.1875rem);box-shadow:0 .0625rem #3a7420}.big-btn:disabled{opacity:.85;box-shadow:0 .25rem #0003}.big-btn.secondary{color:#fff;background:#ffffff24;border:.0625rem solid #ffffff40;box-shadow:0 .25rem #00000038}.big-btn.secondary:active{box-shadow:0 .0625rem #00000038}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important;animation-duration:10ms!important}}