.tod-stage{background-color:var(--orange);color:var(--ink);background-image:radial-gradient(#15110d1f 22%,#0000 24%);background-size:18px 18px}.tod-board{gap:.5rem;padding:.75rem 1rem .25rem;display:flex;overflow-x:auto}.tod-score{border:3px solid var(--ink);background:var(--cream);border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;height:2rem;padding-inline:.75rem;font-size:.875rem;font-weight:800;display:inline-flex}.tod-score-now{background:var(--ink);color:var(--cream)}.tod-score-name{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;overflow:hidden}.tod-table{perspective:1400px;flex:1;place-items:center;min-height:0;padding:.75rem 1.25rem;display:grid;position:relative}.tod-card{width:min(100%,44rem);height:100%;min-height:12rem;max-height:30rem;transform-style:preserve-3d;position:relative}.tod-card-flipped{transform:rotateY(180deg)}.tod-face{border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);backface-visibility:hidden;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;display:flex;position:absolute;inset:0}.tod-front{background:var(--cream)}.tod-back{background:var(--c);transform:rotateY(180deg)}.tod-who{overflow-wrap:anywhere;font-size:clamp(2.5rem,11vw,5rem);line-height:1.05}.tod-text{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.tod-text>p{text-wrap:balance;font-weight:800;line-height:1.16}.tod-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.5rem 1rem 1.25rem;display:flex}.pop-btn.tod-pick{background:var(--c);max-width:14rem;font-family:var(--font-pop-display), ui-rounded, system-ui, sans-serif;flex:7rem;font-size:1.375rem;font-weight:400}.pop-btn.tod-done{background:var(--mint)}.pop-btn.tod-reset{padding-inline:.875rem}@media (prefers-reduced-motion:no-preference){.tod-card{transition:transform .55s cubic-bezier(.3,1.25,.5,1)}}