:root{--grape:#24103f;--grape-2:#3a1d6e;--grape-3:#4e2a8f;--paper:#fbf3e4;--paper-dim:#fbf3e49e;--fizz:#f5e663;--gum:#ff6fae;--gum-deep:#d9418a;--mint:#7fe3c8;--font-display:"Bungee", "Arial Black", sans-serif;--font-body:"Fredoka", "Nunito", system-ui, sans-serif;--tabbar-h:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--grape);background-image:radial-gradient(ellipse 120% 60% at 50% -10%, var(--grape-3) 0%, transparent 60%);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--fizz);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;font-weight:600}p{margin:0}.app{max-width:520px;padding:20px 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);min-height:100dvh;margin:0 auto}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--fizz);text-align:center;margin-bottom:12px;font-size:22px}.brand small{font-family:var(--font-body);color:var(--paper-dim);letter-spacing:0;font-size:14px;font-weight:500;display:block}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#140826eb;border-top:1px solid #fbf3e41f;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:1fr 1fr 1fr;width:100%;max-width:520px;display:grid}.tab{color:var(--paper-dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;font-size:14px;font-weight:600;display:flex}.tab span:first-child{font-size:22px;line-height:1}.tab[aria-selected=true]{color:var(--fizz)}.record{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:18px;display:flex}.record-stage{place-items:center;width:300px;height:300px;display:grid;position:relative}.record-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.burp-btn{background:radial-gradient(circle at 35% 30%, #ff9fcb 0%, var(--gum) 45%, var(--gum-deep) 100%);width:220px;height:220px;color:var(--grape);font-family:var(--font-display);transform:scale(var(--level,1));border:0;border-radius:50%;font-size:30px;line-height:1;transition:transform 80ms linear,box-shadow .2s;position:relative;box-shadow:0 18px 50px #ff6fae59,inset 0 -10px 24px #00000040}.burp-btn:active{box-shadow:0 8px 24px #ff6fae4d,inset 0 -4px 12px #00000040}.burp-btn.is-live{background:radial-gradient(circle at 35% 30%, #c9fff0 0%, var(--mint) 45%, #39b893 100%);box-shadow:0 18px 60px #7fe3c873}.burp-btn.is-busy{background:var(--grape-3);color:var(--paper-dim);box-shadow:none}.record-hint{color:var(--paper-dim);max-width:30ch;min-height:2.8em;font-size:18px}.record-hint strong{color:var(--paper);font-weight:600}.record-error{background:#ff6fae24;border:1px solid #ff6fae80;border-radius:14px;max-width:36ch;padding:12px 16px}.reveal{flex-direction:column;align-items:stretch;gap:22px;display:flex}.reveal-head{text-align:center}.score{font-family:var(--font-display);color:var(--fizz);text-shadow:0 6px #00000040;font-variant-numeric:tabular-nums;font-size:clamp(84px,26vw,120px);line-height:.95}.score-unit{font-family:var(--font-body);color:var(--paper-dim);margin-top:4px;font-size:16px;font-weight:600}.score-title{margin-top:6px;font-size:26px;font-weight:700}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.badge{background:#fbf3e41a;border:1px solid #fbf3e438;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:600}.badge.is-penalty{border-color:var(--gum)}.bars{gap:10px;display:grid}.bar{grid-template-columns:84px 1fr 44px;align-items:center;gap:10px;display:grid}.bar-label{font-size:16px;font-weight:600}.bar-label small{color:var(--paper-dim);font-size:12px;font-weight:400;display:block}.bar-track{background:#fbf3e41a;border-radius:999px;height:14px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mint), #c3ffe9);width:0;height:100%;transition:width .9s cubic-bezier(.2,.9,.2,1)}.bar-value{font-family:var(--font-display);text-align:right;color:var(--mint);font-size:15px}.facts{color:var(--paper-dim);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:14px;display:flex}.assign{background:#00000038;border-radius:20px;gap:14px;padding:18px;display:grid}.assign h2{text-align:center;font-size:20px}.chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{border:2px solid var(--gum);background:0 0;border-radius:999px;min-height:48px;padding:10px 18px;font-size:18px;font-weight:600}.chip:hover{background:#ff6fae26}.chip.is-add{color:var(--paper-dim);border-style:dashed;border-color:#fbf3e466}.add-form{gap:10px;display:grid}.add-form input{font:inherit;color:var(--paper);background:#00000040;border:2px solid #fbf3e440;border-radius:12px;padding:12px 14px;font-size:18px}.emoji-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.emoji-btn{background:#fbf3e414;border:2px solid #0000;border-radius:12px;width:44px;height:44px;font-size:24px}.emoji-btn[aria-pressed=true]{border-color:var(--fizz);background:#f5e66326}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{background:var(--fizz);min-height:48px;color:var(--grape);border:0;border-radius:999px;padding:12px 22px;font-size:17px;font-weight:700}.btn.is-quiet{color:var(--paper);background:#fbf3e41f}.btn.is-danger{color:var(--gum);background:0 0}.btn:disabled{opacity:.5}.saved{text-align:center;font-size:20px;font-weight:600}.section{margin-top:22px}.section h2{font-family:var(--font-display);color:var(--fizz);margin-bottom:12px;font-size:18px}.ranks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rank{background:#0003;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.rank.is-first{background:linear-gradient(120deg,#f5e66338,#ff6fae24)}.rank-no{font-family:var(--font-display);color:var(--paper-dim);font-size:26px}.rank.is-first .rank-no{color:var(--fizz)}.rank-name{font-size:20px;font-weight:700}.rank-meta{color:var(--paper-dim);font-size:14px}.rank-score{font-family:var(--font-display);color:var(--fizz);text-align:right;font-size:24px}.rank-score small{font-family:var(--font-body);color:var(--paper-dim);font-size:12px;font-weight:500;display:block}.burps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.burp-row{background:#0003;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.burp-who{font-size:17px;font-weight:700}.burp-meta{color:var(--paper-dim);font-size:14px}.burp-score{font-family:var(--font-display);color:var(--fizz);text-align:right;font-size:22px}.burp-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;font-size:14px;display:flex}.burp-actions select{font:inherit;color:var(--paper);background:#0000004d;border:1px solid #fbf3e440;border-radius:10px;padding:6px 10px;font-size:15px}.link-btn{color:var(--paper-dim);background:0 0;border:0;padding:6px 8px;font-weight:600}.link-btn.is-danger{color:var(--gum)}.play{background:var(--mint);width:48px;height:48px;color:var(--grape);border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.play[aria-pressed=true]{background:var(--fizz)}.empty{text-align:center;color:var(--paper-dim);padding:28px 12px;font-size:17px}.muted{color:var(--paper-dim);text-align:center;font-size:14px}@media (prefers-reduced-motion:reduce){.bar-fill,.burp-btn{transition:none}}.login{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:18vh;display:flex}.login-form{gap:12px;width:min(100%,320px);display:grid}.login-form input{font:inherit;text-align:center;color:var(--paper);background:#00000040;border:2px solid #fbf3e440;border-radius:14px;padding:14px;font-size:20px}.login-form input:focus{border-color:var(--fizz);outline:none}