.tod-board{--tod-gap:clamp(8px, 2.4cqh, 20px);width:100%;height:100%;position:relative;overflow:hidden;container:tod/size}.tod-screen{align-items:center;gap:var(--tod-gap);flex-direction:column;width:100%;max-width:720px;height:100%;min-height:0;margin-inline:auto;padding:clamp(4px,1.4cqh,14px) clamp(2px,1.5cqw,16px);display:flex}.tod-kicker{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;margin:0}.tod-title{font-family:var(--font-display);font-size:clamp(1.3rem,.9rem + 2.4cqmin,1.9rem);line-height:var(--lh-tight);text-align:center;margin:0}.tod-title:focus{outline:none}.tod-title:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:var(--focus-offset)}.tod-who{align-items:center;gap:.35em;min-width:0;max-width:100%;display:inline-flex}.tod-who__chip{border-radius:var(--r-pill);background:var(--chip);width:1.5em;height:1.5em;color:var(--bg);font-family:var(--font-body);font-size:.62em;font-weight:var(--fw-bold);flex:none;place-items:center;line-height:1;display:inline-grid}.tod-who__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tod-choose{justify-content:center}.tod-ask{align-items:center;gap:var(--sp-1);max-width:100%;font-weight:var(--fw-bold);text-align:center;flex-direction:column;margin:0;display:flex}.tod-reel{max-width:100%;font-family:var(--font-display);justify-content:center;font-size:clamp(1.9rem,1rem + 6cqmin,3.6rem);line-height:1.1;display:flex}.tod-reel[data-spinning]{animation:tod-tick 90ms var(--ease-out)}.tod-ask__q{color:var(--text-muted);font-family:var(--font-display);font-size:clamp(1.15rem,.9rem + 1.6cqmin,1.7rem);font-weight:var(--fw-semibold)}.tod-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2cqw,14px);width:100%;max-width:600px;display:grid}.tod-pick{justify-content:center;align-items:center;gap:var(--sp-1);min-height:clamp(72px,17cqh,136px);padding:var(--sp-2);border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text);font:inherit;font-family:var(--font-display);font-size:clamp(1.05rem,.85rem + 1.3cqmin,1.5rem);font-weight:var(--fw-bold);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-1) var(--ease);flex-direction:column;display:flex}.tod-pick--truth{border-color:var(--g-truth-ink);background:var(--g-truth);color:var(--g-truth-ink)}.tod-pick--dare{border-color:var(--g-dare-ink);background:var(--g-dare);color:var(--g-dare-ink)}.tod-pick:not([aria-disabled=true]):active{transform:scale(.97)}.tod-pick[aria-disabled=true]{cursor:default;opacity:.55}.tod-pick:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:var(--focus-offset)}.tod-pick__label{line-height:1.1}.tod-hint{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;margin:0}@keyframes tod-tick{0%{opacity:.35;transform:translateY(-14%)}to{opacity:1;transform:none}}@keyframes tod-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.tod-prompt{grid-template-rows:minmax(0,1fr) auto;align-items:stretch;display:grid}.tod-card{--kind:var(--g-truth);--kind-ink:var(--g-truth-ink);gap:var(--sp-2);border:2px solid var(--g-edge);border-radius:var(--r-xl);background:var(--g-card);min-height:0;color:var(--g-ink);box-shadow:inset 0 6px 0 var(--kind-ink), var(--shadow-1);animation:tod-in var(--dur-3) var(--ease-out);flex-direction:column;padding:calc(clamp(10px,2.6cqmin,22px) + 6px) clamp(10px,2.6cqmin,22px) clamp(10px,2.6cqmin,22px);display:flex}.tod-card[data-kind=dare]{--kind:var(--g-dare);--kind-ink:var(--g-dare-ink)}.tod-card__head,.tod-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.tod-kind{align-items:center;gap:var(--sp-1);padding:2px var(--sp-3) 2px var(--sp-2);border-radius:var(--r-pill);background:var(--kind);color:var(--kind-ink);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.tod-kind__random{font-weight:var(--fw-semibold);letter-spacing:0;text-transform:none}.tod-tag,.tod-card__round{color:var(--g-ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);opacity:.85}.tod-card__text{min-height:0;font-family:var(--font-display);font-weight:var(--fw-semibold);text-align:center;text-wrap:balance;overflow-wrap:anywhere;flex:1;place-items:center;margin:0;line-height:1.2;display:grid;overflow-y:auto}.tod-card__text[data-size=l]{font-size:clamp(1.45rem,.7rem + 5cqmin,3rem)}.tod-card__text[data-size=m]{font-size:clamp(1.3rem,.65rem + 4.1cqmin,2.5rem)}.tod-card__text[data-size=s]{font-size:clamp(1.12rem,.6rem + 3.3cqmin,2rem)}.tod-card__foot .tod-who{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.tod-actions{gap:var(--sp-2) clamp(8px, 2cqw, 14px);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);justify-self:center;width:100%;max-width:600px;display:grid}.tod-actions .btn{touch-action:manipulation;min-height:52px}.tod-actions .btn[aria-disabled=true]{cursor:default}.tod-actions .tod-skip{padding-inline:var(--sp-3)}.tod-skip__label{flex-direction:column;align-items:center;line-height:1.1;display:inline-flex}.tod-skip__left{color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-medium)}@container tod (width>=480px){.tod-skip__label{flex-direction:row;align-items:baseline;gap:.3em}.tod-skip__left{font-size:inherit}}.tod-why{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;grid-column:1/-1;margin:0}.tod-over{overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.tod-results{width:100%;max-width:460px;margin-inline:auto}.tod-results__table{border-collapse:separate;width:100%;border-spacing:0 var(--sp-1);font-size:var(--fs-sm)}.tod-results__cap{padding-bottom:var(--sp-1);color:var(--text-muted);font-weight:var(--fw-semibold);text-align:start}.tod-results__table thead th{padding:0 var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center}.tod-results__table thead th:first-child{text-align:start}.tod-results__table tbody th,.tod-results__table tbody td{padding:var(--sp-1) var(--sp-2);background:var(--surface-2)}.tod-results__table tbody th{border-radius:var(--r-md) 0 0 var(--r-md);width:55%;max-width:0;font-weight:var(--fw-semibold);text-align:start}.tod-results__table tbody th>*{vertical-align:middle}.tod-results__table tbody td{font-weight:var(--fw-bold);text-align:center}.tod-results__table tbody td:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.tod-results__chip{width:12px;height:12px;background:var(--chip);border-radius:50%;margin-inline-end:var(--sp-2);display:inline-block}.tod-results__name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px);display:inline-block;overflow:hidden}.tod-mine{align-items:center;gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;display:flex}.tod-mine__hint{color:var(--text-muted);font-size:var(--fs-sm)}.tod-sheet__form{gap:var(--sp-1);margin-top:var(--sp-3);display:grid}.tod-sheet__row{gap:var(--sp-2);display:flex}.tod-sheet__row .kit-input{flex:1;min-width:0}.tod-sheet__help,.tod-sheet__error,.tod-sheet__empty,.tod-sheet__count{font-size:var(--fs-sm);margin:0}.tod-sheet__help,.tod-sheet__empty,.tod-sheet__count{color:var(--text-muted)}.tod-sheet__error{color:var(--danger);font-weight:var(--fw-semibold)}.tod-sheet__empty{margin-top:var(--sp-3)}.tod-sheet__count{flex:1;min-width:0}.tod-sheet__list{gap:var(--sp-1);margin:var(--sp-3) 0 0;padding:0;list-style:none;display:grid}.tod-sheet__list li{align-items:center;gap:var(--sp-1);padding:2px 2px 2px var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:2px solid #0000;display:flex}.tod-sheet__list li[data-editing]{border-color:var(--accent)}.tod-sheet__text{overflow-wrap:anywhere;flex:1;min-width:0}.tod-sheet__icon{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.tod-sheet__icon:hover{background:var(--surface-3);color:var(--text)}.tod-sheet__icon:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.tod-reel[data-spinning],.tod-card{animation:none}.tod-pick{transition:none}}@container tod (height<=440px){.tod-hint{display:none}.tod-pick{flex-direction:row;min-height:56px}.tod-card{gap:var(--sp-1)}}@container tod (height<=330px){.tod-kicker,.tod-card__round{display:none}.tod-card__foot .tod-who{font-size:var(--fs-md)}}@container tod (aspect-ratio>=3/2) and (height<=460px){.tod-prompt{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(132px,.3fr);max-width:900px}.tod-actions{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-content:center}.tod-actions .tod-done{order:-1}.tod-skip__label{flex-direction:column;align-items:center;gap:0}.tod-skip__left{font-size:var(--fs-md)}}@media (aspect-ratio>=5/4){.kit-stage:has(.tod-board) .kit-area--top{max-height:max(112px, calc(min(var(--stage-h), 1000px) - 250px));overscroll-behavior:contain;min-height:0;position:relative;overflow-y:auto}}@media (aspect-ratio>=5/4) and (height<=520px){.kit-stage:has(.tod-board) .kit-strip{gap:var(--sp-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kit-stage:has(.tod-board) .kit-strip>li{min-width:0}.kit-stage:has(.tod-board) .kit-strip .kit-badge{padding-inline:6px var(--sp-2);font-size:var(--fs-sm);gap:6px}.kit-stage:has(.tod-board) .kit-strip .kit-badge__chip{width:20px;height:20px}}@media not all and (aspect-ratio>=5/4){.kit-stage:has(.tod-board) .kit-strip:is([data-count="2"],[data-count="3"],[data-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.kit-stage:has(.tod-board) .kit-strip:is([data-count="2"],[data-count="3"],[data-count="4"])>li{min-width:0}.kit-stage:has(.tod-board) .kit-strip[data-count="3"]>li:last-child{grid-column:1/-1}}@media (width>=600px) and ((aspect-ratio<5/4)){.kit-stage:has(.tod-board) .kit-strip[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-stage:has(.tod-board) .kit-strip[data-count="3"]>li:last-child{grid-column:auto}.kit-stage:has(.tod-board) .kit-strip[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}