:root{--paper: #fff4e3;--white: #fffdf8;--ink: #1e1433;--ink-soft: #5d5075;--text: #1e1433;--bright: #fffdf8;--dot: rgb(30 20 51 / .13);--rule: rgb(30 20 51 / .2);--rule-strong: rgb(30 20 51 / .25);--rule-faint: rgb(30 20 51 / .08);--error-bg: #ffe0e3;--alert-bg: #ffd0d5;--red: #ff4b5c;--blue: #3d6bff;--green: #14c47c;--yellow: #ffdc2e;--purple: #a45cf0;--orange: #ff8a1f;--pink: #ff5db8;--mint: #7cf0c2;--sky: #6fd0ff;--violet: #8a5cff;--line: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--radius: 22px;--font: "Bricolage Grotesque", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, monospace;--bounce: cubic-bezier(.2, 1.6, .4, 1)}:root[data-theme=dark]{color-scheme:dark;--paper: #17111f;--white: #2a2139;--ink: #07040c;--ink-soft: #b9adcf;--text: #f4eeff;--dot: rgb(255 255 255 / .07);--rule: rgb(255 255 255 / .14);--rule-strong: rgb(255 255 255 / .2);--rule-faint: rgb(255 255 255 / .06);--error-bg: #4a1f2b;--alert-bg: #4a1f2b}.p-red{--pc: var(--red);--pc-soft: #ffe0e3}.p-blue{--pc: var(--blue);--pc-soft: #e1e8ff}.p-green{--pc: var(--green);--pc-soft: #d9f7ea}.p-yellow{--pc: var(--yellow);--pc-soft: #fff6c2}.p-purple{--pc: var(--purple);--pc-soft: #efe2ff}.p-orange{--pc: var(--orange);--pc-soft: #ffe6cf}:root[data-theme=dark] :is(.p-red,.p-blue,.p-green,.p-yellow,.p-purple,.p-orange){--pc-soft: color-mix(in srgb, var(--pc) 30%, var(--white))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--text);font-family:var(--font);font-optical-sizing:auto;background-color:var(--paper);background-image:radial-gradient(circle at 1.5px 1.5px,var(--dot) 1.5px,transparent 0);background-size:24px 24px;transition:background-color .45s ease;overflow-x:hidden}body[data-flood=red]{background-color:var(--red)}body[data-flood=blue]{background-color:var(--blue)}body[data-flood=green]{background-color:var(--green)}body[data-flood=yellow]{background-color:var(--yellow)}body[data-flood=purple]{background-color:var(--purple)}body[data-flood=orange]{background-color:var(--orange)}body[data-flood]{color:var(--ink)}:root[data-theme=dark] body[data-flood=red]{background-color:color-mix(in srgb,var(--red) 70%,var(--paper));color:var(--text)}:root[data-theme=dark] body[data-flood=blue]{background-color:color-mix(in srgb,var(--blue) 70%,var(--paper));color:var(--text)}:root[data-theme=dark] body[data-flood=green]{background-color:color-mix(in srgb,var(--green) 70%,var(--paper))}:root[data-theme=dark] body[data-flood=yellow]{background-color:color-mix(in srgb,var(--yellow) 70%,var(--paper))}:root[data-theme=dark] body[data-flood=purple]{background-color:color-mix(in srgb,var(--purple) 70%,var(--paper));color:var(--text)}:root[data-theme=dark] body[data-flood=orange]{background-color:color-mix(in srgb,var(--orange) 70%,var(--paper))}button{font:inherit;color:inherit}#app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.doodles{position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity .4s}body[data-flood] .doodles{opacity:.3}.d{position:absolute;width:72px;height:72px;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;animation:float 7s ease-in-out infinite}.d1{top:11%;left:6%;stroke:var(--pink);rotate:-10deg}.d2{top:18%;right:8%;stroke:var(--yellow);rotate:12deg;animation-delay:-2s}.d3{width:70px;height:47px;bottom:16%;left:8%;stroke:var(--blue);animation-delay:-4s}.d4{bottom:9%;right:11%;stroke:var(--green);rotate:-8deg;animation-delay:-1s}.d5{top:58%;right:4%;stroke:var(--violet);rotate:-14deg;animation-delay:-3s}.d6{top:45%;left:3%;width:58px;height:58px;stroke:var(--sky);rotate:8deg;animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(6deg)}}@media(max-width:700px){.d1,.d5,.d6{display:none}}.stage{flex:1;display:grid;place-items:center;padding:28px 16px 48px;overflow-y:clip}.card{background:var(--white);color:var(--text);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow,.label{margin:0;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}body[data-flood] .eyebrow{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;font-size:18px;font-weight:700;background:var(--white);color:var(--text);border:var(--line);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover{transform:translate(-2px,-2px) rotate(-1.5deg);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:0 0 0 var(--ink)}.btn-primary{color:var(--ink);background:var(--pink)}.btn-big{font-size:24px;padding:18px 40px;letter-spacing:-.01em}.btn:focus-visible,.count-btn:focus-visible,.play-btn:focus-visible,.quit:focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 5px;font-weight:700;background:var(--white);color:var(--text);border:2.5px solid var(--ink);border-radius:999px;white-space:nowrap;vertical-align:middle}.chip .shape{width:20px;height:20px}.chip-lg{padding:5px 16px 5px 7px;font-size:18px;box-shadow:var(--shadow-sm)}.chip-lg .shape{width:26px;height:26px}.shape{fill:var(--pc);stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round;overflow:visible}.mega{margin:0;font-size:clamp(46px,9vw,104px);font-weight:800;line-height:.95;letter-spacing:-.035em;color:var(--bright);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);text-wrap:balance}@keyframes pop-in{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(var(--rot, 0deg));opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.menu{width:min(640px,100%);display:grid;gap:26px;justify-items:center;text-align:center}.title-wrap{position:relative;margin-top:8px}.title{margin:0;font-size:clamp(64px,15vw,132px);font-weight:800;line-height:.86;letter-spacing:-.05em}.t{display:inline-block;-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;animation:bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.18s);transition:transform .15s}.t:hover{transform:scale(1.15) rotate(-10deg);animation-play-state:paused}.t0{color:var(--red)}.t1{color:var(--yellow)}.t2{color:var(--blue)}.t3{color:var(--green)}.t4{color:var(--pink)}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.fight{position:relative;display:inline-block}.sticker{color:var(--ink);position:absolute;top:50%;left:calc(100% + 10px);margin-top:-24px;white-space:nowrap;padding:8px 12px;font-weight:500;font-family:var(--mono);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;background:var(--mint);border:2.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm);transform:rotate(8deg)}.setup{width:100%;padding:22px 22px 24px;display:grid;gap:16px;justify-items:center;transform:rotate(-.6deg)}.count-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.count-btn{width:68px;height:68px;font-size:30px;font-weight:800;background:var(--white);color:var(--text);border:var(--line);border-radius:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s var(--bounce),box-shadow .12s,background .15s}.count-btn:hover{transform:translateY(-3px) rotate(-3deg)}.count-btn[aria-pressed=true]{color:var(--ink);background:var(--yellow);transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.target-section{display:grid;gap:16px;justify-items:center;width:100%;padding-top:16px;border-top:2px dashed var(--ink-soft)}.target-section[hidden]{display:none}.target-btn{display:grid;place-content:center;gap:2px;line-height:1}.target-mins{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0;opacity:.75}.estimate{margin:0;font-weight:700;text-align:center}.howto{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.howto li{counter-increment:step;position:relative;padding:26px 14px 14px;font-size:15px;line-height:1.35;color:var(--ink-soft);background:var(--white);border:2.5px solid var(--ink);border-radius:16px}.howto li:nth-child(1){transform:rotate(-1.5deg)}.howto li:nth-child(3){transform:rotate(1.2deg)}.howto b{color:var(--text)}.howto li:before{content:counter(step);position:absolute;top:-16px;left:12px;width:34px;height:34px;display:grid;place-items:center;font-weight:800;border:2.5px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink)}.howto li:before{color:var(--ink)}.howto li:nth-child(1):before{background:var(--sky)}.howto li:nth-child(2):before{background:var(--yellow)}.howto li:nth-child(3):before{background:var(--pink)}@media(max-width:600px){.howto{grid-template-columns:1fr;gap:22px}.fight{display:inline}.sticker{position:static;display:table;margin:16px auto 0;transform:rotate(-3deg)}}.error{margin:0;padding:12px 16px;max-width:460px;font-weight:600;background:var(--error-bg);border:2.5px solid var(--red);border-radius:14px}.mode-note{margin:0;font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.scorebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.scorebar[hidden]{display:none}.scores{display:flex;flex-wrap:wrap;gap:10px}.score-token{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;background:var(--white);color:var(--text);border:2.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm)}.token-shape .shape{width:24px;height:24px;display:block}.token-name{font-weight:700;font-size:15px}.pips{display:inline-grid;grid-auto-flow:column;gap:3px}.pip{width:9px;height:9px;border:1.8px solid var(--ink);border-radius:50%}.pip.on{background:var(--pc)}:root[data-theme=dark] .pip:not(.on){border-color:var(--ink-soft)}.pip.pop{animation:pip-pop .6s var(--bounce)}@keyframes pip-pop{0%{transform:scale(0)}60%{transform:scale(1.9)}to{transform:scale(1)}}.token-score{min-width:1.2ch;font-size:18px;font-weight:800}.token-score.pop{animation:pip-pop .6s var(--bounce)}.bar-right{display:flex;align-items:center;gap:10px}.round-label{padding:5px 12px;font-family:var(--mono);font-size:13px;color:var(--bright);background:var(--ink);border-radius:999px}.quit{width:36px;height:36px;font-weight:800;background:var(--white);color:var(--text);border:2.5px solid var(--ink);border-radius:50%;cursor:pointer}.quit:hover{color:var(--ink);background:var(--pink)}@media(max-width:720px){.pips,.token-name{display:none}.score-token{padding-right:12px}}.reveal{display:grid;gap:30px;justify-items:center;text-align:center}.subject-card{--rot: -2deg;margin:0;max-width:min(880px,92vw);padding:30px 46px 36px;font-size:clamp(42px,8.5vw,96px);font-weight:800;line-height:.98;letter-spacing:-.035em;text-wrap:balance;border:var(--line);border-radius:30px;box-shadow:9px 9px 0 var(--ink);transform:rotate(var(--rot));animation:drop-in .65s var(--bounce) both}.tint-yellow{background:var(--yellow)}.tint-pink{background:var(--pink)}.tint-mint{background:var(--mint)}.tint-sky{background:var(--sky)}:is(.tint-yellow,.tint-pink,.tint-mint,.tint-sky){color:var(--ink)}@keyframes drop-in{0%{transform:translateY(-80px) scale(.6) rotate(6deg);opacity:0}to{transform:translateY(0) scale(1) rotate(var(--rot));opacity:1}}.first-up{margin:0;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;animation:pop-in .4s .5s var(--bounce) both}.turn{display:grid;gap:14px;justify-items:center;text-align:center}.turn-shape .shape{width:110px;height:110px;stroke-width:1.6;fill:var(--bright);filter:drop-shadow(4px 4px 0 var(--ink))}.turn-shape{animation:pop-in .5s var(--bounce) both,wiggle 1.2s .5s ease-in-out infinite}.turn .mega{animation:pop-in .45s .08s var(--bounce) both}.next-up{margin:6px 0 -4px;padding:6px 16px;font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--bright);background:var(--ink);border-radius:999px;animation:pop-in .4s var(--bounce) both}.turn-sub{margin:10px 0 0;font-size:20px;font-weight:600}.turn-subject{padding:10px 22px;font-size:30px;font-weight:800;background:var(--white);color:var(--text);border:var(--line);border-radius:16px;box-shadow:var(--shadow-sm);transform:rotate(1.5deg)}.count{height:150px;display:grid;place-items:center}.count-num{font-size:140px;font-weight:800;line-height:1;color:var(--bright);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);animation:count-pop .43s ease-out both}@keyframes count-pop{0%{transform:scale(2.2);opacity:0}35%{transform:scale(.92);opacity:1}to{transform:scale(1)}}.rec{position:relative;display:grid;gap:16px;justify-items:center;text-align:center;width:min(560px,100%)}.rec-top{display:flex;align-items:center;gap:12px}.rec-subject{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}.ring{position:relative;width:210px;height:210px}.ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}.ring-track{fill:var(--white);stroke:var(--ink);stroke-width:3}.ring-prog{fill:none;stroke:var(--ink);stroke-width:12;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:0;transform:scale(.82);transform-origin:center;animation:drain 4s .22s linear forwards}:root[data-theme=dark] .ring-prog{stroke:var(--pc)}@keyframes drain{to{stroke-dashoffset:326.7}}.ring-center{position:absolute;inset:0;display:grid;place-content:center;line-height:.9;color:var(--text)}.secs{font-size:72px;font-weight:800}.ring-center small{font-family:var(--mono);font-size:13px;color:var(--ink-soft)}.meter{width:100%;height:96px;padding:12px 14px;display:flex;align-items:center;gap:4px;background:var(--white);color:var(--text);border:var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.meter i{flex:1;height:8%;background:var(--pc);border:1.8px solid var(--ink);border-radius:999px;transition:height 60ms linear}.meter-hint{margin:0;font-family:var(--mono);font-size:15px;font-weight:500;min-height:1.3em}.go-burst{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none;font-size:170px;font-weight:800;color:var(--bright);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:7px 7px 0 var(--ink);animation:go .75s ease-out forwards}@keyframes go{0%{transform:scale(.4) rotate(-10deg);opacity:0}30%{transform:scale(1.1) rotate(4deg);opacity:1}70%{opacity:1}to{transform:scale(1.6) rotate(0);opacity:0}}.judging{display:grid;gap:18px;justify-items:center;text-align:center}.blob{color:var(--ink);position:relative;width:150px;height:130px;display:flex;justify-content:center;align-items:center;gap:16px;background:var(--pink);border:var(--line);border-radius:58% 42% 50% 50%/55% 50% 50% 45%;box-shadow:var(--shadow);animation:squish 1.1s ease-in-out infinite}.eye{position:relative;width:36px;height:36px;background:var(--bright);border:2.5px solid var(--ink);border-radius:50%}.eye:after{content:"";position:absolute;width:14px;height:14px;top:9px;left:9px;background:var(--ink);border-radius:50%;animation:look 2.4s ease-in-out infinite}@keyframes squish{0%,to{transform:scale(1) translateY(0)}30%{transform:scale(1.08,.9) translateY(6px)}60%{transform:scale(.95,1.06) translateY(-10px)}}@keyframes look{0%,to{transform:translate(0)}25%{transform:translate(-7px,-3px)}50%{transform:translate(7px,-2px)}75%{transform:translate(2px,6px)}}.judging-title{margin:6px 0 0;font-size:56px;font-weight:800;letter-spacing:-.03em}.dots i{font-style:normal;display:inline-block;animation:dot 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}.quip{margin:0;font-family:var(--mono);font-size:15px;color:var(--ink-soft)}.result{width:min(720px,100%);display:grid;gap:22px;text-align:center}.result-subject{margin:-12px 0 6px;font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1}.bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:130px 1fr 64px;align-items:center;gap:14px;opacity:.35;transition:opacity .3s,transform .35s var(--bounce)}.bar-row .chip{justify-self:start}.bar-row.active{opacity:1}.bar-row.lost{opacity:.45}.bar-row.won{transform:scale(1.04)}.bar-track{height:38px;background:var(--white);color:var(--text);border:var(--line);border-radius:999px;overflow:hidden}.bar-row.won .bar-track{box-shadow:var(--shadow-sm)}.bar-fill{display:block;height:100%;width:0;background:var(--pc);background-image:repeating-linear-gradient(-45deg,transparent 0 10px,rgb(255 255 255 / .22) 10px 20px);border-right:3px solid var(--ink);border-radius:999px;transition:width .75s var(--bounce)}.bar-pct{font-family:var(--mono);font-size:18px;font-weight:500;text-align:right}.winner-slot{min-height:120px;display:grid;place-items:center}.winner-card{color:var(--ink);--rot: -1.5deg;position:relative;display:flex;align-items:center;gap:18px;padding:18px 34px 18px 22px;text-align:left;background:var(--pc);border:var(--line);border-radius:26px;box-shadow:8px 8px 0 var(--ink);animation:pop-in .5s var(--bounce) both}.winner-card h3{margin:0;font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1}.winner-card p{margin:4px 0 0;font-size:19px;font-weight:600}.winner-shape .shape{width:62px;height:62px;fill:var(--bright);display:block;animation:wiggle .9s ease-in-out infinite}.plus-one{color:var(--ink);position:absolute;top:-18px;right:-16px;padding:6px 12px;font-weight:800;font-size:20px;background:var(--yellow);border:2.5px solid var(--ink);border-radius:999px;transform:rotate(12deg);animation:pop-in .4s .3s var(--bounce) both;--rot: 12deg}.p-yellow .plus-one{background:var(--pink)}@media(max-width:560px){.bar-row{grid-template-columns:auto 1fr 50px;gap:8px}.bar-row .chip span{display:none}.bar-row .chip{padding-right:6px}}.victory{position:relative;display:grid;gap:24px;justify-items:center;text-align:center;width:min(760px,100%)}.victory>:not(.burst):not(.confetti){position:relative;z-index:1}.burst{position:absolute;top:-140px;left:50%;width:620px;height:620px;margin-left:-310px;border-radius:50%;background:repeating-conic-gradient(rgb(255 255 255 / .28) 0 9deg,transparent 9deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);animation:spin 24s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.trophy .shape{width:150px;height:150px;stroke-width:1.4;fill:var(--bright);filter:drop-shadow(6px 6px 0 var(--ink));display:block}.trophy{animation:pop-in .6s var(--bounce) both,wiggle 1.4s .6s ease-in-out infinite}.victory .mega{animation:pop-in .5s .15s var(--bounce) both}.final-scores{width:min(420px,100%);padding:10px 18px;transform:rotate(-1deg)}.final-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px}.final-row+.final-row{border-top:2px dashed var(--rule)}.final-row b{font-size:30px;font-weight:800}.final-row.champ b:after{content:" ★";color:var(--yellow);-webkit-text-stroke:1.5px var(--ink)}@media(min-width:560px){.final-scores.many{width:min(660px,100%);display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:32px}.final-scores.many .final-row:nth-child(3n+1){border-top:0}}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2}.confetti i{position:absolute;top:-24px;width:11px;height:17px;background:var(--c);border:1.5px solid var(--ink);animation:fall var(--d) linear both}@keyframes fall{to{transform:translate3d(var(--x),110vh,0) rotate(var(--r))}}.summary{align-self:start;width:min(1040px,100%);display:grid;gap:18px}.summary-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:6px}.summary-head h2{margin:2px 0 0;font-size:clamp(40px,6vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1}.summary-head .btn{font-size:16px;padding:10px 18px}.sum-row{padding:16px 18px 18px;background:var(--white);color:var(--text);border:var(--line);border-left:12px solid var(--pc);border-radius:20px;box-shadow:var(--shadow-sm)}.sum-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.sum-meta h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.round-pill{padding:3px 10px;font-family:var(--mono);font-size:13px;color:var(--bright);background:var(--ink);border-radius:999px}.sum-note{font-family:var(--mono);font-size:13px;color:var(--ink-soft);margin-left:auto}.sum-clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.clip{position:relative;padding:12px 14px;border:2.5px solid var(--rule-strong);border-radius:16px}.clip.won{background:var(--pc-soft);border-color:var(--ink)}.clip-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.clip .crown{position:absolute;top:-12px;right:64px}.crown{color:var(--ink);white-space:nowrap;font-family:var(--mono);font-size:12px;font-weight:500;padding:2px 8px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;transform:rotate(-4deg)}.play-btn{position:relative;margin-left:auto;width:42px;height:42px;flex:none;background:var(--pc);border:2.5px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .12s}.play-btn:hover{transform:scale(1.08) rotate(-6deg)}.play-btn:before{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--ink)}.play-btn.playing:before{width:12px;height:14px;border:0;border-left:4px solid var(--ink);border-right:4px solid var(--ink);left:50%}.desc{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}.sound-toggle,.theme-toggle{position:fixed;right:16px;bottom:16px;z-index:5;width:48px;height:48px;font-size:22px;background:var(--white);color:var(--text);border:var(--line);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s var(--bounce)}.sound-toggle:hover,.theme-toggle:hover{transform:rotate(-10deg) scale(1.08)}.theme-toggle{bottom:74px;font-size:24px;line-height:1}.volume-note{margin:-8px 0 0;font-weight:600;font-size:16px}.btn-small{font-size:15px;padding:8px 16px}.link-btn{padding:4px 8px;font-weight:600;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.setup-screen{width:min(900px,100%);display:grid;gap:22px;justify-items:center;text-align:center}.setup-head h2{margin:2px 0 0;font-size:clamp(40px,7vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1}.setup-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.setup-card{padding:20px;display:grid;gap:14px;justify-items:center}.setup-card:first-child{transform:rotate(-.6deg)}.setup-card:last-child{transform:rotate(.5deg)}.setup-card .meter{height:84px;--pc: var(--pink)}.setup-copy{margin:0;font-size:16px;color:var(--ink-soft)}@media(max-width:760px){.setup-grid{grid-template-columns:1fr}}.mic-status{margin:0;padding:8px 14px;font-weight:700;border:2.5px solid var(--ink);border-radius:999px;transition:background .2s}.mic-status:before{margin-right:6px}.mic-status.wait{background:var(--paper)}.mic-status.wait:before{content:"🎤"}.mic-status.good{color:var(--ink);background:var(--mint)}.mic-status.good:before{content:"✅"}.mic-status.quiet{color:var(--ink);background:var(--yellow)}.mic-status.quiet:before{content:"🤏"}.mic-status.silent,.mic-status.muted{background:var(--alert-bg)}.mic-status.silent:before,.mic-status.muted:before{content:"⚠️"}.mic-row{display:flex;align-items:center;gap:8px;font-weight:600;max-width:100%}.mic-row[hidden]{display:none}.mic-select{min-width:0;max-width:280px;padding:6px 10px;font:inherit;font-size:14px;background:var(--white);color:var(--text);border:2.5px solid var(--ink);border-radius:10px}.speaker-row{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:12px;border-top:2px dashed var(--rule);font-weight:600}.claim-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}:is(.claim-grid.n3,.claim-grid.n5)>:last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}.claim-tile{display:grid;justify-items:center;gap:6px;padding:14px 10px 12px;background:var(--pc-soft);border:2.5px solid var(--ink);border-radius:18px;transition:transform .25s var(--bounce),background .2s,box-shadow .2s}.claim-tile.claimed{color:var(--ink);background:var(--pc);box-shadow:var(--shadow-sm);transform:rotate(-2deg) scale(1.03)}.claim-shape .shape{width:46px;height:46px;display:block}.claim-tile.claimed .shape{fill:var(--bright);animation:wiggle .8s ease-in-out infinite}.claim-name{font-size:22px;font-weight:800}.claim-btn{padding:6px 14px;font-weight:700;font-size:15px;background:var(--white);color:var(--text);border:2.5px solid var(--ink);border-radius:999px;cursor:pointer}.claim-btn:hover{transform:translateY(-1px)}.go-hint{margin:-8px 0 0;min-height:1.3em;font-family:var(--mono);font-size:14px;color:var(--ink-soft)}.hold{margin:12px 0 0;padding:8px 18px;font-size:18px;font-weight:700;background:var(--white);color:var(--text);border:2.5px dashed var(--ink);border-radius:999px}.count{height:150px}.rec-banner{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;font-size:22px;font-weight:800;color:var(--bright);background:var(--ink);border-radius:999px;box-shadow:4px 4px #00000040}.rec-banner i{width:14px;height:14px;border-radius:50%;background:#ff3b4e;box-shadow:0 0 0 3px #ff3b4e59;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.rec-top{flex-wrap:wrap;justify-content:center}body.recording:after{content:"";position:fixed;inset:10px;z-index:0;pointer-events:none;border:8px solid var(--bright);border-radius:28px;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px var(--ink);animation:live .9s ease-in-out infinite}@keyframes live{50%{opacity:.35}}.tie-card{color:var(--text);background:var(--white)}.tie-mark{color:var(--ink);display:grid;place-items:center;width:62px;height:62px;font-size:52px;font-weight:800;line-height:1;background:var(--yellow);border:var(--line);border-radius:50%}.bar-row.unrated .bar-track{background:repeating-linear-gradient(-45deg,var(--white) 0 8px,var(--rule-faint) 8px 16px)}.bar-row.unrated .bar-pct{font-size:14px}.clip-pct{font-weight:800;font-size:18px}.sum-row.tied{border-left-color:var(--rule-strong)}