.stage{border:2px solid var(--edge);border-radius:var(--radius-stage);background:radial-gradient(#ffffff12 1.2px, transparent 1.4px) 0 0 / 18px 18px, radial-gradient(120% 90% at 50% 0%, var(--stage-raised), transparent 70%), var(--stage);color:var(--stage-ink);box-shadow:0 6px 0 var(--drop);accent-color:var(--stage-accent);flex-direction:column;gap:clamp(1rem,3vw,1.75rem);padding:clamp(.875rem,2.5vw,1.5rem);display:flex;position:relative}.stage :focus-visible{outline-color:var(--sun)}.stage-bar{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.stage-bar-actions{gap:.5rem;margin-inline-start:auto;display:flex}.stage-note{color:var(--stage-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.stage-note .dot{background:var(--teal);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #12b89a40}.stage .key{border-color:var(--stage-ink);background:var(--stage-raised);color:var(--stage-ink);box-shadow:0 3px #000}.stage .key:hover:not(:disabled){background:color-mix(in oklab, var(--stage-raised) 80%, var(--stage-ink))}.stage .key.go{border-color:var(--stage-ink);background:var(--sun);color:#1d1828}.stage .key.go:hover:not(:disabled){background:#ffd766}.stage .key.ghost{border-color:var(--stage-line);background:0 0;border-color:#fff6e659;box-shadow:0 3px #0009}.digits{font-family:var(--font-digits);letter-spacing:0;white-space:nowrap;font-weight:800;line-height:1;display:inline-flex}.digits .d{text-align:center;width:.66em;display:inline-block}.digits .c{text-align:center;width:.34em;display:inline-block;translate:0 -.06em}.controls{transition:opacity var(--medium) var(--ease-out);flex-direction:column;align-items:center;gap:.875rem;display:flex}.controls .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}.controls .main-keys{flex-wrap:nowrap}.main-keys .key{padding-inline:clamp(.625rem,2.5vw,1.125rem)}.main-keys .key.big{min-width:clamp(7.5rem,30vw,9.5rem)}.chip{min-height:2.75rem;color:var(--stage-ink);cursor:pointer;transition:background-color var(--fast), border-color var(--fast);background:0 0;border:2px solid #fff6e640;border-radius:99px;padding:.25rem .875rem;font-weight:700}.chip:hover{border-color:var(--stage-ink)}.chip[aria-pressed=true]{border-color:var(--sun);background:var(--sun);color:#1d1828}.field-inline{white-space:nowrap;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.stage input[type=text],.stage input[type=number]{width:8rem;min-height:2.75rem;color:var(--stage-ink);background:#00000040;border:2px solid #fff6e659;border-radius:12px;padding:.375rem .75rem;font-weight:700}.stage input[type=number]{width:5rem}.stage input[aria-invalid=true]{border-color:var(--stage-accent)}.hint{text-align:center;color:var(--stage-muted);flex-basis:100%;font-size:.875rem}.hint.error{color:#ffb4a3;font-weight:700}.segmented{border:2px solid #fff6e640;border-radius:99px;margin:0;padding:3px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{min-height:2.5rem;color:var(--stage-muted);border-radius:99px;align-items:center;padding:0 1rem;font-weight:700;display:inline-flex}.segmented input:checked+span{background:var(--stage-ink);color:var(--stage)}.segmented input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}.toggle{min-height:2.75rem;color:var(--stage-muted);cursor:pointer;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.toggle input{width:1.25rem;height:1.25rem;margin:0}.stage[data-full]{z-index:100;box-shadow:none;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border:0;border-radius:0;position:fixed;inset:0;overflow:auto}.stage[data-idle] .controls,.stage[data-idle] .stage-bar,.stage[data-idle] .side-panel{opacity:0}.stage[data-idle]{cursor:none}html.focus-mode,html.focus-mode body{overflow:hidden}.countdown-face{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:clamp(8rem,24vw,16rem);display:flex}.countdown-readout{transition:color var(--medium);align-items:baseline;margin:0;font-size:clamp(4.5rem,19vw,13rem);display:flex}.view-pie .countdown-readout,.view-bar .countdown-readout{font-size:clamp(3rem,10vw,6rem)}.overtime{color:var(--stage-accent);margin-inline-end:.05em;font-weight:800}.countdown-status{letter-spacing:.02em;min-height:1.5em;color:var(--sun);margin:0;font-size:clamp(1.125rem,3vw,1.75rem);font-weight:900}.pie{width:clamp(10rem,34vw,19rem);height:auto}.pie-plate{fill:#ffffff0f;stroke:#fff6e64d;stroke-width:1.5px}.pie-slice{fill:none;stroke:var(--stage-accent);stroke-width:50px;transition:stroke var(--medium)}.time-bar{border:2px solid #fff6e659;border-radius:99px;width:min(100%,44rem);height:clamp(2.5rem,8vw,4.5rem);padding:5px;overflow:hidden}.time-bar-fill{background:var(--stage-accent);transform-origin:0;height:100%;transition:background-color var(--medium);border-radius:99px}.countdown[data-state=warn] .pie-slice{stroke:var(--sun)}.countdown[data-state=warn] .time-bar-fill{background:var(--sun)}.countdown[data-state=warn] .countdown-readout{color:var(--sun)}.countdown[data-state=done] .countdown-readout,.countdown[data-state=ringing] .countdown-readout{color:var(--stage-accent)}@media (prefers-reduced-motion:no-preference){.countdown[data-state=ringing]{animation:1s ease-in-out infinite ring}}@keyframes ring{50%{background-color:#5a1d14}}.stage[data-full] .countdown-face{flex:1}.stage[data-full] .set-time,.stage[data-full] .presets,.stage[data-full] .options,.stage[data-full] .music-choice{display:none}.stage[data-full].view-digits .countdown-readout{font-size:min(27vw,62vh)}.stage[data-full] .pie{width:min(60vh,70vw)}.stage[data-full].view-pie .countdown-readout,.stage[data-full].view-bar .countdown-readout{font-size:min(14vw,18vh)}.stage[data-full] .time-bar{width:86vw;height:14vh}.big-digits.view-pie .countdown-readout,.big-digits.view-bar .countdown-readout{font-size:clamp(4rem,15vw,9.5rem)}.stage[data-full].big-digits.view-pie .countdown-readout,.stage[data-full].big-digits.view-bar .countdown-readout{font-size:min(20vw,26vh)}.countdown-ends{color:#fff6e6bf;font-variant-numeric:tabular-nums;min-height:1.5em;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700}.stopwatch-face{place-items:center;min-height:clamp(8rem,26vw,16rem);display:grid}.stopwatch-readout{align-items:baseline;margin:0;font-size:clamp(3.75rem,15vw,10.5rem);display:flex}.stopwatch-readout .hundredths{color:var(--stage-muted);font-size:.5em}.stage[data-full] .stopwatch-face{flex:1}.stage[data-full] .stopwatch-readout{font-size:min(19vw,40vh)}.laps-wrap{border-top:2px solid var(--stage-line);max-height:18rem;transition:opacity var(--medium) var(--ease-out);overflow:auto}.laps{border-collapse:collapse;width:min(100%,34rem);margin-inline:auto}.laps th,.laps td{border-bottom:1px solid var(--stage-line);text-align:end;padding:.5rem clamp(.375rem,2vw,.75rem)}.laps .tag{display:inline-block}@media (width<30rem){.laps .tag{width:max-content;margin:.25rem 0 0 auto;display:block}}.laps th:first-child{text-align:start}.laps thead th{color:var(--stage-muted);font-size:.875rem;font-weight:600}.laps .tag,.teams .tag{vertical-align:middle;border-radius:99px;margin-inline-start:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:800}.laps .fastest .tag{background:var(--teal);color:#1d1828}.laps .slowest .tag{background:var(--stage-accent);color:#1d1828}.picker-layout{grid-template-columns:minmax(0,1.6fr) minmax(17rem,1fr);align-items:start;gap:1.25rem;display:grid}@media (width<52rem){.picker-layout{grid-template-columns:minmax(0,1fr)}}.panel{border:2px solid var(--edge);border-radius:var(--radius-stage);background:var(--surface);box-shadow:0 6px 0 var(--drop);flex-direction:column;gap:1.25rem;padding:1.125rem;display:flex}.panel-label{margin:0 0 .375rem;padding:0;font-size:.9375rem;font-weight:800;display:block}.panel-hint{color:var(--muted);margin:.375rem 0 0;font-size:.875rem}.panel-hint:empty{display:none}.panel textarea,.panel input[type=text],.panel input[type=number]{border:2px solid var(--line);background:var(--bg);width:100%;color:var(--ink);resize:vertical;border-radius:12px;padding:.625rem .75rem;line-height:1.45}.panel input[type=text],.panel input[type=number]{min-height:2.75rem}.panel input[type=number]{width:6rem}.panel textarea:focus,.panel input:focus{border-color:var(--accent);outline:none}.panel-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.625rem;display:flex}.panel-row input[type=text]{flex:10rem;width:auto}.file-key:focus-within{outline:3px solid var(--accent);outline-offset:3px}.panel-options{border:0;flex-direction:column;gap:.25rem;margin:0;padding:0;display:flex}.panel-options label{cursor:pointer;align-items:center;gap:.625rem;min-height:2.5rem;display:flex}.panel-options .panel-row label{min-height:2.75rem}.panel-options input[type=checkbox],.panel-options input[type=radio]{flex:none;width:1.25rem;height:1.25rem;margin:0}.panel-options .number-field{gap:.75rem;font-weight:600}.saved summary,.rules summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:800;display:flex}.rules textarea+.panel-label{margin-top:.75rem}.saved-lists{margin:.75rem 0 0;padding:0;list-style:none}.saved-lists li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;display:flex}.link-button{min-height:2.75rem;color:var(--accent);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-weight:700;text-decoration:underline}.link-button.quiet{color:var(--muted);font-weight:500}.link-button.on-stage{min-height:auto;color:var(--sun)}.history ol{max-height:12rem;color:var(--muted);margin:0;padding-inline-start:1.5rem;overflow:auto}.history li:first-child{color:var(--ink);font-weight:700}.wheel-box{aspect-ratio:1;width:min(100%,34rem);margin-inline:auto;position:relative}.wheel{width:100%;height:100%;box-shadow:0 0 0 6px var(--stage-raised), 0 12px 40px #00000080;will-change:transform;border-radius:50%;display:block}.wheel-pointer{z-index:1;background:var(--stage-ink);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px #000);width:2.75rem;height:3rem;position:absolute;top:-.75rem;left:50%;translate:-50%}.wheel-pointer:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset:4px 7px 9px}.wheel-hub{aspect-ratio:1;border:4px solid var(--stage-ink);background:var(--stage);width:24%;color:var(--stage-ink);letter-spacing:.02em;cursor:pointer;transition:scale var(--fast) var(--ease-out), background-color var(--fast);border-radius:50%;font-size:clamp(1rem,3.4vw,1.5rem);font-weight:900;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px #000}.wheel-hub:hover:not(:disabled){background:var(--accent);scale:1.05}.wheel-hub:active:not(:disabled){scale:.96}.wheel-hub:disabled{cursor:default}.stage[data-full] .wheel-box{width:min(78vh,92vw)}.reveal,.name-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:6rem;display:flex}.name-face{min-height:clamp(9rem,26vw,16rem)}.stage[data-full] .name-face{flex:1}.reveal-name{letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--sun);margin:0;font-size:clamp(2.5rem,9vw,6rem);font-weight:900;line-height:1}.reveal-hint{color:var(--stage-muted);margin:0;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700}.reveal-name.flicker{color:var(--stage-muted)}.picked-names{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.picked-names.many .reveal-name{font-size:clamp(1.75rem,5vw,3.5rem)}.stage[data-full] .reveal-name{font-size:min(14vw,22vh)}.stage[data-full] .picked-names.many .reveal-name{font-size:min(8vw,12vh)}@media (prefers-reduced-motion:no-preference){.picked-names .reveal-name,.reveal .reveal-name{animation:.42s cubic-bezier(.2,1.6,.4,1) both pop;animation-delay:calc(var(--i,0) * 80ms)}.teams>li{animation:.36s cubic-bezier(.2,1.4,.4,1) both pop;animation-delay:calc(var(--i,0) * 60ms)}}@keyframes pop{0%{opacity:0;scale:.6}}.confetti{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.teams{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.teams>li{background:var(--stage-raised);border-top:6px solid var(--team);border-radius:18px;padding:.875rem 1rem 1rem}.teams h3{color:var(--team);margin:0 0 .5rem;font-size:1.125rem;font-weight:900}.teams ul{flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.teams .tag{color:var(--stage-muted);background:#ffffff1a}.stage[data-full] .teams{flex:1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-content:center}.stage[data-full] .teams ul{font-size:clamp(1.25rem,2.6vw,2rem)}