.play{--play-wash:var(--koven-gradient-hero);--play-ink:var(--koven-ink-bright);--play-ink-muted:var(--koven-ink-bright-muted);--play-loud:var(--koven-loud-volt);--play-loud-ink:var(--koven-loud-volt-ink);--play-loud-shadow:var(--koven-loud-volt-shadow);--play-scrim:rgba(11,5,26,.3);--play-scrim-deep:rgba(11,5,26,.46);--play-rule:hsla(0,0%,100%,.7);min-height:100dvh;height:var(--play-viewport-height,100dvh);display:flex;flex-direction:column;background:var(--play-wash);background-attachment:fixed;color:var(--play-ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.play[data-family=play]{--play-wash:var(--koven-gradient-play);--play-ink:var(--koven-ink-deep);--play-ink-muted:var(--koven-ink-deep-muted);--play-loud:var(--koven-loud-volt);--play-loud-ink:var(--koven-loud-volt-ink);--play-loud-shadow:var(--koven-loud-volt-shadow);--play-scrim:hsla(0,0%,100%,.34);--play-scrim-deep:hsla(0,0%,100%,.62);--play-rule:rgba(22,11,46,.7)}.play__inner{flex:1 1;width:100%;max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--koven-space-lg)) var(--koven-space-lg) calc(env(safe-area-inset-bottom) + var(--koven-space-lg));display:flex;flex-direction:column;gap:var(--koven-space-lg);min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.play__header{display:flex;align-items:center;justify-content:space-between;gap:var(--koven-space-md);min-height:44px}.play__wordmark{font-size:var(--koven-display-3);line-height:var(--koven-leading-display);letter-spacing:var(--koven-tracking-display)}.play__room-code,.play__wordmark{font-weight:800;color:var(--play-ink)}.play__room-code{font-size:18px;line-height:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:3px;padding:var(--koven-space-xs) var(--koven-space-md);border-radius:var(--koven-radius-tile);background:var(--play-scrim);border:var(--koven-rule-width) solid var(--play-rule)}.play__title{font-size:var(--koven-display-1);line-height:var(--koven-leading-display);font-weight:800;letter-spacing:var(--koven-tracking-display);color:var(--play-ink);max-width:14ch;text-wrap:balance;margin:0}.play__lede{font-size:var(--koven-lede);line-height:var(--koven-leading-lede);color:var(--play-ink-muted);max-width:40ch}.code-field{position:relative;flex-direction:column}.code-field,.code-field__boxes{display:flex;gap:var(--koven-space-sm)}.code-field__box,.code-field__boxes{justify-content:center}.code-field__box{flex:1 1;max-width:84px;aspect-ratio:1/1.15;display:flex;align-items:center;border-radius:var(--koven-radius-tile);background:var(--play-scrim);border:var(--koven-rule-width) solid var(--play-rule);box-shadow:var(--koven-shadow-chunk) var(--play-scrim-deep);font-size:clamp(30px,10vw,44px);line-height:1;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--play-ink);transition:border-color var(--koven-motion-press) var(--koven-ease-standard),background-color var(--koven-motion-press) var(--koven-ease-standard)}.code-field__box[data-state=active]{border-color:var(--play-loud);background:var(--play-scrim-deep)}.code-field__box[data-state=invalid]{border-color:var(--koven-danger)}.code-field__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;background:transparent;font-size:16px;color:transparent;caret-color:transparent;cursor:pointer}.code-field__input:focus-visible+.code-field__boxes .code-field__box[data-state=active]{outline:3px solid var(--koven-focus-ring);outline-offset:2px}.field{display:flex;flex-direction:column;gap:var(--koven-space-xs)}.field__label{font-size:13px;line-height:18px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--play-ink-muted)}.field__input{width:100%;min-height:var(--koven-control-height);padding:0 var(--koven-space-lg);border-radius:var(--koven-radius-lg);border:var(--koven-rule-width) solid var(--play-rule);background:var(--koven-surface);color:var(--koven-text);font-size:17px;line-height:24px}.field__input:focus-visible{border-color:var(--play-loud)}.field__input[aria-invalid=true]{border-color:var(--koven-danger)}.field__message{color:var(--play-ink);font-weight:700}.field__hint,.field__message{font-size:14px;line-height:20px}.field__hint{color:var(--play-ink-muted)}.avatars{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--koven-space-sm);gap:var(--koven-space-sm)}@media (max-width:380px){.avatars{grid-template-columns:repeat(4,1fr)}}.avatars__button{aspect-ratio:1;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;border-radius:var(--koven-radius-tile);border:var(--koven-rule-width) solid var(--play-rule);background:var(--play-scrim);cursor:pointer;transition:transform var(--koven-motion-press) var(--koven-ease-spring),border-color var(--koven-motion-press) var(--koven-ease-standard)}.avatars__button[aria-pressed=true]{border-color:var(--play-loud);background:var(--play-scrim-deep);transform:scale(1.06)}.avatars__button:active:not(:disabled){transform:translateY(2px)}.button{min-height:var(--koven-control-height-lg);padding:0 var(--koven-space-xxl);border:none;border-radius:var(--koven-pill);background:var(--play-loud);color:var(--play-loud-ink);box-shadow:var(--koven-shadow-chunk) var(--play-loud-shadow);font-size:19px;line-height:25px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--koven-space-sm);transition:transform var(--koven-motion-press) var(--koven-ease-standard),box-shadow var(--koven-motion-press) var(--koven-ease-standard),background-color var(--koven-motion-press) var(--koven-ease-standard)}.button:active:not(:disabled){transform:translateY(var(--koven-shadow-chunk-y));box-shadow:none}.button:disabled{background:var(--play-scrim-deep);color:var(--play-ink);box-shadow:none;cursor:not-allowed}.button--full{width:100%}.button--quiet{min-height:var(--koven-control-height);background:transparent;color:var(--play-ink);border:var(--koven-rule-width) solid var(--play-rule);box-shadow:none;font-size:17px;font-weight:700}.button--quiet:active:not(:disabled){background:var(--play-scrim);transform:none}.button--quiet:disabled{background:transparent;opacity:.5}.controller{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--koven-space-lg)}.controller__headline{font-size:var(--koven-display-2);line-height:var(--koven-leading-display);font-weight:800;letter-spacing:var(--koven-tracking-display);color:var(--play-ink);text-wrap:balance}.controller__detail{color:var(--play-ink-muted)}.controller__body{flex:1 1;display:flex;flex-direction:column;gap:var(--koven-space-md);justify-content:center;min-height:0}.controller__actions{position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--koven-space-sm);padding-top:var(--koven-space-md);padding-bottom:var(--play-keyboard-inset,0);background:transparent}.choices{display:grid;grid-gap:var(--koven-space-md);gap:var(--koven-space-md)}.choices[data-count="2"]{grid-template-columns:1fr 1fr}.choice{min-height:72px;padding:var(--koven-space-md) var(--koven-space-lg);border-radius:var(--koven-radius-lg);border:2px solid var(--koven-border);background:var(--koven-surface);color:var(--koven-text);font-size:18px;line-height:24px;font-weight:700;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--koven-space-xxs);justify-content:center;transition:border-color .1s ease,background-color .1s ease}.choice[aria-pressed=true]{border-color:var(--koven-accent);background:var(--koven-accent-subtle)}.choice:disabled{opacity:.45;cursor:not-allowed}.choice__hint{font-size:14px;line-height:20px;font-weight:400;color:var(--koven-text-muted)}.vote{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--koven-space-md);gap:var(--koven-space-md)}.vote__card{min-height:96px;border-radius:var(--koven-radius-lg);border:2px solid var(--koven-border);background:var(--koven-surface);color:var(--koven-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--koven-space-xs);padding:var(--koven-space-md);font-size:16px;font-weight:700;cursor:pointer}.vote__card[aria-pressed=true]{border-color:var(--koven-accent);background:var(--koven-accent-subtle)}.vote__glyph{font-size:30px;line-height:1}.answer{width:100%;min-height:120px;padding:var(--koven-space-lg);border-radius:var(--koven-radius-lg);border:2px solid var(--koven-border);background:var(--koven-surface);color:var(--koven-text);font:inherit;font-size:17px;line-height:24px;resize:none}.answer:focus-visible{border-color:var(--koven-accent)}.canvas-placeholder{border:2px dashed var(--koven-border);border-radius:var(--koven-radius-lg);background:var(--koven-surface-sunken);padding:var(--koven-space-xl);text-align:center;color:var(--koven-text-muted);flex-direction:column}.banner,.canvas-placeholder{display:flex;gap:var(--koven-space-sm);align-items:center}.banner{padding:var(--koven-space-sm) var(--koven-space-md);border-radius:var(--koven-radius-md);border:var(--koven-rule-width) solid var(--koven-border);color:var(--koven-text);font-size:14px;line-height:20px;font-weight:700}.banner[data-tone=warn]{background:var(--koven-warning-subtle);color:var(--koven-text)}.banner[data-tone=danger]{background:var(--koven-danger-subtle);color:var(--koven-text)}.banner[data-tone=info]{background:var(--koven-surface-sunken);color:var(--koven-text-muted)}.timer{display:flex;align-items:center;gap:var(--koven-space-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.timer__track{flex:1 1;height:6px;background:var(--koven-surface-sunken);overflow:hidden}.timer__fill,.timer__track{border-radius:var(--koven-radius-full)}.timer__fill{height:100%;background:var(--koven-accent);transition:width .25s linear,background-color .2s ease}.timer__fill[data-urgency=warning]{background:var(--koven-warning)}.timer__fill[data-urgency=urgent]{background:var(--koven-danger)}.timer__seconds{min-width:3ch;text-align:right}.roster{display:flex;flex-wrap:wrap;gap:var(--koven-space-sm)}.roster__chip{display:inline-flex;align-items:center;gap:var(--koven-space-xs);padding:var(--koven-space-xs) var(--koven-space-md) var(--koven-space-xs) var(--koven-space-sm);border-radius:var(--koven-pill);background:var(--koven-surface);border:var(--koven-rule-width) solid var(--koven-border);color:var(--koven-text);font-size:14px;line-height:20px;font-weight:700}.roster__chip[data-connected=false]{opacity:.5}.scoreboard{display:flex;flex-direction:column;gap:var(--koven-space-xs)}.scoreboard__row{display:flex;align-items:center;gap:var(--koven-space-sm);padding:var(--koven-space-sm) var(--koven-space-md);border-radius:var(--koven-radius-md);background:var(--koven-surface);color:var(--koven-text);font-weight:700}.scoreboard__name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard__score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scoreboard__delta{color:var(--koven-success);font-size:14px}.play__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--koven-space-md);color:var(--play-ink-muted);font-size:14px;line-height:20px}[data-keyboard=open] .play__collapsible{display:none}.share-card{display:flex;flex-direction:column;gap:var(--koven-space-md)}.share-card__image{width:100%;height:auto;border-radius:var(--koven-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.25);display:block}.get-app{display:flex;flex-direction:column;gap:var(--koven-space-sm);padding:var(--koven-space-lg);border-radius:var(--koven-radius-xl);background:var(--koven-surface);border:var(--koven-rule-width) solid var(--koven-border);color:var(--koven-text);box-shadow:var(--koven-shadow-chunk) var(--koven-border)}.get-app__title{font-size:var(--koven-display-2);line-height:var(--koven-leading-display);letter-spacing:var(--koven-tracking-display);color:var(--koven-text);font-weight:800;margin:0}.get-app__body{margin:0;color:var(--koven-text-muted);font-size:16px;line-height:24px}.get-app__badges{display:flex;flex-direction:column;gap:var(--koven-space-sm)}.get-app__badges .button{text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.grid-surface{display:grid;grid-gap:var(--koven-space-xs);gap:var(--koven-space-xs)}.grid-cell{min-height:56px;padding:var(--koven-space-xs);border-radius:var(--koven-radius-md);border:2px solid var(--koven-border);background:var(--koven-surface);color:var(--koven-text);font-size:13px;line-height:16px;font-weight:700;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;overflow-wrap:anywhere;transition:border-color .1s ease,background-color .1s ease}.grid-cell[aria-selected=true]{border-color:var(--koven-accent);background:var(--koven-accent-subtle)}.grid-cell:disabled{cursor:not-allowed}.grid-cell[data-revealed=true]{opacity:.85}.grid-cell[data-colour=a]{background:var(--koven-team-a);color:var(--koven-team-a-text);border-color:transparent}.grid-cell[data-colour=b]{background:var(--koven-team-b);color:var(--koven-team-b-text);border-color:transparent}.grid-cell[data-colour=neutral]{background:var(--koven-team-neutral);color:var(--koven-team-neutral-text);border-color:transparent}.grid-cell[data-colour=trap]{background:var(--koven-team-trap);color:var(--koven-team-trap-text);border-color:transparent}.grid-cell[data-colour]:before{content:var(--koven-team-a-glyph);font-size:11px;line-height:1}.grid-cell[data-colour=b]:before{content:var(--koven-team-b-glyph)}.grid-cell[data-colour=neutral]:before{content:var(--koven-team-neutral-glyph)}.grid-cell[data-colour=trap]:before{content:var(--koven-team-trap-glyph)}.grid-cell .choice__hint{font-size:11px;line-height:14px}