:root{--mt-night:#1b1033;--mt-stage:#2b1a52;--mt-line:#120a24;--mt-cream:#fff4e0;--mt-pink:#ff4f9a;--mt-yellow:#ffd23f;--mt-cyan:#35d6e8;--mt-lime:#8be04e;--mt-font:"Arial Rounded MT Bold", "Nunito", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--mt-night);color:var(--mt-cream);font-family:var(--mt-font);overscroll-behavior:none}#app{position:fixed;inset:0}.mt{background:radial-gradient(ellipse 70% 45% at 50% 0%, #ffd23f2e, transparent 70%), repeating-linear-gradient(90deg, var(--mt-night) 0 38px, #221440 38px 76px);justify-content:center;display:flex;position:absolute;inset:0}.mt [hidden]{display:none!important}.mt__stage{flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);height:100%;padding:40px 16px 24px;display:flex;position:relative;overflow-y:auto}.mt__top{align-items:center;gap:12px;width:100%;display:flex}.mt__round{letter-spacing:.04em;color:var(--mt-yellow);text-transform:uppercase;flex:none;font-size:15px;font-weight:900}.mt__clock{border:3px solid var(--mt-line);background:var(--mt-stage);border-radius:999px;flex:1;height:14px;overflow:hidden}.mt__clock-bar{background:var(--mt-lime);transform-origin:0;height:100%;transform:scaleX(0)}.mt__clock-bar.is-low{background:var(--mt-pink)}.mt__head{text-align:center;min-height:92px}.mt__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--mt-cyan);font-size:13px;font-weight:800}.mt__title{color:var(--mt-cream);text-shadow:3px 3px 0 var(--mt-line), -1px -1px 0 var(--mt-line);font-size:clamp(30px,8vw,44px);font-weight:900;line-height:1.05}.mt__stage[data-phase=record] .mt__title{color:var(--mt-pink)}.mt__sub{opacity:.85;margin-top:4px;font-size:15px}.mt__show{place-items:center;width:100%;display:grid}.mt__scene{width:100%;height:auto}.mt__wheel{aspect-ratio:1;width:min(330px,84vw)}.mt__stage[data-phase=wheel] .mt__trace,.mt__stage[data-phase=summary] .mt__trace,.mt__stage[data-phase=summary] .mt__card{display:none}.mt__mute{border:3px solid var(--mt-line);background:var(--mt-lime);color:var(--mt-line);box-shadow:3px 3px 0 var(--mt-line);font:900 13px var(--mt-font);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.mt__mute svg{fill:none;width:18px;height:18px;stroke:var(--mt-line);stroke-width:2.4px;stroke-linecap:round}.mt__mute-x{display:none}.mt__mute.is-muted{background:var(--mt-pink)}.mt__mute.is-muted .mt__mute-x{display:inline}.mt__mute.is-closed{opacity:.5}.mt__trace{aspect-ratio:1040/240;border:4px solid var(--mt-line);background:var(--mt-stage);width:100%;box-shadow:5px 5px 0 var(--mt-line);border-radius:18px}.mt__card{border:4px solid var(--mt-line);background:var(--mt-cream);width:100%;color:var(--mt-line);box-shadow:6px 6px 0 var(--mt-line);border-radius:18px;padding:12px 16px 14px}.mt__card.is-in{animation:.35s cubic-bezier(.2,1.6,.4,1) mt-card-in}@keyframes mt-card-in{0%{opacity:0;transform:scale(.7)rotate(-3deg)}}.mt__card-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.mt__card-who{font-size:18px;font-weight:900}.mt__card-raw{color:var(--mt-pink);text-shadow:2px 2px 0 var(--mt-line);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900}.mt__bar{grid-template-columns:72px 1fr 34px;align-items:center;gap:8px;margin:4px 0;font-size:13px;font-weight:800;display:grid}.mt__bar-track{border:3px solid var(--mt-line);background:#e8dcc6;border-radius:999px;height:14px;overflow:hidden}.mt__bar-fill{height:100%;width:var(--v);background:var(--c);animation:.7s ease-out both mt-bar;animation-delay:calc(.25s + var(--i) * .75s);display:block}.mt__bar-val{animation:.3s ease-out both mt-fade;animation-delay:calc(.9s + var(--i) * .75s)}.mt__card-raw{animation:.45s cubic-bezier(.2,1.6,.4,1) 2.6s both mt-pop}.mt__card-sum{justify-content:flex-end;align-items:baseline;gap:12px;margin-top:8px;animation:.5s cubic-bezier(.2,1.6,.4,1) 3.3s both mt-pop;display:flex}.mt__card-x{border:3px solid var(--mt-line);background:var(--mt-yellow);border-radius:8px;padding:2px 8px;font-size:18px;font-weight:900}.mt__card-plus{color:#2e9e3f;text-shadow:2px 2px 0 var(--mt-line);font-size:34px;font-weight:900}.mt__card.is-quick .mt__bar-fill,.mt__card.is-quick .mt__bar-val,.mt__card.is-quick .mt__card-raw,.mt__card.is-quick .mt__card-sum{animation-delay:0s}@keyframes mt-fade{0%{opacity:0}}@keyframes mt-pop{0%{opacity:0;transform:scale(.4)}}@keyframes mt-bar{0%{width:0}}.mt__bar-val{text-align:right;font-variant-numeric:tabular-nums}.mt__summary{border:4px solid var(--mt-line);background:var(--mt-cream);width:100%;color:var(--mt-line);box-shadow:6px 6px 0 var(--mt-line);border-radius:18px;padding:12px 16px 14px}.mt__sum-head{letter-spacing:.1em;text-transform:uppercase;opacity:.6;justify-content:space-between;padding:0 4px 6px 40px;font-size:12px;font-weight:900;display:flex}.mt__sum-row{animation:.4s cubic-bezier(.2,1.6,.4,1) both mt-card-in;animation-delay:calc(var(--i) * .35s);border-top:2px solid #120a241f;grid-template-columns:30px 1fr auto 60px;align-items:center;gap:10px;padding:6px 4px;font-weight:900;display:grid}.mt__sum-row.is-me{background:#ffd23f59;border-radius:10px}.mt__sum-place{color:var(--mt-pink);font-size:20px}.mt__sum-plus{color:#2e9e3f;font-size:22px}.mt__sum-plus.is-zero{color:#120a2466}.mt__sum-total{text-align:right;font-variant-numeric:tabular-nums;font-size:22px}.mt__card-empty{opacity:.7;font-weight:800}.mt__audio{border:4px solid var(--mt-line);background:var(--mt-yellow);color:var(--mt-line);box-shadow:5px 5px 0 var(--mt-line);font:900 16px var(--mt-font);cursor:pointer;z-index:5;border-radius:999px;padding:14px 22px;animation:1.2s ease-in-out infinite mt-wiggle;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes mt-wiggle{50%{transform:translate(-50%)rotate(-3deg)scale(1.04)}}.mt__overlay{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mt__msg{border:4px solid var(--mt-line);background:var(--mt-cream);width:min(420px,100%);color:var(--mt-line);box-shadow:8px 8px 0 var(--mt-line);text-align:center;border-radius:22px;padding:24px}.mt__msg-title{color:var(--mt-pink);text-shadow:2px 2px 0 var(--mt-line);margin:0 0 8px;font-size:34px;font-weight:900}.mt__msg-body{font-size:16px;line-height:1.4}.mt__msg-btn{border:4px solid var(--mt-line);background:var(--mt-yellow);color:var(--mt-line);box-shadow:4px 4px 0 var(--mt-line);font:900 16px var(--mt-font);cursor:pointer;border-radius:999px;margin-top:16px;padding:12px 22px}.mt__countdown{pointer-events:none;color:var(--mt-yellow);text-shadow:6px 6px 0 var(--mt-line), -2px -2px 0 var(--mt-line);z-index:10;place-items:center;font-size:clamp(90px,28vw,180px);font-weight:900;display:grid;position:absolute;inset:0}.mt__countdown.is-pop{animation:.6s cubic-bezier(.2,1.6,.4,1) countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}}.mt--library{overflow-y:auto}.mt__lib{flex-direction:column;gap:14px;width:min(560px,100%);padding:44px 16px 32px;display:flex}.mt__lib-head{text-align:center}.mt__lib-name{align-items:center;gap:10px;font-weight:800;display:flex}.mt__lib-name input{border:3px solid var(--mt-line);background:var(--mt-cream);color:var(--mt-line);font:800 16px var(--mt-font);border-radius:999px;flex:1;padding:10px 14px}.mt__drop{border:4px dashed var(--mt-cyan);text-align:center;cursor:pointer;background:#35d6e814;border-radius:22px;place-items:center;gap:6px;padding:34px 16px;transition:transform .15s,background .15s;display:grid}.mt__drop strong{color:var(--mt-cyan);font-size:22px}.mt__drop span{opacity:.8;font-size:14px}.mt__drop.is-over{border-color:var(--mt-yellow);background:#35d6e833;transform:scale(1.02)rotate(-1deg)}.mt__lib-status{text-align:center;min-height:20px;font-weight:800}.mt__lib-status[data-kind=error]{color:var(--mt-pink)}.mt__lib-status[data-kind=ok]{color:var(--mt-lime)}.mt__lib-list{flex-direction:column;gap:8px;display:flex}.mt__lib-empty{text-align:center;opacity:.7;padding:12px}.mt__clip{border:3px solid var(--mt-line);background:var(--mt-stage);box-shadow:4px 4px 0 var(--mt-line);border-radius:16px;align-items:center;gap:12px;padding:8px 12px;display:flex}.mt__clip.is-fresh{animation:.35s cubic-bezier(.2,1.6,.4,1) mt-card-in}.mt__clip-play{border:3px solid var(--mt-line);background:var(--mt-yellow);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.mt__clip-play svg{width:20px;height:20px;fill:var(--mt-line)}.mt__clip.is-playing .mt__clip-play{background:var(--mt-pink)}.mt__clip-info{flex-direction:column;flex:1;min-width:0;display:flex}.mt__clip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.mt__clip-meta{opacity:.7;font-size:12px}.mt__clip-del{border:3px solid var(--mt-line);background:var(--mt-cream);color:var(--mt-line);font:800 13px var(--mt-font);cursor:pointer;border-radius:999px;flex:none;padding:6px 12px}.mt__lib-rooms{align-self:center;text-decoration:none}