@font-face{font-family:Tomorrow;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/tomorrow-latin-100-normal-Bffxtnrs.woff2)format("woff2"),url(/assets/tomorrow-latin-100-normal-BcIJd9p_.woff)format("woff")}@font-face{font-family:Tomorrow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/tomorrow-latin-300-normal-C7vkBcR3.woff2)format("woff2"),url(/assets/tomorrow-latin-300-normal-uyff9qR2.woff)format("woff")}@font-face{font-family:Tomorrow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tomorrow-latin-400-normal-CV7nL-tW.woff2)format("woff2"),url(/assets/tomorrow-latin-400-normal-Ci7uUuHW.woff)format("woff")}@font-face{font-family:Tomorrow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tomorrow-latin-500-normal-DsnaWnE_.woff2)format("woff2"),url(/assets/tomorrow-latin-500-normal-DfGNC87j.woff)format("woff")}:root{--hud-bg:#0c0e1240;--panel-bg:#0c0e12d1;--solid-bg:#0c0e12eb;--faint-bg:#0c0e1266;--scrim:#00000080;--well:#00000040;--glass-blur:blur(4px);--hud-border:#ffffff1f;--hud-text:#f4f1ea;--hud-dim:#f4f1ea9e;--accent:#ff5a14;--blue:#39a0ff;--good:#7ee05a;--great:#ffd21e;--bad:#ff6b5a;--menu-item-size:17px;--menu-item-track:.16em;--menu-small-size:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Tomorrow,system-ui,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body{-webkit-user-select:none;user-select:none;background:#9fcff2;height:100%;margin:0;overflow:hidden}#app canvas{display:block}.curtain{z-index:80;visibility:hidden;pointer-events:none;color:#fff;position:fixed;inset:0;overflow:hidden}.curtain.on{visibility:visible;pointer-events:auto}.curtain-slab{will-change:transform;backface-visibility:hidden;position:absolute;inset:0 -30vh;transform:translate(-135%)}.curtain.covered .curtain-slab{transform:none}.curtain-bg{box-shadow:inset 6px 0 0 var(--accent), inset -6px 0 0 var(--accent);background:#1b1d22;position:absolute;inset:0;transform:skew(-18deg)}.curtain-body{text-align:center;place-content:center;justify-items:center;gap:14px;width:100vw;padding:0 24px;display:grid;position:absolute;top:0;bottom:0;left:30vh}.curtain-label{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;font-size:13px;font-weight:300}.curtain-card{justify-items:center;gap:6px;margin-top:10px;display:grid}.curtain-title{letter-spacing:.24em;text-indent:.24em;font-size:clamp(22px,3vw,34px);font-weight:300}.curtain-meta{letter-spacing:.16em;text-transform:uppercase;opacity:.62;font-size:12px;font-weight:300}.curtain-map{width:200px;height:200px;margin-top:8px}.curtain-tip{opacity:.72;max-width:min(440px,80vw);margin:12px 0 0;font-size:13px;font-weight:300;line-height:1.5}.curtain-tip:before{content:"TIP";letter-spacing:.18em;color:#fff;background:var(--accent);border-radius:4px;margin-right:10px;padding:1px 6px;font-size:10px;font-weight:500}.curtain [hidden]{display:none}@media (height<=560px){.curtain-map{width:120px;height:120px}}.wheel{will-change:transform;backface-visibility:hidden;width:64px;height:64px;animation:1.2s linear infinite wheel-spin}.wheel img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@keyframes wheel-spin{to{transform:rotate(360deg)}}.hud{pointer-events:none;height:100%;color:var(--hud-text);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000073;position:fixed;top:0;left:0;right:0;overflow:hidden}.panel{background:var(--hud-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;padding:10px 14px;position:absolute}.top-left{min-width:170px;top:16px;left:16px}.top-left .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.top-left .row.small{color:var(--hud-dim);font-size:13px}.ghost-gap[hidden]{display:none}.ghost-gap .ahead{color:var(--good)}.ghost-gap .behind{color:var(--bad)}.label{letter-spacing:.14em;color:var(--hud-dim);font-size:12px;font-weight:500}.big{font-size:26px;font-weight:500}.time i,.top-left .small i{text-align:center;width:.62em;font-style:normal;display:inline-block}.time i.p,.top-left .small i.p{width:.34em}.time{margin:2px 0 6px;font-size:30px;font-weight:500}.top-right{text-align:center;padding:8px;top:16px;right:16px}.top-right canvas{width:170px;height:170px;display:block}.seed{white-space:nowrap;letter-spacing:.14em;color:var(--hud-dim);margin-top:4px;font-size:11px}.bottom-left{align-items:center;gap:18px;display:flex;bottom:16px;left:16px}.speed{text-align:right;font-variant-numeric:tabular-nums;font-size:54px;font-weight:500;line-height:1}.speed [data-el=speed]{text-align:right;width:3.4ch;display:inline-block}.speed small{color:var(--hud-dim);margin-left:4px;font-size:14px;font-weight:500}.weight{flex-direction:column;align-items:center;gap:8px;display:flex}.pad{background:var(--well);border:2px solid #ffffff59;border-radius:50%;width:64px;height:64px;position:relative}.pad .cross:before,.pad .cross:after{content:"";background:#ffffff2e;position:absolute}.pad .cross:before{width:1px;top:8px;bottom:8px;left:50%}.pad .cross:after{height:1px;top:50%;left:8px;right:8px}.pad .dot{background:var(--great);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffd21ecc}.status{letter-spacing:.16em;opacity:0;background:#3c7828bf;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500;transition:opacity .2s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.status.show{opacity:1}.warning{letter-spacing:.1em;white-space:nowrap;opacity:0;background:#c81e14d9;border-radius:8px;padding:8px 18px;font-size:20px;font-weight:500;transition:opacity .15s;animation:.9s ease-in-out infinite warn-pulse;position:absolute;top:13%;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ffffffb3}.warning.show{opacity:1}@keyframes warn-pulse{50%{background:#8c140ed9}}.finish{text-align:center;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform, opacity;-webkit-text-stroke:1px #00000059;text-shadow:0 4px 24px #0000008c;position:absolute;top:30%;left:50%;transform:translate(-50%)}.finish.show{opacity:1;animation:.6s cubic-bezier(.2,1.4,.4,1) finish-in}.finish .ft{letter-spacing:.06em;color:#ffd84a;font-size:76px;font-weight:500}.finish .fp{letter-spacing:.08em;color:#fff;margin-top:4px;font-size:34px;font-weight:500}.finish .fh{white-space:pre-line;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-top:14px;font-size:15px;font-weight:500}@media (width<=520px){.finish{max-width:calc(100vw - 24px)}.finish .ft{font-size:52px}.finish .fh{letter-spacing:.1em;font-size:12px}}@keyframes finish-in{0%{opacity:0;transform:translate(-50%)scale(.5)}}.message{letter-spacing:.04em;white-space:nowrap;opacity:0;-webkit-text-stroke:1px #00000059;font-size:34px;font-weight:500;transition:opacity .35s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.message.show{opacity:1}.message.pop{animation:.35s ease-out pop}.message.good{color:var(--good)}.message.great{color:var(--great)}.message.bad{color:var(--bad)}.message.info{color:#fff}@keyframes pop{0%{transform:translate(-50%)scale(.6)}60%{transform:translate(-50%)scale(1.12)}to{transform:translate(-50%)scale(1)}}.help{background:var(--panel-bg);border:1px solid var(--hud-border);width:min(640px,100vw - 32px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-shadow:none;padding:20px 26px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help.hidden{opacity:0}.help h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:22px}.help h2 .dev{letter-spacing:.1em;color:var(--blue);margin-left:8px;font-size:12px}.help h3{color:var(--accent);margin:0 0 6px;font-size:14px}.help h3 span{color:var(--hud-dim);font-weight:400}.help .cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.help p{margin:4px 0;font-size:14px}.help ul{margin:14px 0 8px;padding-left:18px;font-size:14px;line-height:1.55}.help .keys{color:var(--hud-dim);font-size:12px}.help .go{text-align:center;color:var(--great);margin-top:12px;font-size:16px;font-weight:500}kbd{text-align:center;background:#ffffff14;border:1px solid #ffffff59;border-bottom-width:3px;border-radius:5px;min-width:22px;padding:1px 6px;font:500 12px/1.5 inherit;display:inline-block}.ready-prompt{background:var(--panel-bg);color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border:2px solid #ffd84a;border-radius:14px;align-items:center;gap:14px;padding:12px 22px;font-size:20px;font-weight:500;display:none;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.ready-prompt.show{animation:1.2s ease-in-out infinite ready-pulse;display:flex}.ready-prompt .rkey{color:#14161a;text-align:center;background:#ffd84a;border-bottom:4px solid #00000059;border-radius:8px;min-width:44px;padding:4px 12px;font-weight:500}.ready-prompt .rcount{color:var(--hud-dim);font-size:14px}.ready-prompt.done{border-color:#4ade80;animation:none}.ready-prompt.done .rkey{background:#4ade80}@keyframes ready-pulse{50%{box-shadow:0 0 0 6px #ffd84a59}}.hint{color:var(--hud-dim);font-size:12px;position:absolute;bottom:14px;right:18px}@media (width<=720px){.speed{width:90px;font-size:38px}.top-right canvas{width:120px;height:120px}.message{font-size:22px}.help .cols{grid-template-columns:1fr}}.padcheck{background:var(--solid-bg);border:1px solid var(--hud-border);width:min(460px,100vw - 32px);max-height:calc(100vh - 270px);color:var(--hud-text);pointer-events:auto;font-variant-numeric:tabular-nums;padding:14px 16px;font-size:12px;position:fixed;top:250px;right:16px;overflow:auto}.padcheck.hidden{display:none}.padcheck h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:15px}.padcheck h2 span{float:right;color:var(--hud-dim);text-transform:none;font-size:11px}.padcheck .pc-pad+.pad{border-top:1px solid var(--hud-border);margin-top:14px;padding-top:12px}.padcheck .pc-id{word-break:break-all;font-weight:500}.padcheck .pc-meta,.padcheck .pc-live{color:var(--hud-dim);margin:4px 0}.padcheck .pc-live b{color:var(--great)}.padcheck .pc-axis{grid-template-columns:28px 1fr 44px;align-items:center;gap:6px;margin:2px 0;display:grid}.padcheck .pc-bar{background:#ffffff1f;border-radius:4px;height:8px;position:relative}.padcheck .pc-bar div{background:var(--blue);border-radius:2px;width:4px;height:12px;margin-left:-2px;position:absolute;top:-2px}.padcheck .pc-buttons{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.padcheck .pc-btn{text-align:center;background:#ffffff14;border-radius:5px;min-width:26px;padding:3px 4px}.padcheck .pc-btn small{font-size:9px;display:block}.padcheck .pc-btn.on{background:var(--accent);color:#fff}.padcheck .pc-bind{gap:6px;margin:8px 0 4px;display:flex}.padcheck button{border:1px solid var(--hud-border);color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border-radius:6px;flex:1;padding:6px}.padcheck button.active{background:var(--blue)}.padcheck .pc-status{min-height:16px;color:var(--good)}.hud.lower{border-top:3px solid #000000a6}.player-tag{letter-spacing:.12em;border-radius:6px;padding:3px 12px;font-size:13px;font-weight:500;display:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}.player-tag.show{display:block}.race-pos{-webkit-text-stroke:1px #0006;font-size:38px;font-style:italic;font-weight:500;position:absolute;top:16px;left:204px}.countdown{color:#fff;-webkit-text-stroke:2px #00000073;opacity:0;font-size:110px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown.show{opacity:1}.countdown.go{color:var(--good)}.countdown.pop{animation:.5s ease-out count-pop}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.hud.spectating .top-left,.hud.spectating .bottom-left{display:none}.hud.compact .panel{padding:6px 10px}.hud.compact .top-left,.hud.compact .top-right{top:10px}.hud.compact .top-right canvas{width:118px;height:118px}.hud.compact .bottom-left{gap:12px;bottom:10px}.hud.compact .speed{font-size:36px}.hud.compact .time{font-size:22px}.hud.compact .message{font-size:26px;top:26%}.hud.compact .countdown{font-size:80px}.hud.compact .race-pos{font-size:30px;top:10px}.hud.compact .help{display:none}.tuning{background:var(--solid-bg);border:1px solid var(--hud-border);width:min(400px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--hud-text);pointer-events:auto;z-index:20;font-variant-numeric:tabular-nums;border-radius:12px;padding:12px 14px;font-size:12px;position:fixed;top:16px;left:16px;overflow:auto}.tuning.hidden{display:none}.tuning h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:15px}.tuning h3{text-transform:uppercase;letter-spacing:.05em;margin:10px 0 2px;font-size:12px}.tuning h2 span,.tuning h3 span{opacity:.6;text-transform:none;letter-spacing:0;font-weight:400}.tuning .tn-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tuning button{font:inherit;color:inherit;border:1px solid var(--hud-border);cursor:pointer;background:#ffffff1a;border-radius:6px;padding:2px 8px}.tuning .tn-status{opacity:.7}.tuning details.tn-group{border-top:1px solid var(--hud-border);margin-top:6px}.tuning details.tn-section{margin-left:10px}.tuning summary{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;padding:4px 0}.tuning .tn-group>summary{font-size:13px;font-weight:500}.tuning .tn-section>summary{opacity:.85;font-size:11px;font-weight:500}.tuning .tn-count{color:#ffd166;text-transform:none;letter-spacing:0;margin-left:6px;font-weight:400}.tuning .tn-section>:not(summary){margin-left:4px}.tuning label{grid-template-columns:1fr auto auto;align-items:baseline;column-gap:8px;margin:5px 0;display:grid}.tuning .tn-name{font-weight:500}.tuning .tn-info{opacity:.6;border-radius:50%;margin-left:6px;padding:0 5px;font-size:10px;line-height:14px}.tuning .tn-reset{padding:0 5px;font-size:11px;line-height:14px}.tuning .tn-reset[hidden]{visibility:hidden;display:inline-block}.tuning label input{grid-column:1/-1;width:100%;height:14px;margin:0}.tuning .tn-desc,.tuning .tn-note{opacity:.65;grid-column:1/-1;font-size:11px;line-height:1.35}.tuning .tn-desc{display:none}.tuning label.open .tn-desc{display:block}.tuning .tn-desc i{opacity:.7;display:block}.tuning .tn-note{margin:2px 0 4px}.tuning output.changed{color:#ffd166}.nethud{background:var(--faint-bg);opacity:.7;max-width:min(420px,100vw - 32px);color:var(--hud-text);white-space:pre;pointer-events:none;z-index:15;border-radius:8px;padding:8px 10px;font:11px/1.4 ui-monospace,monospace;position:fixed;bottom:44px;right:16px}.pick{z-index:18;background:var(--panel-bg);color:#fff;text-align:left;text-shadow:0 1px 8px #00000059;pointer-events:none;width:min(620px,100vw - 32px);padding:20px 22px 22px;font-weight:300;position:fixed;top:8%;left:50%;transform:translate(-50%)}.pick.hidden{display:none}.pick-title{text-transform:uppercase;font-size:var(--menu-item-size);letter-spacing:.2em;font-weight:500}.pick-status{font-size:var(--menu-small-size);letter-spacing:.16em;text-transform:uppercase;color:var(--hud-dim);margin:6px 0 14px}.pick-bar{background:#ffffff24;height:2px;margin:0 0 18px}.pick-bar .fill{background:var(--accent);width:100%;height:100%}.pick-cards{gap:12px;display:flex}.pick-card{opacity:.72;background:#ffffff0a;border-top:2px solid #ffffff24;flex:1;min-width:0;padding:12px 10px 10px;transition:opacity .15s,background .15s,border-color .15s;position:relative}.pick-card.mine{opacity:1;border-top-color:var(--accent);background:#ffffff17}.pick-card.hot{opacity:1;border-top-color:var(--great);background:#ffd21e29}.pick-card.won{opacity:1;border-top-color:var(--good)}.pick-card.won.hot{background:#7ee05a33}.pick-card.lost{opacity:.3}.pick-key{font-size:var(--menu-small-size);letter-spacing:.12em;color:var(--hud-dim)}.pick-name{text-transform:uppercase;font-size:var(--menu-small-size);letter-spacing:.16em;margin:4px 0 10px;font-weight:500}.pick-map{background:var(--well);width:100%;height:auto;display:block}.pick-map.unknown{background:var(--well)}.pick-voters{flex-wrap:wrap;gap:4px 10px;min-height:20px;margin-top:10px;display:flex}.pick-voters .chip{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;max-width:100%;font-size:11px;display:inline-block;overflow:hidden}.pick-voters .chip:before{content:"";background:var(--c,#fff);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}@media (width<=520px){.pick{padding:14px 14px 16px;top:12px}.pick-cards{gap:8px}.pick-card{padding:10px 6px 8px}.pick-name{letter-spacing:.08em}.pick-key{letter-spacing:.04em}}.gmenu{z-index:30;color:var(--hud-text);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.gmenu:before{content:"";z-index:-1;background:var(--scrim);will-change:transform;animation:.32s cubic-bezier(.2,.7,.2,1) both gm-wipe;position:absolute;inset:0 -30vh;transform:skew(-18deg)}.gmenu>*{animation:.34s cubic-bezier(.2,.7,.2,1) both gm-slide}.gmenu.closing:before{animation:.22s cubic-bezier(.5,0,.8,.4) both gm-wipe-out}.gmenu.closing>*{animation:.2s cubic-bezier(.5,0,.8,.4) both gm-slide-out}@keyframes gm-wipe{0%{transform:translate(-110%)skew(-18deg)}to{transform:translate(0,0)skew(-18deg)}}@keyframes gm-wipe-out{0%{transform:translate(0,0)skew(-18deg)}to{transform:translate(110%)skew(-18deg)}}@keyframes gm-slide{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0,0)}}@keyframes gm-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(60px)}}@media (prefers-reduced-motion:reduce){.gmenu:before,.gmenu>*{animation:none}}.gmenu.hidden{display:none}.gmenu.live{align-items:flex-start;padding-left:4vw}.gmenu.live:before{display:none}.gmenu-title{letter-spacing:.3em;text-align:center;margin-bottom:10px;font-size:22px;font-weight:300}.gmenu-title span{letter-spacing:.05em;color:#fff;border-radius:6px;margin-left:8px;padding:1px 8px;font-size:14px;font-weight:400}.gmenu>*{width:min(500px,90vw)}.gmenu-title,.gmenu-list,.gmenu-keys{background:var(--panel-bg)}.gmenu-title{margin:0;padding:16px 20px 6px}.gmenu-list{margin:0;padding:6px 10px;list-style:none}.gmenu-list li{--row-pad:10px;padding:var(--row-pad) 14px;font-size:var(--menu-item-size);letter-spacing:var(--menu-item-track);text-transform:uppercase;opacity:.72;justify-content:space-between;align-items:center;gap:12px;font-weight:300;display:flex;position:relative}.gmenu-list li.sel{opacity:1;background:#ffffff12;font-weight:500}.gmenu-list li.off{opacity:.35}.gmenu-keys{font-size:var(--menu-small-size);letter-spacing:.08em;color:var(--hud-dim);text-align:center;padding:8px 20px 14px}.gmenu-list{pointer-events:auto}.gmenu-list li{cursor:pointer;min-height:44px}.pick-card{pointer-events:auto;cursor:pointer}html,body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch{z-index:14;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;--edge:max(14px, env(safe-area-inset-left));--edge-r:max(14px, env(safe-area-inset-right));--edge-b:max(14px, env(safe-area-inset-bottom));--unit:clamp(54px, 11vmin, 92px);position:fixed;inset:0}.touch.hidden,.touch.menu-only>:not(.menu){display:none}.touch.menu-only .menu{opacity:.55}.touch-zone{pointer-events:auto;touch-action:none;width:46%;position:absolute;top:22%;bottom:0;left:0}.touch-ghost{left:var(--edge);bottom:var(--edge-b);width:calc(var(--unit) * 2);height:calc(var(--unit) * 2);border:2px dashed #ffffff47;border-radius:50%;position:absolute}.touch-base{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff73;border-radius:50%;display:none;position:fixed;transform:translate(-50%,-50%)}.touch-base.on{display:block}.touch-knob{background:#ffffff8c;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%}.touch-btn{background:var(--faint-bg);color:var(--hud-text);letter-spacing:.06em;text-align:center;pointer-events:auto;touch-action:none;border:2px solid #ffffff80;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:clamp(11px,2.4vmin,15px);font-weight:500;line-height:1.1;display:grid;position:absolute}.touch-btn.down{background:#ff5a14b3;border-color:#fff}.touch-btn.gas{right:var(--edge-r);bottom:var(--edge-b);width:calc(var(--unit) * 1.7);height:calc(var(--unit) * 1.7);font-size:clamp(14px,3.4vmin,22px)}.touch-btn.brake{right:calc(var(--edge-r) + var(--unit) * 1.9);bottom:var(--edge-b);width:var(--unit);height:var(--unit)}.touch-btn.stunt{right:calc(var(--edge-r) + var(--unit) * .35);bottom:calc(var(--edge-b) + var(--unit) * 1.9);width:calc(var(--unit) * .95);height:calc(var(--unit) * .95)}.touch-btn.kick{width:calc(var(--unit) * .8);height:calc(var(--unit) * .8);bottom:calc(var(--edge-b) + var(--unit) * 1.9);font-size:clamp(9px,2vmin,12px)}.touch-btn.kick.l{right:calc(var(--edge-r) + var(--unit) * 2.5)}.touch-btn.kick.r{right:calc(var(--edge-r) + var(--unit) * 1.4);bottom:calc(var(--edge-b) + var(--unit) * 2.6)}.touch-btn.reset,.touch-btn.menu{right:max(8px, env(safe-area-inset-right));border:1px solid var(--hud-border);background:var(--hud-bg);width:49px;height:49px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;font-size:22px}.touch-btn.menu{top:8px}.touch-btn.reset{top:65px}.touch-ui .top-left,.touch-ui .bottom-left{left:max(8px, env(safe-area-inset-left));width:124px;min-width:0;padding:6px 10px}.touch-ui .top-left{top:8px}.touch-ui .top-left .row.small{display:none}.touch-ui .time{margin:0;font-size:22px}.touch-ui .big{font-size:20px}.touch-ui .top-right{top:8px;right:calc(max(8px, env(safe-area-inset-right)) + 57px);padding:4px}.touch-ui .top-right canvas{width:96px;height:96px}.touch-ui .top-right .seed{display:none}.touch-ui .bottom-left{justify-content:flex-end;top:79px;bottom:auto}.touch-ui .bottom-left .speed{font-size:30px}.touch-ui .bottom-left .speed [data-el=speed]{width:3ch}.touch-ui .bottom-left .weight{display:none}.touch-ui .bottom-left .speed{white-space:nowrap}.touch-ui .bottom-left .speed small{margin-left:3px;font-size:12px}@media (height<=520px){.gmenu-title{padding:8px 16px 2px;font-size:16px}.gmenu-list{max-height:calc(100vh - 72px);padding:2px 8px;overflow-y:auto}.gmenu-list li{--row-pad:4px;min-height:30px;padding:var(--row-pad) 12px;font-size:15px}.gmenu-keys{padding:4px 12px 8px}}.mm{z-index:40;padding:max(16px, env(safe-area-inset-top)) max(7vw, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#fff;justify-content:flex-end;align-items:center;font-weight:300;display:flex;position:fixed;inset:0;overflow:hidden}.mm-shade{z-index:39;mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(270deg,#8c98c4,#fff 48%);position:fixed;inset:0}.mm-stage{text-shadow:1px 1px #00000026;flex-direction:column;align-items:flex-start;width:min(clamp(360px,30vw,560px),100%);display:flex;container-type:inline-size}.hero{z-index:39;background:radial-gradient(at 50% 30%,#3a2a22 0%,#1b1d22 70%);position:fixed;inset:0}.hero canvas{opacity:0;width:100%;height:100%;display:block}.hero.on canvas{opacity:1}.mm-title{letter-spacing:.2em;white-space:nowrap;font-size:clamp(30px,5vw,60px);font-weight:300;line-height:1;display:flex}.mm-title b{letter-spacing:.1em;color:var(--accent);font-weight:600}.mm-sub{letter-spacing:.24em;text-transform:uppercase;color:#ffffffd9;min-height:1.4em;margin:12px 0 26px;padding-left:.3em;font-size:13px;font-weight:300}.mm-sub.pulse{animation:1.8s ease-in-out infinite mm-pulse}@keyframes mm-pulse{50%{opacity:.3}}.mm-list{scrollbar-width:none;width:100%;max-height:calc(100dvh - 190px);margin:0;padding:0;list-style:none;overflow-y:auto}.mm-list li{--row-pad:13px;padding:var(--row-pad) 0 var(--row-pad) 16px;font-size:clamp(var(--menu-item-size), 1.9vw, 22px);letter-spacing:var(--menu-item-track);text-transform:uppercase;white-space:nowrap;opacity:.72;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:300;transition:opacity .2s,padding-left .2s;display:flex;position:relative}.mm-list li:before,.gmenu-list li:before{content:"";left:0;top:calc(var(--row-pad) - 2px);bottom:calc(var(--row-pad) - 2px);background:var(--accent);width:2px;transition:transform .2s;position:absolute;transform:scaleY(0)}.mm-list li.sel{opacity:1;font-weight:500}.mm-list li.sel:before,.gmenu-list li.sel:before{transform:scaleY(1)}.mm-list li.off{opacity:.35}.mm-list small.desc,.gmenu-list small.desc{font-size:var(--menu-small-size);letter-spacing:.06em;text-transform:none;text-align:right;opacity:.6;font-weight:300}.mm-list small.val,.gmenu-list small.val{min-width:52px;font-size:var(--menu-small-size);letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;border:1px solid #fff6;border-radius:999px;align-self:center;padding:2px 12px;font-weight:400}.mm-list li.sel small.val,.gmenu-list li.sel small.val{border-color:var(--accent);background:#ff5a1438}.mm-body{flex-direction:column;gap:8px;width:100%;margin-top:10px;display:flex}.mm-body:empty{display:none}.mm-code{letter-spacing:.3em;text-transform:uppercase;color:#fff;background:var(--faint-bg);border:1px solid #ffffff59;border-radius:0;width:100%;min-height:48px;padding:8px 16px;font-size:20px;font-weight:300}.mm-code::placeholder{color:#ffffff8c}.mm-player{background:var(--faint-bg);letter-spacing:.08em;color:#fffc;border-left:2px solid #fff6;align-items:center;gap:14px;padding:12px 16px;font-size:14px;display:flex}.mm-player b{color:#fff;font-size:16px;font-weight:400}.mm-player.done{border-left-color:var(--good);color:var(--good)}.mm-player small{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;margin-left:auto;font-size:12px}.mm-about{letter-spacing:.04em;color:#ffffffd9;max-width:420px;font-size:13px}.mm-about p{margin:0 0 10px}.mm-note{letter-spacing:.04em;color:var(--bad);font-size:13px}.mm-keys{letter-spacing:.12em;color:#ffffffb3;max-width:380px;margin-top:22px;font-size:11px}.mm.entering .mm-list li{animation:.55s cubic-bezier(.2,.75,.2,1) backwards mm-in;animation-delay:calc(.25s + var(--i,0) * 50ms)}.mm.entering .mm-keys{animation:.55s cubic-bezier(.2,.75,.2,1) .65s backwards mm-in}@keyframes mm-in{0%{opacity:0;transform:translate(56px)}}@keyframes mm-in-up{0%{opacity:0;transform:translateY(28px)}}@media (aspect-ratio<=1){.mm.entering .mm-list li,.mm.entering .mm-keys{animation-name:mm-in-up}}@media (prefers-reduced-motion:reduce){.mm.entering .mm-list li,.mm.entering .mm-keys{animation:none}}@media (aspect-ratio<=1){.mm{padding:16px 16px max(22px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-end}.mm-shade{background:linear-gradient(#fff 48%,#8591bd)}.mm-stage{align-items:center;width:min(340px,100%)}.mm-title{font-size:clamp(28px,9vw,40px)}.mm-sub{margin-bottom:18px}.mm-sub,.mm-keys{text-align:center}}@container (width<=439px){.mm-list li{flex-wrap:wrap;row-gap:0}.mm-list li small.desc{text-align:left;flex-basis:100%;order:3;margin-top:2px}.mm-list li span{flex:1}}@media (height<=460px) and (aspect-ratio>=1){.mm{padding-right:max(3vw, env(safe-area-inset-right))}.mm-stage{width:280px}.mm-title{font-size:30px}.mm-sub{margin:6px 0 12px}.mm-list li{--row-pad:8px;font-size:16px}.mm-keys{margin-top:10px}.mm-list small.desc{display:none}.mm[data-screen=settings] .mm-list li,.mm[data-screen=controls] .mm-list li{--row-pad:6px}.mm[data-screen=settings] .mm-stage,.mm[data-screen=controls] .mm-stage{width:340px}}@media (prefers-reduced-motion:reduce){.mm-sub.pulse{animation:none}}.lobby{right:max(16px, env(safe-area-inset-right));z-index:25;background:var(--panel-bg);color:#fff;pointer-events:auto;text-shadow:0 1px 8px #00000059;width:min(300px,100vw - 32px);max-height:calc(100vh - 312px);padding:18px 20px 16px;font-weight:300;position:fixed;top:236px;overflow:auto}.lobby.hidden{display:none}.lobby-label{letter-spacing:.24em;color:#ffffffb3;font-size:11px}.lobby-code{letter-spacing:.3em;-webkit-user-select:all;user-select:all;margin:2px 0 6px;font-size:36px;font-weight:300;line-height:1.1}.lobby-riders .lobby-name-input{min-width:0;font:inherit;letter-spacing:inherit;color:#fff;background:0 0;border:0;border-bottom:1px dashed #fff6;border-radius:0;flex:1;padding:0 2px}.lobby-riders .lobby-name-input::placeholder{color:#fff9}.lobby-riders .lobby-name-input:focus{border-bottom-style:solid;border-bottom-color:#fff;outline:none}.lobby-linkrow{align-items:center;gap:12px;margin-bottom:16px;display:flex}.lobby button{letter-spacing:.14em;text-transform:uppercase;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;min-height:40px;padding:8px 14px;font-size:13px;font-weight:400}.lobby button:hover:not(:disabled){border-color:#fff}.lobby button:disabled{opacity:.4;cursor:default}.lobby-link{letter-spacing:.1em!important;border:0!important;border-bottom:1px solid #ffffff73!important;min-height:32px!important;padding:4px 0!important}.lobby-note{color:var(--good);font-size:12px}.lobby-riders{margin:6px 0 12px;padding:0;list-style:none}.lobby-riders li{letter-spacing:.1em;align-items:center;gap:10px;min-height:30px;font-size:15px;display:flex}.lobby-riders i{border-radius:50%;flex:none;width:10px;height:10px}.lobby-riders .lobby-name{flex:1}.lobby-riders em{letter-spacing:.12em;color:#fff9;font-size:12px;font-style:normal}.lobby-riders em.ok{color:var(--good)}.lobby-riders li.warn em{color:var(--bad);letter-spacing:.02em}.lobby-riders small{opacity:.6;font-size:11px}.lobby-status{letter-spacing:.04em;color:#fffc;margin:0 0 12px;font-size:12px;line-height:1.5}.lobby-actions{gap:10px;display:flex}.lobby-ready{flex:1;border-color:var(--accent)!important}.lobby-ready.on{border-color:var(--good)!important;background:#7ee05a2e!important}.lobby-keys{letter-spacing:.1em;color:#ffffffa6;margin:12px 0 0;font-size:11px}@media (height<=460px){.lobby{background:var(--panel-bg);grid-template-columns:1fr 1fr;gap:18px;width:min(600px,100vw - 250px);max-height:calc(100vh - 16px);padding:12px 16px;display:grid;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.lobby-code{margin-bottom:2px;font-size:28px}.lobby-linkrow{margin-bottom:8px}.lobby-riders li{min-height:24px;font-size:13px}.lobby-riders,.lobby-status{margin-bottom:8px}.lobby-keys{display:none}}@media (width<=520px) and (orientation:portrait){.lobby{width:auto;max-height:calc(100dvh - 216px);padding:16px 16px 14px;top:200px;left:16px;right:16px}.lobby-code{letter-spacing:.18em;font-size:26px}.lobby-riders li{font-size:14px}.lobby-riders .lobby-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.finish .fh{letter-spacing:.06em;-webkit-text-stroke:0;font-size:11px;line-height:1.7}}