.vs-board{display:flex;flex-direction:column;gap:var(--run-gap);min-block-size:100vh;min-block-size:100svh;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:var(--run-ink);background:var(--run-bg)}.vs-board__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--run-gap);flex-wrap:wrap}.vs-board__title{font-size:1.125rem;font-weight:600;line-height:var(--run-target-min);color:var(--run-ink-soft)}.vs-board button{font:inherit;color:var(--run-ink);background:var(--run-surface);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);min-block-size:var(--run-target-min);min-inline-size:var(--run-target-min);padding:.5rem .75rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vs-board button:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:3px}.vs-board__settings-open{font-size:1.75rem;line-height:1}.vs-board__cards{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--run-gap);flex:1 1 auto}@media (min-width: 560px){.vs-board__cards{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start}}.vs-board__divider{border-block-start:var(--run-border-width) solid var(--run-border)}@media (min-width: 560px){.vs-board__divider{border-block-start:0;border-inline-start:var(--run-border-width) solid var(--run-border);align-self:stretch}}.vs-board__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-inline-size:0;padding:.5rem}.vs-board__role{font-size:clamp(1.25rem,5vw,2rem);font-weight:700;line-height:1.1;text-align:center}.vs-board__frame{--vs-board-gutter: 3rem;display:grid;place-items:center;inline-size:100%;aspect-ratio:1 / 1;padding:.5rem;background:var(--run-surface);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);overflow:hidden}@supports (block-size: 1dvh){@media (max-width: 559px){.vs-board__frame{--vs-board-chrome: 21rem;block-size:max(6rem,min(30svh,calc((100svh - var(--vs-board-chrome)) / 2),calc(100vw - var(--vs-board-gutter))));inline-size:auto;max-inline-size:100%;margin-inline:auto}}@media (min-width: 560px){.vs-board__frame{block-size:min(calc(100svh - 14rem),calc(50vw - var(--vs-board-gutter)));inline-size:auto;max-inline-size:100%;margin-inline:auto}}@media (max-height: 700px){.vs-board__role{font-size:clamp(1rem,4vw,1.5rem)}}}.vs-board__picture{display:block;max-inline-size:100%;max-block-size:100%;object-fit:contain}.vs-board__picture--symbol{background:var(--run-art-plate)}.vs-board__picture--pending{inline-size:100%;block-size:100%}.vs-board__frame-word{font-size:clamp(1.5rem,8vw,3rem);font-weight:700;line-height:1.15;text-align:center;overflow-wrap:anywhere}.vs-board__frame-empty{display:grid;place-items:center;inline-size:100%;block-size:100%;border:3px dashed var(--run-ink-soft);border-radius:var(--run-radius);color:var(--run-ink-soft);font-size:1.05rem;text-align:center;padding:.5rem}.vs-board__label{font-size:clamp(1.25rem,5vw,2rem);font-weight:600;line-height:1.15;text-align:center;overflow-wrap:anywhere}.vs-board__timer{--vs-shape-block: calc(var(--run-border-width) * 7);--vs-unit-columns: 12;--vs-unit-gap: var(--run-border-width);inline-size:100%}.vs-board__timer-face{display:grid;block-size:var(--vs-shape-block);inline-size:100%}.vs-board__timer-finished{display:flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:var(--vs-shape-block);font-size:1.1rem;font-weight:600;animation:vs-board-fade-in .4s ease-out}@keyframes vs-board-fade-in{0%{opacity:0}to{opacity:1}}.vs-board__clock{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vs-board__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--run-gap)}@media (max-width: 559px),(max-height: 500px){.vs-board__controls{position:sticky;inset-block-end:0;z-index:1;padding-block:var(--run-gap);background:var(--run-bg);border-block-start:var(--run-border-width-chrome) solid var(--run-hairline)}.vs-board__note,.vs-board__attribution,.vs-board__legal{scroll-margin-block-end:calc(var(--run-target-lg) + var(--run-gap) * 2)}.vs-board{padding-block-end:calc(var(--run-target-lg) + var(--run-gap) * 2)}}.vs-board__controls button{min-block-size:var(--run-target-lg);font-size:1.25rem;font-weight:700}.vs-board__note{font-size:.95rem;line-height:1.5;color:var(--run-ink-soft);border-block-start:2px solid var(--run-border);padding-block-start:.75rem;max-inline-size:70ch}.vs-board__note strong{color:var(--run-ink)}.vs-board__settings{display:flex;flex-direction:column;gap:var(--run-gap);padding:var(--run-gap);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);background:var(--run-surface)}.vs-board__settings h2{font-size:1.1rem}.vs-board__settings fieldset{border:0;padding:0;margin:0}.vs-board__settings legend{padding:0;font-weight:600;margin-block-end:.5rem}.vs-board__option-row{display:flex;flex-wrap:wrap;gap:var(--run-gap)}.vs-board__attribution,.vs-board__legal{font-size:.9rem;color:var(--run-ink-soft)}.vs-board__settings-open{position:relative;overflow:hidden}.vs-board__settings-open .vs-hold-glyph{position:relative;z-index:1}.vs-board__settings-open:after{content:"";position:absolute;inset:0;z-index:0;background:var(--run-ink);opacity:.18;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.vs-board button[data-holding=true]:after{animation:vs-hold-fill var(--vs-hold-ms, .5s) linear forwards}@keyframes vs-hold-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.vs-board button[data-holding=true]:after{animation:none;transform:scaleY(1)}}.vs-theme-option{display:flex;align-items:center;gap:.75rem;min-block-size:var(--run-target-min);padding-inline:.5rem;cursor:pointer}.vs-theme-option input{inline-size:1.5rem;block-size:1.5rem;flex:none;accent-color:var(--run-ink)}.vs-theme-option:focus-within{outline:var(--run-border-width) solid var(--run-ink);outline-offset:2px}.vs-board button,.vs-board__settings-open{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-board__back{display:inline-flex;min-inline-size:0;align-self:flex-start;align-items:center;min-block-size:var(--run-target-min);padding-inline:.75rem;color:var(--run-ink);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);text-decoration:none;font-weight:600;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-board__back:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:3px}.vs-board__settings{border-color:var(--run-border-chrome);border-width:var(--run-border-width-chrome);background:var(--run-fill-soft)}.vs-board button.vs-board__settings-open,.vs-board__settings button,.vs-board__back{border-color:var(--run-border-chrome);border-width:var(--run-border-width-chrome)}.vs-board button:focus-visible{outline-color:var(--run-accent)}.vs-board__note{border-block-start-color:var(--run-hairline)}.vs-board__note,.vs-board__attribution,.vs-board__legal{font-weight:400}.vs-board__print{display:inline-flex;align-items:center;align-self:flex-start;min-inline-size:0;min-block-size:var(--run-target-min);padding-inline:.75rem;color:var(--run-ink);background:var(--run-surface);border:var(--run-border-width-chrome) solid var(--run-border-chrome);border-radius:var(--run-radius);text-decoration:none;font-weight:600;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-board__print:focus-visible{outline:var(--run-border-width) solid var(--run-accent);outline-offset:3px}.vs-ft{display:flex;flex-direction:column;gap:var(--run-gap);min-block-size:100vh;min-block-size:100dvh;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));color:var(--run-ink);background:var(--run-bg)}.vs-ft h1{font-size:clamp(1.4rem,5vw,2rem);line-height:1.2}.vs-ft__intro{color:var(--run-ink-soft);max-inline-size:60ch}.vs-ft button{font:inherit;color:var(--run-ink);background:var(--run-surface);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);min-block-size:var(--run-target-min);min-inline-size:var(--run-target-min);padding:.5rem 1rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vs-ft button:focus-visible,.vs-ft input:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:3px}.vs-ft__frames{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--run-gap)}@media (min-width: 560px){.vs-ft__frames{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.vs-ft__frame{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0}.vs-ft__role{font-size:1.25rem;font-weight:700}.vs-ft__pick{display:grid;place-items:center;inline-size:100%;aspect-ratio:1 / 1;padding:.5rem;overflow:hidden}.vs-ft__picture{display:block;max-inline-size:100%;max-block-size:100%;object-fit:contain}.vs-ft__empty{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--run-ink-soft)}.vs-ft__plus{font-size:clamp(2.5rem,10vw,4rem);line-height:1}.vs-ft__prompt{font-size:1rem}.vs-ft__label-field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:var(--run-ink-soft)}.vs-ft__label-field input{font:inherit;font-size:1.1rem;color:var(--run-ink);background:var(--run-surface);border:2px solid var(--run-border);border-radius:var(--run-radius);min-block-size:56px;padding:.5rem .75rem;inline-size:100%}.vs-ft__timer{border:0;padding:0;margin:0;min-inline-size:0}.vs-ft__timer legend{padding:0;margin-block-end:.35rem;font-size:.95rem;color:var(--run-ink-soft)}.vs-ft__duration{display:flex;flex-wrap:wrap;align-items:center;gap:var(--run-gap)}.vs-ft__duration-value{flex:1 1 auto;text-align:center;font-size:1.25rem;font-weight:700;min-inline-size:6ch}.vs-ft__next{align-self:flex-start}.vs-ft__save-failed{border:2px solid var(--run-border);border-radius:var(--run-radius);padding:.75rem;max-inline-size:60ch}.vs-ft__legal{color:var(--run-ink-soft);font-size:.9rem;max-inline-size:60ch}.vs-ft__legal a{color:inherit}.vs-ft--guardrail{justify-content:center}.vs-ft--guardrail>*{inline-size:100%;max-inline-size:68ch;margin-inline:auto}.vs-ft__guardrail-intro,.vs-ft__guardrail-body{font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.6}.vs-ft__guardrail-body{border-inline-start:var(--run-border-width) solid var(--run-border);padding-inline-start:1rem}.vs-ft__guardrail-body strong{font-weight:700}.vs-ft__ack{display:flex;align-items:center;gap:.75rem;min-block-size:var(--run-target-min);padding:.5rem;border:2px solid var(--run-border);border-radius:var(--run-radius);cursor:pointer;font-size:1.05rem}.vs-ft__ack input{inline-size:2.25rem;block-size:2.25rem;flex:0 0 auto;accent-color:var(--run-ink);cursor:pointer}.vs-ft__referral{color:var(--run-ink-soft);max-inline-size:60ch}.vs-ft__referral a{color:inherit}.vs-ft__guardrail-actions{display:flex;flex-wrap:wrap;gap:var(--run-gap);align-items:center}.vs-ft__show-board{border-width:calc(var(--run-border-width) * 2);font-size:1.15rem;font-weight:600}.vs-ft button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-ft__print a{display:inline-block;min-block-size:44px;padding-block:.6rem;font-weight:600}
