: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:repeat(5,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}.record-reject{text-align:left;background:#00000040;border:1px solid #fbf3e433;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px;max-width:40ch;padding:12px 16px;animation:.4s ease-out both reject-shake;display:grid}.record-reject-emoji{font-size:34px;line-height:1}.record-reject strong{color:var(--gum)}@keyframes reject-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.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}.rank-line{color:var(--paper-dim);margin-top:8px;font-size:16px;font-weight:600}.rank-line.is-record{color:var(--fizz);font-size:20px;animation:.6s cubic-bezier(.2,1.4,.4,1) both record-pop}@keyframes record-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tag{background:#fbf3e41a;border:1px solid #fbf3e438;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:600}.tag small{color:var(--paper-dim);margin-left:6px;font-size:12px;font-weight:500}.tag.is-headline{background:var(--fizz);color:var(--grape);border-color:var(--fizz);padding:8px 16px;font-size:19px}.tag.is-headline small{color:#24103fb3}.tag.is-bonus{border-color:var(--mint)}.tag.is-penalty{border-color:var(--gum);color:#ffb3d4}.timeline{gap:8px;margin:0;display:grid}.timeline svg{background:#00000040;border-radius:14px;width:100%;height:72px;display:block}.timeline-wave{fill:#fbf3e438}.timeline-wave.is-counted{fill:var(--mint)}.timeline-seg{fill:#7fe3c814;stroke:#7fe3c88c;stroke-width:1.5px}.timeline figcaption{color:var(--paper-dim);text-align:center;font-size:14px}.timeline figcaption strong{color:var(--paper)}.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;align-items:center;gap:6px 18px;font-size:14px;display:flex}.facts .play{width:40px;height:40px;font-size:15px}.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}.rank-line.is-record,.record-reject{animation:none}}.tools{gap:12px;display:grid}.tools h2{margin-bottom:0}.tool{background:#00000038;border-radius:20px;gap:12px;padding:18px;display:grid}.tool h3{font-size:19px;font-weight:700}.tool-text{color:var(--paper-dim);font-size:15px}.tool-status{font-size:15px;font-weight:600}.tool-status.is-attention{color:var(--fizz)}.tool-result{color:var(--mint);font-size:15px;font-weight:600}.tool-foot{margin-top:8px}.login{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:10vh;display:flex}.login-lock{font-size:44px;line-height:1}.tab-lock{font-size:11px}.record-paused{text-align:center;max-width:34ch;color:var(--paper-dim);background:#f5e6631a;border:1px solid #f5e66373;border-radius:14px;padding:12px 16px;font-size:16px}.record-paused strong{color:var(--fizz);margin-bottom:2px;font-size:18px;display:block}.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}.judge{gap:14px;display:grid}.judge h2{margin-bottom:0}.judge-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.judge-card{text-align:center;cursor:pointer;background:#00000038;border:2px solid #0000;border-radius:20px;align-content:start;justify-items:center;gap:8px;padding:16px 12px;transition:border-color .12s;display:grid}.judge-card:hover{border-color:#f5e66373}.judge-play .play{width:64px;height:64px;font-size:24px}.judge-card .btn{width:100%;margin-top:4px}.judge kbd,.tool kbd{font:inherit;opacity:.6;border:1px solid;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:12px;font-weight:600}@media (width<=400px){.judge-pair{grid-template-columns:1fr}}@media (hover:none){.judge kbd{display:none}}.calib-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.calib-table th,.calib-table td{text-align:right;border-bottom:1px solid #fbf3e41a;padding:6px 8px}.calib-table th:first-child{text-align:left}.calib-table tbody th{text-transform:capitalize;font-weight:600}.calib-table thead th{color:var(--paper-dim);font-weight:600}.calib-table td.is-changed{color:var(--fizz);font-weight:700}.tool code{color:var(--paper);font-size:14px}.tool-text.is-attention{color:var(--fizz)}.calib-pinned{color:var(--paper-dim);font-size:12px;font-weight:500}.judge-note{color:var(--mint);font-size:14px;font-weight:600}