html{background:var(--void);scrollbar-color:var(--amethyst-3) var(--void)}body.site{margin:0;min-height:100svh;background:var(--void);overflow-x:hidden}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:none}.visually-hidden,.cab-hook,.cab-tag{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#stage{position:relative;width:100%;height:100vh;height:100svh;min-height:500px;overflow:hidden;isolation:isolate;background:var(--void)}.art{position:absolute;left:0;top:0;z-index:0;overflow:hidden}.art canvas{position:absolute;left:0;top:0;display:block;image-rendering:pixelated;max-width:none}#fig,#fx{pointer-events:none}.lobby{position:absolute;inset:0;z-index:3;pointer-events:none}.lobby>*{pointer-events:auto}.cabs{position:absolute;inset:0;pointer-events:none}.cab{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--dim);cursor:pointer;pointer-events:auto;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cab:focus-visible{outline:var(--px) solid var(--orchid);outline-offset:2px}.cab-thumb{display:none}.cab-text{position:absolute;left:var(--tx);top:var(--ty);width:var(--tw);height:var(--th);display:grid;place-items:center;pointer-events:none}.cab-plate{--px-size:16px;--px-lh:16px;--px-track:2px;color:var(--dim);text-transform:uppercase;white-space:nowrap}.cab[aria-checked=true] .cab-plate,.cab.is-hover .cab-plate{color:var(--moon)}@media(hover:hover)and (pointer:fine){.cab:hover .cab-plate{color:var(--moon)}}body[data-mode=wide][data-scale="2"] .cab-plate{--px-size:8px;--px-lh:8px;--px-track:1px}.cab-head{display:contents}.cab-best{position:absolute;left:50%;top:calc(100% + var(--s,3) * 1px);translate:-50% 0;display:block;width:max-content;padding:0 calc(var(--s,3) * 1px);background:var(--arc-surface-page);white-space:nowrap;text-transform:uppercase;--px-size:16px;--px-lh:16px;--px-track:2px;color:var(--arc-ink-secondary)}.cab-best .num{color:var(--arc-ink-strong)}body[data-mode=wide][data-scale="2"] .cab-best{--px-size:8px;--px-lh:8px;--px-track:1px}.cab-soon{position:absolute;left:var(--sx);top:calc(var(--sy) + var(--s,3) * 5px);translate:-50% -50%;display:block;width:min-content;padding:calc(var(--s,3) * 1px) calc(var(--s,3) * 1px);text-align:center;text-transform:uppercase;background:var(--arc-ink-strong);color:var(--arc-ink-on-accent);box-shadow:0 0 0 calc(var(--s,3) * 1px) var(--arc-surface-page);--px-size:16px;--px-lh:16px;--px-track:2px}body[data-mode=wide][data-scale="2"] .cab-soon{--px-size:8px;--px-lh:8px;--px-track:1px}.lobby-start{position:absolute;left:var(--start-x,50%);top:var(--start-y,auto);translate:-50% 0;z-index:5;width:min(440px,calc(100% - 32px));margin:0;display:grid;justify-items:stretch;gap:6px}.px .lobby-start #btn-start{width:100%;white-space:nowrap}.lobby-start-hint{margin:0;--px-track:2px;color:var(--silver);text-transform:uppercase;white-space:nowrap;text-align:center}.lobby-start.is-compact .lobby-start-hint{display:none}.lobby-note{margin:0;padding:8px 12px;text-align:center;color:var(--silver);background:var(--panel);box-shadow:inset 0 0 0 var(--px) var(--amethyst-3)}.lobby .bubble{position:absolute;left:var(--x);top:var(--y);width:var(--w);box-sizing:border-box;padding:calc(var(--s,3) * 3px) calc(var(--s,3) * 4px);background:none;box-shadow:none;border-radius:0;opacity:1;overflow:visible;display:grid;pointer-events:none;z-index:4}.bubble p{grid-area:1 / 1;margin:0;--px-size:16px;--px-lh:24px;color:var(--moon);font-style:italic;min-height:24px;overflow-wrap:anywhere}.bubble p *{font-style:italic}.bubble .ghost{visibility:hidden}.bubble.is-off{visibility:hidden}.scores{position:absolute;left:var(--sc-x,auto);right:auto;top:var(--sc-y,210px);width:var(--sc-w,400px);box-sizing:border-box;display:grid;gap:12px;padding:24px;z-index:4}.score-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.score-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;--px-face:var(--px-display);--px-size:32px;--px-lh:40px;color:var(--moon)}.score-list .ini{overflow:hidden;white-space:nowrap}.score-list .sc{text-align:right;color:var(--amethyst)}.score-list li:first-child .ini,.score-list li:first-child .sc{color:var(--orchid)}.score-list li.is-soon .ini{color:var(--faint)}.score-list li.is-hidden{visibility:hidden}.scores.is-narrow{padding:20px}.scores.is-narrow .score-list li{--px-size:24px;--px-lh:32px;gap:12px}.scores.is-tight{padding:16px;gap:8px}.scores.is-tight .score-list li{--px-size:20px;--px-lh:28px;gap:8px}body[data-mode=tall] #stage{height:auto;min-height:100svh;overflow-x:clip;overflow-y:visible}body[data-mode=tall] .lobby{position:static;box-sizing:border-box;padding-top:var(--hero-h,640px);display:flex;flex-direction:column;max-width:600px;margin-inline:auto}body[data-mode=tall] .art{left:50%;translate:-50% 0}body[data-mode=tall] .cab{--f-fill:var(--panel-2);--f-hi:var(--px-o);--f-lo:var(--void);--f-ring:var(--amethyst-3);background:linear-gradient(var(--f-ring),var(--f-ring)) 0 0 / var(--px) var(--px) no-repeat,linear-gradient(var(--f-ring),var(--f-ring)) 100% 0 / var(--px) var(--px) no-repeat,linear-gradient(var(--f-ring),var(--f-ring)) 0 100% / var(--px) var(--px) no-repeat,linear-gradient(var(--f-ring),var(--f-ring)) 100% 100% / var(--px) var(--px) no-repeat,linear-gradient(var(--f-hi),var(--f-hi)) 0 0 / 100% var(--px) no-repeat,linear-gradient(var(--f-hi),var(--f-hi)) 0 0 / var(--px) 100% no-repeat,linear-gradient(var(--f-lo),var(--f-lo)) 0 100% / 100% var(--px) no-repeat,linear-gradient(var(--f-lo),var(--f-lo)) 100% 0 / var(--px) 100% no-repeat,var(--f-fill);box-shadow:0 calc(var(--px) * -2) 0 calc(var(--px) * -1) var(--f-ring),0 calc(var(--px) * 2) 0 calc(var(--px) * -1) var(--f-ring),calc(var(--px) * -2) 0 0 calc(var(--px) * -1) var(--f-ring),calc(var(--px) * 2) 0 0 calc(var(--px) * -1) var(--f-ring)}body[data-mode=tall] .cabs{position:static;display:grid;gap:12px;padding:12px 16px 16px;pointer-events:auto}body[data-mode=tall] .cab{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:max(64px,calc(31px * var(--s,1) + 20px));display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left}body[data-mode=tall] .cab[aria-checked=true]{--f-fill:var(--panel);--f-hi:var(--amethyst-3);--f-ring:var(--amethyst)}body[data-mode=tall] .cab-thumb{display:block;flex:none;width:calc(54px * var(--s,1));height:calc(31px * var(--s,1));image-rendering:pixelated}body[data-mode=tall] .cab-text{position:static;display:grid;gap:4px;place-items:start;width:auto;height:auto;min-width:0}body[data-mode=tall] .cab-plate{--px-size:16px;text-align:left}body[data-mode=tall] .cab-hook,body[data-mode=tall] .cab-tag{position:static!important;width:auto;height:auto;margin:0;clip:auto;clip-path:none;overflow:visible;white-space:normal;color:var(--silver)}body[data-mode=tall] .cab-tag{color:var(--dim)}body[data-mode=tall] .cab-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}body[data-mode=tall] .cab-soon{position:static;translate:none;width:auto;padding:0 6px;box-shadow:none;--px-size:16px;--px-lh:20px;--px-track:1px;white-space:nowrap}body[data-mode=tall] .cab-soon-a{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body[data-mode=tall] .cab-best{position:static;translate:none;width:auto;padding:0;background:none;text-transform:none;--px-size:16px;--px-lh:24px;--px-track:0px;color:var(--dim)}body[data-mode=tall] .bubble{--px-size:16px}body[data-mode=tall] .scores{position:absolute;left:16px;right:16px;top:116px;width:auto;padding:16px}body[data-mode=tall] .score-list li{--px-size:24px;--px-lh:32px}body[data-mode=tall] .lobby{padding-bottom:var(--start-h,112px)}body[data-mode=tall] .lobby-start{position:fixed;left:50%;top:auto;bottom:0;translate:-50% 0;width:min(600px,100%);box-sizing:border-box;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--void);box-shadow:inset 0 var(--px) 0 var(--amethyst-3)}body[data-mode=tall].px #btn-start.btn-lg.btn-block{--px-size:24px;--px-lh:24px;--px-track:0px}@media(max-width:359px){body[data-mode=tall].px #btn-start.btn-lg.btn-block{--px-size:20px;--px-lh:20px}body[data-mode=tall] .score-list li{--px-size:20px;--px-lh:28px;gap:8px}body[data-mode=tall] .lobby-start-hint{--px-track:1px}}html.is-frozen .px *,html.is-frozen .px *::before,html.is-frozen .px *::after,html.fv-still .px *,html.fv-still .px *::before,html.fv-still .px *::after{animation:none!important;transition:none!important}