@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-vietnamese-wght-normal-ei70gACF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-wght-normal-Buj9m_3d.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mb-velvet: #3a0f2e;--mb-velvet-hi: #6a1f52;--mb-velvet-deep: #22081c;--mb-rose: #ff6f9f;--mb-rose-lt: #ff9dbe;--mb-rose-dk: #c2346d;--mb-rose-ink: #7a1c45;--mb-brass: #f4c45a;--mb-brass-lt: #ffe7a3;--mb-brass-dk: #a8741f;--mb-brass-ink: #6e4610;--mb-ivory: #fff4e2;--mb-ivory-dk: #f1d9b9;--mb-berry: #5a1238;--mb-ink: #3b1530;--mb-muted: #8a5570;--mb-mint: #7ff0cf;--mb-lilac: #c5a3ff;--mb-sky: #8fd8ff;--mb-display: "Fraunces Variable", Georgia, serif;--mb-mono: "Quicksand Variable", system-ui, sans-serif;--mb-read: "Quicksand Variable", system-ui, sans-serif;--mb-pop: cubic-bezier(.2, 1.6, .4, 1);--mb-settle: cubic-bezier(.2, .9, .3, 1.1);--mb-brass-face: linear-gradient(180deg, #ffe9ae, var(--mb-brass) 30%, #c88c2c 70%, #ffdc86);--mb-ivory-face: linear-gradient(180deg, #fffaf0, var(--mb-ivory) 55%, var(--mb-ivory-dk));--mb-rose-face: linear-gradient(180deg, var(--mb-rose-lt), var(--mb-rose) 50%, var(--mb-rose-dk));--mb-velvet-face: linear-gradient(160deg, rgba(120, 36, 90, .78), rgba(40, 10, 34, .9));--mb-lace: radial-gradient(circle at 8px 12px, var(--mb-ivory) 7px, transparent 7.5px) 0 0 / 16px 12px repeat-x;--kit-bg: var(--mb-velvet);--kit-panel: rgba(58, 15, 46, .92);--kit-fg: var(--mb-ivory);--kit-muted: #f0c9dc;--kit-accent: var(--mb-rose);--kit-accent-fg: #fff;--kit-accent-2: var(--mb-brass);--kit-warn: var(--mb-brass);--kit-radius: 16px;--kit-font: var(--mb-display);--kit-focus-shadow: 0 0 0 3px var(--mb-mint), 0 0 22px rgba(127, 240, 207, .55);--kit-glyph-key: linear-gradient(180deg, #fffaf0, var(--mb-ivory-dk));--kit-glyph-key-ink: var(--mb-ink);--kit-glyph-pad-bg: var(--mb-berry)}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:radial-gradient(120% 70% at 50% 0%,var(--mb-velvet-hi) 0%,var(--mb-velvet) 55%,var(--mb-velvet-deep) 100%) fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:repeating-radial-gradient(circle at 30% 20%,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(115deg,rgba(0,0,0,.08) 0 2px,transparent 2px 5px)}body{font-variation-settings:"SOFT" 100,"WONK" 0}#app{position:fixed;inset:0;touch-action:none}canvas{display:block;transition:filter .5s ease}html.mb-attract canvas{filter:blur(3px) brightness(.62) saturate(1.15)}html.mb-attract #app:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(20,4,16,.65) 100%);pointer-events:none}.mb-sparks{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.mb-sparks i{position:absolute;bottom:-10px;width:var(--size, 4px);height:var(--size, 4px);border-radius:50%;background:var(--c);box-shadow:0 0 10px 2px var(--c);opacity:0;animation:mb-rise linear infinite}@keyframes mb-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(18px,-50vh)}80%{opacity:.7}to{transform:translate(-12px,-105vh);opacity:0}}.kit-btn,.mb-btn{font-family:var(--mb-display);color:var(--mb-ink);background:var(--mb-ivory-face);border:2px solid var(--mb-brass);border-radius:16px;box-shadow:0 4px 0 var(--mb-brass-ink),0 10px 18px #0000004d,inset 0 1px #fff;transition:transform .14s var(--mb-pop),box-shadow .14s ease,filter .14s ease;outline:none}.mb-btn{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 16px 9px 10px;text-align:left}.mb-knob{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:900 16px var(--mb-read);color:var(--mb-ivory);background:radial-gradient(circle at 35% 30%,#a2447a,var(--mb-berry) 70%);box-shadow:inset 0 -3px #00000059,0 0 0 2px var(--mb-brass),0 2px 0 2px var(--mb-brass-ink);transition:transform .25s var(--mb-pop)}.mb-btn-text{display:flex;flex-direction:column;min-width:0;flex:1}.mb-btn .kit-btn-label{font:900 1.06rem/1.15 var(--mb-display)}.mb-btn-sub{font:600 .7rem/1.3 var(--mb-mono);color:var(--mb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-btn-sub:empty{display:none}@media(hover:hover){.kit-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}}.kit-btn:active{transform:translateY(3px) scale(1.02,.94);box-shadow:0 1px 0 var(--mb-brass-ink),0 4px 8px #0000004d,inset 0 1px #fff}.kit-btn.kit-primary{color:#fff;background:var(--mb-rose-face);border-color:#ffe39a;overflow:hidden;box-shadow:0 5px 0 var(--mb-rose-ink),0 0 24px #ff6f9f80,0 12px 20px #0000004d,inset 0 2px #ffffff80}.kit-primary.mb-btn{min-height:66px}.kit-primary .mb-btn-sub{color:#ffe4ee}.kit-primary .kit-btn-label{font-size:1.25rem;text-shadow:0 2px 0 var(--mb-rose-ink)}.kit-primary .mb-knob{width:46px;height:46px;color:var(--mb-berry);background:radial-gradient(circle at 35% 30%,#fff6d0,var(--mb-brass) 60%,var(--mb-brass-dk));box-shadow:inset 0 -3px #0003,0 0 0 2px #fff3c0,0 3px 0 2px var(--mb-rose-ink)}.kit-primary:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-40%;width:34px;transform:skew(-20deg);background:#ffffff52;animation:mb-sheen 3.6s ease-in-out infinite;pointer-events:none}@keyframes mb-sheen{0%,62%{left:-40%}to{left:130%}}html[data-hub-input=keys] .kit-btn:focus,.kit-btn[data-hub-focus],.kit-btn:focus-visible{box-shadow:var(--kit-focus-shadow),0 4px 0 var(--mb-brass-ink);transform:translateY(-2px)}html[data-hub-input=keys] .mb-btn:focus .mb-knob,.mb-btn[data-hub-focus] .mb-knob,.mb-btn:focus-visible .mb-knob{transform:scale(1.12) rotate(-10deg);background:radial-gradient(circle at 35% 30%,#c4fff0,var(--mb-mint) 60%,#2fae8c);color:var(--mb-ink)}html[data-hub-input=keys] .mb-btn:focus:not(:has(>.kit-glyph-on)):after,.mb-btn[data-hub-focus]:not(:has(>.kit-glyph-on)):after{content:"◀";position:absolute;right:12px;top:50%;margin-top:-9px;font:900 14px var(--mb-read);color:var(--mb-rose-dk);animation:mb-point .6s ease-in-out infinite alternate;background:none;width:auto;transform:none}@keyframes mb-point{to{translate:-5px 0}}:focus{outline:none}.mb-screw{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4cc,#b07a22 70%);box-shadow:inset 0 0 0 1px var(--mb-brass-ink);z-index:2}.mb-screw:after{content:"";position:absolute;left:2px;right:2px;top:4.5px;height:2px;background:var(--mb-brass-ink);transform:rotate(35deg)}.mb-screw-tl{left:9px;top:9px}.mb-screw-tr{right:9px;top:9px}.mb-screw-bl{left:9px;bottom:9px}.mb-screw-br{right:9px;bottom:9px}.kit-title-screen.mb-title-screen{background:transparent;justify-content:flex-start;padding-top:calc(var(--kit-top, 0px) + 10px);gap:0}.mb-kicker{position:relative;z-index:1;margin:8px 0;font:700 .72rem var(--mb-mono);letter-spacing:.42em;color:var(--mb-brass);text-shadow:0 0 10px rgba(244,196,90,.6);animation:mb-fade-up .6s .55s var(--mb-settle) both}.kit-title.mb-wordmark{position:relative;z-index:1;margin:0;font-size:inherit}.mb-plate{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 44px 14px;border-radius:26px;background:var(--mb-brass-face);box-shadow:0 6px 0 var(--mb-brass-ink),0 18px 40px #00000080,inset 0 2px #ffffffb3;animation:mb-plate-in .6s var(--mb-settle) both}.mb-plate:before{content:"";position:absolute;inset:8px;border-radius:19px;border:2px dashed rgba(110,70,16,.45);pointer-events:none}.mb-word-1,.mb-word-2{display:flex;line-height:.95}.mb-word-1 b,.mb-word-2 b{display:inline-block;font:900 clamp(2.5rem,12vw,3.6rem) var(--mb-display);background:linear-gradient(180deg,#d63a74,#a81f58 45%,#6e0f3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #fff1c2) drop-shadow(0 -1px 0 rgba(59,10,36,.6)) drop-shadow(0 4px 5px rgba(59,10,36,.3));animation:mb-spring .75s calc(.15s + var(--i) * 75ms) var(--mb-pop) both,mb-bob 2.8s calc(1.2s + var(--i) * .14s) ease-in-out infinite}.mb-word-2 b{font-size:clamp(1.7rem,8vw,2.4rem)}@keyframes mb-spring{0%{transform:translateY(80%) scale(.6,.2);opacity:0}55%{transform:translateY(-18%) scale(.9,1.25);opacity:1}78%{transform:translateY(4%) scale(1.12,.88)}to{transform:none}}@keyframes mb-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes mb-plate-in{0%{transform:translateY(-30px) scale(.9);opacity:0}}.mb-dancer-box{position:relative;z-index:1;height:92px;margin-top:-6px;animation:mb-fade-up .5s .7s var(--mb-settle) both}.mb-dancer{width:96px;height:90px;overflow:visible}.mb-twirl{transform-origin:60px 50px;transform-box:view-box;animation:mb-twirl 2.2s ease-in-out infinite}@keyframes mb-twirl{0%{transform:scaleX(1)}25%{transform:scaleX(.2) translateY(-3px)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.2) translateY(-3px)}to{transform:scaleX(1)}}.kit-tagline.mb-taglines{position:relative;z-index:1;height:1.3em;width:100%;margin:2px 0 14px;font:600 .82rem var(--mb-mono);color:#f5d6e6}.mb-taglines span{position:absolute;inset:0;text-align:center;opacity:0;animation:mb-tagline 14s infinite}.mb-taglines span:nth-child(2){animation-delay:3.5s}.mb-taglines span:nth-child(3){animation-delay:7s}.mb-taglines span:nth-child(4){animation-delay:10.5s}@keyframes mb-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}.mb-panel,.mb-card,.kit-modal-sheet{position:relative;z-index:1;box-sizing:border-box;border-radius:22px;background:var(--mb-velvet-face);border:2px solid rgba(244,196,90,.6);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff1f,inset 0 0 40px #00000040;backdrop-filter:blur(4px)}.mb-panel:before,.mb-card:before,.kit-modal-sheet:before{content:"";position:absolute;left:18px;right:18px;top:-10px;height:12px;background:var(--mb-lace);opacity:.92;pointer-events:none}.mb-panel{width:min(400px,calc(100vw - 32px));padding:18px 16px 14px;animation:mb-lid .55s .25s var(--mb-settle) both}.mb-panel .kit-menu,.mb-card .kit-menu{display:flex;flex-direction:column;gap:10px;width:100%;max-width:none;margin:0;padding:0}.mb-panel .kit-continue{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}@keyframes mb-lid{0%{transform:perspective(700px) rotateX(-28deg) translateY(18px) scale(.97);transform-origin:50% 0;opacity:0}}.mb-in{animation:mb-slide-in .42s calc(.35s + var(--i, 0) * .06s) var(--mb-settle) both}@keyframes mb-slide-in{0%{transform:translateY(14px);opacity:0}}@keyframes mb-fade-up{0%{transform:translateY(10px);opacity:0}}.mb-choosers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;animation:mb-fade-up .4s .4s var(--mb-settle) both}.mb-chooser{position:relative;display:grid;grid-template-columns:30px 1fr 30px;grid-template-rows:auto auto;align-items:center;padding:4px 4px 6px;border-radius:14px;background:#00000047;border:1px solid rgba(244,196,90,.4);box-shadow:inset 0 2px 6px #0000004d;outline:none}.mb-choice-label{grid-column:1 / -1;text-align:center;font:700 .62rem var(--mb-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mb-brass)}.mb-choice-value{text-align:center;font:900 1.02rem var(--mb-display);color:var(--mb-ivory)}.mb-choice-value.mb-flip{animation:mb-flip .3s var(--mb-pop)}@keyframes mb-flip{0%{transform:rotateX(80deg) scale(.8);opacity:.2}}.mb-arrow{width:30px;height:30px;min-height:0;padding:0;border:none;border-radius:50%;font:900 18px/1 var(--mb-read);color:var(--mb-berry);background:var(--mb-brass-face);box-shadow:0 2px 0 var(--mb-brass-ink);cursor:pointer}.mb-arrow:active{transform:translateY(2px);box-shadow:none}.mb-chooser>.kit-glyph{position:absolute;right:6px;top:3px;--kit-glyph-size: 16px}html[data-hub-input=keys] .mb-chooser:focus,.mb-chooser[data-hub-focus],.mb-chooser:focus-visible{border-color:var(--mb-mint);box-shadow:var(--kit-focus-shadow)}@media(pointer:coarse){.mb-arrow{width:44px;height:44px}.mb-chooser{grid-template-columns:44px 1fr 44px}}.mb-footer,.mb-stats{display:flex;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}.mb-stats{justify-content:center;margin:10px 0 4px}.mb-chip{padding:5px 12px;border-radius:999px;font:700 .64rem var(--mb-mono);letter-spacing:.12em;text-transform:uppercase;color:#f5d6e6;white-space:nowrap;background:#00000052;border:1px solid rgba(244,196,90,.45)}.mb-chip strong{color:var(--mb-brass);font-size:.86rem}.mb-stars{display:inline-flex;gap:2px}.mb-star{font-style:normal;color:#ffffff38;text-shadow:0 1px 0 rgba(0,0,0,.3)}.mb-star.mb-on{color:var(--mb-brass);text-shadow:0 2px 0 var(--mb-brass-ink),0 0 10px rgba(244,196,90,.7)}.mb-stars-big{display:flex;justify-content:center;gap:10px;margin:6px 0 4px;font-size:2.6rem;line-height:1}.mb-stars-big .mb-star{animation:mb-star-in .5s calc(.45s + var(--i) * .28s) var(--mb-pop) both}.mb-stars-big .mb-star:nth-child(2){transform:translateY(-8px);font-size:3.1rem}@keyframes mb-star-in{0%{transform:scale(0) rotate(-120deg);opacity:0}}.kit-hud{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 76px 0;pointer-events:none}.mb-hud-row{display:flex;gap:8px;justify-content:center}.mb-hud-tag{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;box-sizing:border-box;padding:4px 14px;border-radius:999px;font:900 1.05rem var(--mb-display);color:var(--mb-ink);background:var(--mb-ivory-face);border:2px solid var(--mb-brass);box-shadow:0 3px 0 var(--mb-brass-ink),0 8px 14px #0000004d}.mb-hud-icon{font-style:normal;color:var(--mb-rose-dk);display:inline-block;animation:mb-note-wiggle 1.6s ease-in-out infinite}@keyframes mb-note-wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg) translateY(-2px)}}.mb-hud-stars .mb-star{font-size:1.05rem}.mb-hud-stars .mb-star:not(.mb-on){color:#6e461040;text-shadow:none}.mb-hop{animation:mb-hop .45s var(--mb-pop)}@keyframes mb-hop{40%{transform:scale(1.22);box-shadow:0 3px 0 var(--mb-brass-ink),0 0 24px #f4c45ad9}}.mb-hud-song{margin:2px 0 0;max-width:100%;font:italic 700 .86rem var(--mb-display);color:#f5d6e6;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-song-in{animation:mb-fade-up .5s var(--mb-settle)}.mb-banner{position:fixed;left:0;right:0;top:38%;display:flex;justify-content:center;pointer-events:none}.mb-banner span{padding:10px 22px;border-radius:16px;font:900 1.3rem var(--mb-display);color:var(--mb-berry);background:var(--mb-brass-face);box-shadow:0 5px 0 var(--mb-brass-ink),0 0 30px #f4c45a99}.mb-banner-in span{animation:mb-banner 1.4s var(--mb-pop) both}@keyframes mb-banner{0%{transform:scale(.3) rotate(-8deg);opacity:0}18%{transform:scale(1.1) rotate(2deg);opacity:1}28%{transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.mb-pop{position:absolute;left:50%;top:0;font:900 .95rem var(--mb-mono);color:var(--mb-brass);text-shadow:0 2px 0 var(--mb-brass-ink);pointer-events:none;animation:mb-pop .9s ease-out forwards}@keyframes mb-pop{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-46px);opacity:0}}.kit-pause-btn{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;color:var(--mb-ivory);background:radial-gradient(circle at 35% 30%,#a2447a,var(--mb-berry) 70%);border:2px solid var(--mb-brass);box-shadow:0 3px 0 var(--mb-brass-ink),0 6px 12px #00000059}.kit-dim{background:#1606128c}.mb-card{width:min(420px,calc(100vw - 28px));padding:22px 18px 18px;text-align:center;animation:mb-lid .4s var(--mb-settle) both}.kit-screen[data-redraw=true] .mb-card,.kit-screen[data-redraw=true] .mb-in,.kit-screen[data-redraw=true] .mb-panel{animation:none}.mb-heading,.kit-modal-title{margin:0 0 4px;font:900 clamp(1.8rem,8vw,2.5rem) / 1.05 var(--mb-display);background:linear-gradient(180deg,#fff6d6 10%,var(--mb-brass) 55%,var(--mb-brass-dk));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 var(--mb-brass-ink)) drop-shadow(0 0 12px rgba(244,196,90,.35));animation:mb-spring .6s .1s var(--mb-pop) both}.mb-heading.mb-won{background-image:linear-gradient(180deg,#fff 10%,var(--mb-rose-lt) 50%,var(--mb-rose-dk));filter:drop-shadow(0 3px 0 var(--mb-rose-ink)) drop-shadow(0 0 14px rgba(255,111,159,.5))}.mb-card-sub{margin:0 0 8px;font:600 .78rem var(--mb-mono);color:#f5d6e6;animation:mb-fade-up .4s .12s var(--mb-settle) both}.mb-card .kit-result-body{margin:0 0 14px;padding:10px 12px;border-radius:16px;background:#00000040;box-shadow:inset 0 2px 8px #0000004d}.mb-result-song{margin:0 0 2px;font:italic 700 .92rem var(--mb-display);color:#f5d6e6}.mb-result-top{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 2px}.mb-face{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--mb-ivory);box-shadow:0 0 0 3px var(--mb-brass),0 4px 0 3px var(--mb-brass-ink);overflow:hidden;animation:mb-star-in .5s .3s var(--mb-pop) both}.mb-face-happy{animation:mb-bob 1.4s ease-in-out infinite}.mb-total{display:flex;flex-direction:column;align-items:flex-start}.mb-total span{font:700 .66rem var(--mb-mono);letter-spacing:.2em;text-transform:uppercase;color:#f5d6e6}.mb-total strong{font:900 2.4rem/1 var(--mb-display);color:var(--mb-brass);text-shadow:0 3px 0 var(--mb-brass-ink)}.mb-best{margin:4px 0 0;font:700 .85rem var(--mb-mono);color:#f5d6e6}.kit-modal{background:#1606128c}.kit-modal-sheet{padding:24px 18px 18px;color:var(--mb-ivory);font-family:var(--mb-read);animation:mb-lid .38s var(--mb-settle) both}.kit-modal-body{font:500 .95rem/1.45 var(--mb-read);color:#fbe9f2}.kit-modal-body p,.kit-modal-body li{position:relative;padding-left:26px}.kit-modal-body p:before,.kit-modal-body li:before{content:"♪";position:absolute;left:4px;color:var(--mb-brass);font-weight:900}.kit-modal-body .kit-row:before{content:none}.kit-modal-body .kit-row{padding:8px 4px;border-bottom:1px dashed rgba(244,196,90,.3)}.kit-modal-buttons{display:flex;flex-direction:column;gap:10px;margin-top:14px}.kit-toggle{background:#00000059;border:2px solid var(--mb-brass)}.kit-toggle[aria-checked=true]{background:var(--mb-rose-face)}.kit-toggle:after{background:var(--mb-brass-face);box-shadow:0 2px 0 var(--mb-brass-ink)}.kit-seg-item[aria-checked=true]{color:#fff;background:var(--mb-rose-face);border-color:#ffe39a}input[type=range]{accent-color:var(--mb-rose)}.kit-toast{color:var(--mb-ink);font:600 .95rem var(--mb-read);background:var(--mb-ivory-face);border:2px solid var(--mb-brass);border-left:8px solid var(--mb-rose);border-radius:14px;box-shadow:0 4px 0 var(--mb-brass-ink),0 12px 24px #00000059}@media(max-height:700px){.mb-dancer-box{height:64px}.mb-dancer{width:66px;height:62px}.mb-plate{padding:10px 36px}.mb-btn{min-height:50px;padding-top:6px;padding-bottom:6px}.kit-primary.mb-btn{min-height:56px}.mb-kicker{margin:2px 0 6px}}@media(prefers-reduced-motion:reduce){.mb-sparks,.kit-primary:after{display:none}.mb-word-1 b,.mb-word-2 b,.mb-plate,.mb-panel,.mb-card,.mb-in,.mb-twirl,.mb-heading,.kit-modal-title,.kit-modal-sheet,.mb-stars-big .mb-star,.mb-hud-icon,.mb-face,.mb-face-happy,.mb-taglines span,.mb-kicker,.mb-dancer-box,.mb-choosers{animation:none!important}.mb-taglines span:first-child{opacity:1}}.mb-hud-line{display:flex;align-items:flex-end;justify-content:center;gap:4px;max-width:100%}.mb-hud-dancer{flex:none;width:34px;height:32px;margin-bottom:-2px}html.mb-roomy .mb-hud-dancer{display:none}.mb-hud-dancer .mb-dancer{width:34px;height:32px}.mb-hud-dancer.mb-fast .mb-twirl{animation-duration:.9s}.mb-hud-dancer.mb-still .mb-twirl{animation-play-state:paused}.mb-hud-dancer.mb-sit .mb-twirl{animation:none;transform:translateY(14px) scaleY(.75);transition:transform .6s var(--mb-settle)}html[data-prompts] .mb-btn:has(>.kit-glyph-on){padding-left:10px;padding-right:52px}.kit-modal{background:#160612c7}.kit-modal-sheet{padding-top:30px}.kit-modal-sheet:before{top:0;background:radial-gradient(circle at 8px 0,var(--mb-ivory) 7px,transparent 7.5px) 0 0 / 16px 12px repeat-x}.kit-modal-body .kit-row{padding:3px 4px;min-height:44px;box-sizing:border-box}.mb-hud-song{white-space:normal;text-align:center;max-width:260px;font-size:clamp(.74rem,3.4vw,.86rem);line-height:1.15}.mb-hud-dancer,.mb-hud-dancer .mb-dancer{width:46px;height:44px}.mb-chooser>.kit-glyph{left:6px;right:auto}.mb-chip-best{display:inline-block;font-size:.72rem}.mb-title-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:420px){.mb-plate{padding-left:30px;padding-right:30px}}@media(max-height:780px){.mb-plate{padding-top:8px;padding-bottom:8px}.mb-word-1 b{font-size:clamp(2rem,10vw,2.8rem)}.mb-word-2 b{font-size:clamp(1.4rem,7vw,1.9rem)}.mb-dancer-box,.mb-dancer-box .mb-dancer{height:56px;width:60px}.kit-tagline.mb-taglines{margin-bottom:12px}.mb-btn{min-height:48px;padding-top:5px;padding-bottom:5px}.kit-primary.mb-btn{min-height:54px}.mb-panel .kit-menu{gap:8px}.mb-choosers{margin-bottom:10px}}@media(max-height:640px){.mb-dancer-box{display:none}.mb-kicker{margin:0 0 4px}.mb-btn-sub{font-size:.64rem}.mb-knob{width:32px;height:32px}.kit-primary .mb-knob{width:38px;height:38px}}@media(min-aspect-ratio:5/4)and (min-width:700px){.kit-title-screen.mb-title-screen{flex-direction:row;align-items:center;justify-content:center;gap:clamp(24px,5vw,70px);padding-top:var(--kit-top, 0px)}.mb-title-head{width:auto;max-width:46vw}.mb-panel .kit-menu{display:grid;grid-template-columns:1fr 1fr}.mb-panel .kit-menu>.kit-primary{grid-column:1 / -1}.mb-panel{width:min(560px,50vw)}}@media(max-height:500px)and (min-aspect-ratio:5/4){.mb-dancer-box{display:none}.mb-card .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mb-card{width:min(620px,calc(100vw - 28px));padding:16px 14px 12px}.mb-card .mb-stars-big{font-size:1.6rem}.mb-card .mb-stars-big .mb-star:nth-child(2){font-size:1.9rem}.mb-heading{font-size:1.6rem}.mb-card .mb-result-top{margin:2px 0}.mb-face{width:50px;height:50px}.mb-panel{padding:14px 12px 10px}.mb-footer{display:none}.mb-word-1 b{font-size:2.2rem}}@media(max-height:700px){.mb-card{margin-bottom:60px}}@media(max-height:700px)and (max-aspect-ratio:5/4){.mb-panel .kit-menu{display:grid;grid-template-columns:1fr 1fr}.mb-panel .kit-menu>.kit-primary{grid-column:1 / -1}.mb-panel .kit-menu>.mb-btn:not(.kit-primary){gap:8px;padding-right:8px}.mb-panel .kit-menu>.mb-btn:not(.kit-primary) .kit-btn-label{font-size:.9rem}.mb-panel .kit-menu>.mb-btn:not(.kit-primary) .mb-btn-sub{display:none}}@media(max-height:700px)and (max-aspect-ratio:5/4){html[data-prompts] .mb-panel .kit-menu>.mb-btn:not(.kit-primary){padding-right:8px}.mb-panel .kit-menu>.mb-btn:not(.kit-primary)>.kit-glyph{display:none}}html.mb-cover #ui,html.mb-cover .mb-sparks{display:none}html.mb-cover #app{z-index:1;transform:translate(206px) translateY(18px) rotate(4deg) scale(.72);transform-origin:50% 60%}.mb-cover-rays{position:fixed;inset:-40%;z-index:0;background:radial-gradient(circle at 34% 50%,rgba(255,157,190,.55),rgba(255,111,159,.15) 22%,transparent 45%),repeating-conic-gradient(from 0deg at 34% 50%,rgba(244,196,90,.16) 0 7deg,transparent 7deg 18deg)}.mb-cover-title{position:fixed;left:22px;top:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateY(-54%) rotate(-4deg)}.mb-cover-kicker{font:800 .8rem var(--mb-mono);letter-spacing:.4em;color:var(--mb-brass);text-shadow:0 0 10px rgba(244,196,90,.7),0 2px 0 var(--mb-velvet-deep)}.mb-cover-title .mb-plate{padding:18px 40px 14px;animation:none;box-shadow:0 6px 0 var(--mb-brass-ink),0 0 40px #ffd2788c,0 18px 40px #00000080,inset 0 2px #ffffffb3}.mb-cover-title .mb-word-1 b{font-size:4.6rem;animation:none}.mb-cover-title .mb-word-2 b{font-size:3.1rem;animation:none}.mb-cover-pill{padding:8px 20px;border-radius:999px;font:900 1.05rem var(--mb-display);color:#fff;background:var(--mb-rose-face);border:3px solid #ffe39a;box-shadow:0 4px 0 var(--mb-rose-ink),0 0 20px #ff6f9f99;text-shadow:0 2px 0 var(--mb-rose-ink)}.mb-cover-dancer{position:fixed;left:300px;bottom:6px;z-index:6;filter:drop-shadow(0 0 18px rgba(255,179,207,.85))}.mb-cover-dancer .mb-dancer{width:150px;height:140px}.mb-cover-dancer .mb-twirl{animation:none;transform:rotate(-6deg)}.mb-cover-burst{position:fixed;left:520px;top:74px;z-index:6;display:grid;place-items:center;width:170px;height:104px;transform:rotate(-9deg);background:var(--mb-brass-face);clip-path:polygon(50% 0,60% 22%,82% 6%,78% 32%,100% 34%,84% 52%,100% 70%,76% 70%,80% 96%,58% 80%,46% 100%,38% 78%,14% 92%,20% 66%,0 58%,18% 44%,4% 22%,28% 26%,30% 2%);filter:drop-shadow(0 4px 0 var(--mb-brass-ink))}.mb-cover-burst b{font:900 1.9rem var(--mb-display);color:var(--mb-berry);text-shadow:0 2px 0 #fff1c2}.mb-cover-note{position:fixed;z-index:4;font:900 3rem/1 var(--mb-display);font-style:normal;color:var(--c);transform:rotate(var(--t));text-shadow:0 3px 0 rgba(34,8,28,.6),0 0 16px var(--c)}