[data-page=present] .stage{isolation:isolate;color:var(--color-text);position:relative}[data-page=present] .stage.is-presenting{--pad:var(--pb-pad);--gap:var(--pb-gap);--bar:var(--pb-bar);--board-w:var(--pb-board-w);--wheel-size:min(calc((100dvh - 2 * var(--pad) - var(--bar)) * .97), calc(100vw - 2 * var(--pad) - var(--board-w) - var(--gap) - 2 * var(--pad)));z-index:60;grid-template-columns:minmax(0, 1fr) var(--board-w);column-gap:calc(var(--gap) + var(--pad));padding:var(--pad);background-color:var(--color-canvas);background-image:var(--texture);background-size:var(--texture-size);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"wheel head""wheel board";display:grid;position:fixed;inset:0;overflow:hidden}[data-page=present] .stage.is-presenting[data-side=left]{grid-template-columns:var(--board-w) minmax(0, 1fr);grid-template-areas:"head wheel""board wheel"}[data-page=present] .stage.is-presenting:fullscreen{width:100vw;height:100vh}[data-page=present] .stage::backdrop{background:var(--color-canvas)}[data-page=present] .stage.is-presenting:has(.present-bar.is-idle){cursor:none}[data-page=present] .stage.is-presenting:before{content:"";z-index:-1;width:calc(var(--board-w) + 2 * var(--pad));border-inline-start:var(--shape-border-width) solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-2);position:absolute;inset-block:0;inset-inline-end:0}[data-page=present] .stage.is-presenting[data-side=left]:before{border-inline-start:0;border-inline-end:var(--shape-border-width) solid var(--color-border);inset-inline:0 auto}[data-page=present] .stage-wheel{min-height:0;padding-bottom:var(--bar);grid-area:wheel;place-items:center;display:grid;position:relative}[data-page=present] .stage .wheel{width:var(--wheel-size);margin-top:calc(var(--wheel-size) * .03)}[data-page=present] .stage-head{gap:var(--space-1);grid-area:head;align-content:start;min-width:0;padding-bottom:clamp(10px,2vh,24px);display:grid}[data-page=present] .stage-kicker{display:none}[data-page=present] .board-kicker{display:inline-flex}[data-page=present] .stage-title{--title-max:clamp(1.5rem, 1.6vw + 1.6vh, 4.25rem);--fit-min:16px;max-height:calc(var(--title-max) * 2.6);font-size:min(var(--title-max), var(--fit,var(--title-max)));line-height:var(--line-height-tight);text-transform:var(--font-display-case);overflow-wrap:normal;text-wrap:balance}[data-page=present] .board{overscroll-behavior:contain;scrollbar-width:thin;grid-area:board;grid-template-rows:max-content max-content max-content minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:clamp(10px,2vh,28px);min-width:0;min-height:0;display:grid;overflow-y:auto}[data-page=present] .board.no-round{grid-template-rows:max-content max-content minmax(0,1fr)}[data-page=present] .board-result.result{grid-template-columns:minmax(0,1fr);gap:clamp(4px,1vh,14px);min-height:clamp(150px,27dvh,360px);padding:clamp(16px,3vmin,44px)}[data-page=present] .board-result .result-label{font-size:clamp(.8rem,.5vw + .7vh,1.4rem)}[data-page=present] .board-result .result-name{--name-max:clamp(2.2rem, min(7vw, 12.5dvh), 10rem);--fit-min:18px;min-width:0;font-size:var(--name-max);justify-self:stretch;padding-bottom:.06em;line-height:1.06}[data-page=present] .board-result .result-name:not(.is-idle){max-height:var(--name-max-h,28dvh);font-size:min(var(--name-max), var(--fit,var(--name-max)));overflow-wrap:normal;word-break:normal;text-wrap:balance}[data-page=present] .board-result .result-name.is-idle{font-size:clamp(1.4rem,1.4vw + 1.4vh,3rem)}[data-page=present] .fit-text.is-fitting{transition:none!important}[data-page=present] .board-result .result-name.is-broken:not(.is-idle),[data-page=present] .stage-title.is-broken{overflow-wrap:anywhere}[data-page=present] .fit-text.is-clamped{-webkit-line-clamp:var(--fit-lines,3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-page=present] .board-pic{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-control);width:clamp(56px,11dvh,150px);box-shadow:0 0 0 var(--shape-border-width) var(--color-border), var(--shadow-1)}[data-page=present] .board-pic[hidden]{display:none}[data-page=present] .board-result.is-pop{animation:pb-board-pop var(--motion-spring-duration) var(--motion-spring)}[data-page=present] .result-sub{color:var(--color-text-secondary);font-size:clamp(.85rem,.5vw + .6vh,1.25rem);font-weight:700}[data-page=present] .result-sub[hidden]{display:none}[data-page=present] .board{container:pb-board/inline-size}[data-page=present] .board-actions{gap:var(--space-2) var(--space-3);display:flex}[data-page=present] .board-actions.is-stacked{flex-wrap:wrap}[data-page=present] .board-actions .btn{max-width:100%}[data-page=present] .board-actions [data-w-act=spin]{flex:1 0 auto}[data-page=present] .board-actions [data-w-act=remove-winner]{flex:0 auto;min-width:0}[data-page=present] .board-actions.is-stacked [data-w-act=remove-winner]{flex:100%;order:3}[data-page=present] .board-actions [data-w-act=undo]{flex:none}[data-page=present] .board-actions .btn kbd{font-size:.72em}[data-page=present] .board-actions [data-w-act=remove-winner]:disabled{display:none}[data-page=present] .board-actions [data-w-act=remove-winner]>span{min-width:0;display:flex}[data-page=present] .board-actions .rm-word{flex:none}[data-page=present] .board-actions .rm-name{text-overflow:ellipsis;white-space:pre;min-width:0;overflow:hidden}@container pb-board (max-width:560px){[data-page=present] .board-actions kbd{display:none}}[data-page=present] .round{gap:var(--space-2);display:grid}[data-page=present] .round .progress-meta{color:var(--color-text-secondary);font-size:clamp(.8rem,.5vw + .6vh,1.25rem)}[data-page=present] .round .progress-meta b{color:var(--color-text);font-variant-numeric:tabular-nums}[data-page=present] .round .progress{height:clamp(10px,1.4vh,18px)}[data-page=present] .round-row{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}[data-page=present] .round-row .switch{font-size:clamp(.85rem,.4vw + .6vh,1.2rem)}[data-page=present] .round-row .btn[hidden]{display:none}[data-page=present] .called{gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}[data-page=present] .called-h{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}[data-page=present] .called-h h2{font-size:clamp(1rem,.6vw + 1vh,1.75rem)}[data-page=present] .called .hist{counter-reset:pick var(--count,1);scrollbar-width:thin;align-content:start;padding-inline-end:2px;overflow:auto}[data-page=present] .called .hist-item{counter-increment:pick -1;min-height:clamp(44px,6vh,72px);font-size:clamp(1rem,.7vw + 1vh,2rem)}[data-page=present] .called .hist-name{text-wrap:pretty;line-height:1.2}[data-page=present] .called .hist-item{padding-block:.35em}[data-page=present] .called .hist-item.is-latest{animation:pb-pick-in var(--motion-duration-slow) var(--motion-ease-out) both}[data-page=present] .called .hist-name:before{content:counter(pick) ".";min-width:2.2em;color:var(--color-text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-inline-end:.2em;font-size:.72em;font-weight:700;display:inline-block}[data-page=present] .called .hist-time{font-size:max(.6em,12px)}[data-page=present] .called .hist-dot{width:.5em;height:.5em}[data-page=present] .called .hist-empty{font-size:clamp(.95rem,.5vw + .8vh,1.35rem)}[data-page=present] .round-done{z-index:5;inset:0 0 var(--bar);text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute}[data-page=present] .round-done>*{pointer-events:auto}[data-page=present] .round-done[hidden]{display:none}[data-page=present] .round-done .card{gap:var(--space-3);justify-items:center;padding:clamp(20px,3vmin,40px);display:grid}[data-page=present] .round-done h2{max-width:14ch;font-size:clamp(1.4rem,1.6vw + 1vh,3rem)}[data-page=present] .stage .present-bar{z-index:8;inset-inline:var(--pad) calc(var(--board-w) + 2 * var(--pad) + var(--gap))}[data-page=present] .stage[data-side=left] .present-bar{inset-inline:calc(var(--board-w) + 2 * var(--pad) + var(--gap)) var(--pad)}[data-page=present] .stage .present-bar.is-idle:focus-within{opacity:1;pointer-events:auto;transform:none}[data-page=present] .present-bar{flex-wrap:nowrap;gap:2px;padding-inline:6px}[data-page=present] .present-bar .btn{gap:.45em;padding-inline:.65em}[data-page=present] .btn kbd{border-color:color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, currentColor 14%, transparent);color:inherit}[data-page=present] .present-bar .btn kbd{font-size:.72em}[data-page=present] .present-bar .sep{opacity:.25;background:currentColor;align-self:stretch;width:1px;margin-block:8px}[data-page=present] .sound-btn[aria-pressed=false] .i-on,[data-page=present] .sound-btn[aria-pressed=true] .i-off{display:none}@media (max-width:1500px){[data-page=present] .present-bar .btn kbd{display:none}}[data-page=present] .present-bar.no-kbd .btn kbd{display:none}[data-page=present] .present-bar.is-compact .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-page=present] .present-bar.is-compact .sep{display:none}@media (max-width:1180px){[data-page=present] .present-bar .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-page=present] .present-bar .sep{display:none}}@media (max-width:760px){[data-page=present] .stage .present-bar{max-width:calc(100% - 16px);padding-inline:4px}[data-page=present] .present-bar .btn{padding-inline:.55em}[data-page=present] .board-actions kbd,[data-page=present] .board-actions .rm-name{display:none}}[data-page=present] .exit-panel{display:none}[data-page=present] .stage:not(.is-presenting){justify-items:center;gap:var(--space-4);width:min(100% - 2 * var(--space-4), 720px);border:var(--shape-border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-2);text-align:center;grid-template-columns:minmax(0,1fr);margin:clamp(32px,9vh,112px) auto;padding:clamp(24px,5vw,48px);display:grid}[data-page=present] .stage:not(.is-presenting)>*{grid-area:auto}[data-page=present] .stage:not(.is-presenting) :is(.stage-wheel,.board,.present-bar,.stage-fx,.board-kicker){display:none}[data-page=present] .stage:not(.is-presenting) .stage-head{justify-items:center;padding:0}[data-page=present] .stage:not(.is-presenting) .stage-kicker{display:inline-flex}[data-page=present] .stage:not(.is-presenting) .stage-title{font-size:clamp(1.8rem, 4vw, var(--font-size-4xl))}[data-page=present] .stage:not(.is-presenting) .exit-panel{gap:var(--space-5);justify-items:center;width:100%;display:grid}[data-page=present] .exit-sum{max-width:46ch;color:var(--color-text-secondary);font-size:var(--font-size-lg)}[data-page=present] .exit-panel .row{justify-content:center;width:100%}@media (max-width:560px){[data-page=present] .exit-panel .row>.btn{white-space:normal;text-align:center;flex:100%}}[data-page=present] .exit-panel .shortcuts{text-align:start;width:100%}[data-page=present] .pb-drawer{gap:var(--space-3);width:min(460px,94vw)}[data-page=present] .drawer-title{font-size:var(--font-size-2xl)}[data-page=present] .drawer-body{min-height:0;margin-inline:calc(var(--space-4) * -1);padding:var(--space-1) var(--space-4) var(--space-4);flex:1;overflow:auto}[data-page=present] .drawer-body .tab-panel{gap:var(--space-4);padding-top:var(--space-4);display:grid}[data-page=present] .drawer-body .tab-panel[hidden]{display:none}[data-page=present] .drawer-body .options{gap:var(--space-3)}[data-page=present] .drawer-foot{padding-top:var(--space-3);border-top:var(--border-width-hairline) solid var(--color-border-subtle)}[data-page=present] .hist-tools{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}[data-page=present] .pb-drawer .hist.is-scroll{max-height:none}@media (max-aspect-ratio:5/4){[data-page=present] .stage.is-presenting{--wheel-size:min(calc(100vw - 2 * var(--pad)), calc(62dvh - var(--pad)), max(200px, calc(100dvh - 360px)));row-gap:var(--space-4);padding-bottom:calc(var(--pad) + var(--bar));grid-template:"head""wheel""board"/minmax(0,1fr);align-content:start;overflow-y:auto}[data-page=present] .stage.is-presenting[data-side=left]{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""wheel""board"}[data-page=present] .stage.is-presenting:before{display:none}[data-page=present] .stage-head{text-align:center;justify-items:center;padding:0}[data-page=present] .stage-title{--title-max:clamp(1.5rem, 4vw + .6vh, 3.5rem)}[data-page=present] .stage-wheel{min-height:auto;padding-bottom:0}[data-page=present] .board{grid-template-rows:none;grid-auto-rows:max-content;min-height:auto;overflow:visible}[data-page=present] .called{min-height:auto}[data-page=present] .board-result.result{min-height:150px}[data-page=present] .board-result .result-name{--name-max:clamp(2.2rem, min(13vw, 10dvh), 7rem);--name-max-h:max(4.5rem, min(34dvh, calc(100dvh - var(--wheel-size) - 290px)))}[data-page=present] .called .hist{overflow:visible}[data-page=present] .called .hist-item:nth-child(n+9){display:none}[data-page=present] .stage .present-bar,[data-page=present] .stage[data-side=left] .present-bar{inset-inline:0}[data-page=present] .round-done{inset:0}}[data-page=present] .stage-fx{display:none}[data-theme=glow] [data-page=present] .stage.is-presenting .stage-fx{inset:0 calc(var(--board-w) + 2 * var(--pad)) 0 0;opacity:.5;display:block;-webkit-mask-image:none;mask-image:none}[data-theme=glow] [data-page=present] .stage.is-presenting[data-side=left] .stage-fx{inset:0 0 0 calc(var(--board-w) + 2 * var(--pad))}[data-theme=glow][data-mode=light] [data-page=present] .stage.is-presenting .stage-fx{opacity:.3}[data-theme=glow] [data-page=present] .stage.is-presenting:after{content:"";z-index:-2;pointer-events:none;opacity:var(--glow-stars-opacity);background-image:radial-gradient(1px 1px at 12% 18%,#fff8,#0000 60%),radial-gradient(1px 1px at 72% 9%,#fff6,#0000 60%),radial-gradient(1.5px 1.5px at 38% 64%,#fff5,#0000 60%),radial-gradient(1px 1px at 88% 52%,#fff7,#0000 60%),radial-gradient(1px 1px at 22% 86%,#fff5,#0000 60%),radial-gradient(1.2px 1.2px at 58% 34%,#fff6,#0000 60%);background-size:520px 520px;position:absolute;inset:0}[data-theme=glow] [data-page=present] .stage.is-presenting:before{background:color-mix(in srgb, var(--color-raised) 62%, transparent);border-color:var(--color-border-subtle)}[data-theme=glow] [data-page=present] .board-result.result{border-radius:32px}[data-theme=glow][data-mode=dark] [data-page=present] .board-result .result-name:not(.is-idle){text-shadow:0 0 .35em color-mix(in srgb, var(--glow-lime) 40%, transparent)}[data-theme=chalk] [data-page=present] .stage.is-presenting:before{background-color:var(--color-surface);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(clamp(44px, 6vh, 72px) + 3px), color-mix(in srgb, var(--color-palette-4) 26%, transparent) calc(clamp(44px, 6vh, 72px) + 3px) calc(clamp(44px, 6vh, 72px) + 4px));box-shadow:-6px 0 0 0 color-mix(in srgb, var(--color-text) 14%, transparent)}[data-theme=chalk] [data-page=present] .board-kicker{font-family:var(--font-hand);letter-spacing:0;text-transform:none;color:var(--color-brand);font-size:clamp(1.2rem,.8vw + 1vh,2rem)}[data-theme=chalk] [data-page=present] .called .hist-name:before{font-family:var(--font-hand);color:var(--color-brand);font-size:1.05em}[data-theme=chalk] [data-page=present] .called .hist-item:not(.is-latest){background:0 0}[data-theme=chalk] [data-page=present] .board-result.result{border-radius:6px 10px 8px 12px;rotate:-.6deg}[data-theme=chalk] [data-page=present] .stage-title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C40 4 92 3 197 7M14 14c50-5 104-6 170-3' fill='none' stroke='%23E06A4E' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:min(8ch,70%);height:.2em;margin-top:.1em;display:block}@media (max-aspect-ratio:5/4){[data-theme=chalk] [data-page=present] .stage-title:after{margin-inline:auto}}[data-page=present] .stage-burst{display:none}[data-theme=poster] [data-page=present] .stage.is-presenting .stage-burst{left:50%;top:calc(50% - var(--bar) / 2);z-index:-1;width:calc(var(--wheel-size) * 1.4);aspect-ratio:1;fill:color-mix(in srgb, var(--color-accent) 28%, transparent);pointer-events:none;animation:140s linear infinite pb-burst-turn;display:block;position:absolute;translate:-50% -50%}[data-theme=poster] [data-page=present] .stage.is-presenting:before{border-inline-start-width:var(--poster-border-heavy);border-color:var(--color-border-strong);background:var(--color-surface);box-shadow:none}[data-theme=poster] [data-page=present] .stage.is-presenting[data-side=left]:before{border-inline-end-width:var(--poster-border-heavy)}[data-theme=poster] [data-page=present] .board-result.result{border-width:var(--poster-border-heavy);box-shadow:8px 8px #121110}[data-theme=poster] [data-page=present] .board-result.is-pop{animation:poster-stamp var(--motion-duration-reveal) var(--poster-ease-stamp)}[data-theme=poster] [data-page=present] .called .hist-name:before{color:var(--color-text)}[data-theme=poster] [data-page=present] .round .progress{border:var(--shape-border-width) solid var(--color-border-strong)}[data-theme=poster] [data-page=present] .stage-title{font-stretch:var(--poster-width-wide,125%)}[data-theme=poster] [data-page=present] .result .btn-ghost{--btn-fg:var(--color-text-on-accent)}[data-theme=poster] [data-page=present] .result .result-sub{color:inherit}@media (prefers-reduced-motion:reduce){[data-page=present] .board-result.is-pop,[data-page=present] .called .hist-item.is-latest,[data-page=present] .stage-burst{animation:none!important}}[data-page=present] .board-result .result-name{transition:font-size var(--motion-duration-slow) var(--motion-ease-out), color var(--motion-duration-base) var(--motion-ease-standard)}[data-page=present] .board-result.is-settled .result-name:not(.is-idle){--name-max:clamp(1.6rem, min(4vw, 7dvh), 4.5rem);color:var(--color-text-secondary)}[data-page=present] .board-result.is-settled .result-burst,[data-page=present] .board-result.is-settled .result-bloom{opacity:0}[data-theme=poster] [data-page=present] .board-result.is-settled .result-name:not(.is-idle){color:inherit}@media (min-aspect-ratio:5/4) and (max-height:540px){[data-page=present] .stage-head{padding-bottom:6px}[data-page=present] .board-result.result{min-height:0;padding:12px 16px}[data-page=present] .board-result .result-name{--name-max:clamp(1.6rem, min(6vw, 12dvh), 3.4rem);--name-max-h:32dvh}[data-page=present] .called{min-height:160px}[data-page=present] .called .hist-item{min-height:40px}}:root:has([data-page=present] .stage.is-presenting){--pb-pad:clamp(14px, 2.6vmin, 44px);--pb-gap:clamp(16px, 2.4vw, 48px);--pb-bar:64px;--pb-board-w:clamp(340px, 40vw, 860px)}:root:has([data-page=present] .stage.is-presenting) .toast-region{inset-inline:var(--pb-pad) calc(var(--pb-board-w) + 2 * var(--pb-pad) + var(--pb-gap));justify-items:center;width:auto;inset-block-end:calc(var(--pb-bar) + 12px)}:root:has([data-page=present] .stage.is-presenting) .toast-region .toast:not(:last-child){display:none}:root:has([data-page=present] .stage.is-presenting[data-side=left]) .toast-region{inset-inline:calc(var(--pb-board-w) + 2 * var(--pb-pad) + var(--pb-gap)) var(--pb-pad)}@media (min-aspect-ratio:5/4) and (max-height:540px){:root:has([data-page=present] .stage.is-presenting){--pb-bar:56px;--pb-board-w:clamp(300px, 42vw, 860px)}}@media (max-aspect-ratio:5/4){:root:has([data-page=present] .stage.is-presenting){--pb-bar:76px}:root:has([data-page=present] .stage.is-presenting) .toast-region{inset-inline:var(--space-4);inset-block:calc(var(--space-3) + env(safe-area-inset-top)) auto}}[data-present-host]{z-index:90;position:fixed;inset:0}[data-present-host]:fullscreen,[data-present-host]::backdrop{background:var(--color-canvas)}:root.cs-board body>:not([data-present-host],.toast-region,.fx-canvas){display:none!important}:root.cs-board body{overflow:hidden}@keyframes pb-board-pop{0%{transform:scale(.94)}}@keyframes pb-pick-in{0%{opacity:0;transform:translate3d(0, calc(var(--motion-distance) * -1), 0)}}@keyframes pb-burst-turn{to{transform:rotate(1turn)}}:root:has([data-page=present] .stage.is-presenting) body{overflow:hidden}
