/* Family players share the approved storybook table. */
.players{grid-template-columns:repeat(var(--players,3),minmax(0,1fr))}.player{min-width:0}.player h2{overflow-wrap:anywhere}.player.you:nth-child(2) .portrait{background:#dfd5ee;color:#563559}.player.you:nth-child(3) .portrait{background:#ffdf98;color:#654415}.score-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#ad5c7c #f9e4ed;scrollbar-width:thin;border-radius:8px}.score-scroll.family-sheet table{min-width:440px}.score-scroll.family-sheet th:first-child{width:140px}.score-scroll.family-sheet th:not(:first-child){width:60px}thead th{overflow-wrap:anywhere;padding:10px 4px}td{font-variant-numeric:tabular-nums}.count-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.count-options label{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 6px;border:1px solid #cdb5ce;border-radius:15px;background:#fff}.count-options label:has(input:checked){background:#f9e4ed;border-color:#a33c66}.count-options input{accent-color:#a33c66;width:18px;height:18px}.count-options span{font-size:14px;font-weight:850}.name-fields{display:grid;gap:12px;text-align:left}.name-fields label{display:grid;gap:6px;font-weight:800;font-size:14px}.name-fields input,.share-scores input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bda4c2;border-radius:12px;background:#fff;color:#563559;font:inherit;caret-color:#a33c66}.name-fields input::placeholder{color:#76586f}input:focus-visible,.score-scroll:focus-visible{outline:3px solid #2f797b;outline-offset:3px}.welcome-dialog{width:min(560px,calc(100% - 24px))}.welcome-dialog fieldset{margin:18px 0}.welcome-dialog .dialog-dice{font-size:32px}.welcome-dialog h2{margin-top:8px}#podium{flex-wrap:wrap}#results{width:min(700px,calc(100% - 24px))}#results h2{padding:0 24px}.winner-film{position:relative;isolation:isolate;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:#edddc1}.winner-room,#winner-video{width:100%;height:100%;object-fit:cover;display:block}#winner-video{position:absolute;inset:0}.winner-ribbon{position:absolute;left:8%;right:8%;bottom:6%;padding:10px 14px;border-radius:18px;background:#fff8e9;color:#563559;box-shadow:0 5px 20px #543b4b30;display:grid;gap:2px}.winner-ribbon span{font-size:13px;font-weight:800}.winner-ribbon strong{font:600 clamp(22px,5vw,34px)/1.15 Lora,Georgia,serif;overflow-wrap:anywhere}.celebration-stars span{position:absolute;top:-12%;color:#ffe29b;font-size:28px;text-shadow:0 2px 3px #74582640;opacity:0}.celebration-stars span:nth-child(1){left:10%;--delay:0s}.celebration-stars span:nth-child(2){left:28%;--delay:.8s;color:#ffd0e3}.celebration-stars span:nth-child(3){left:49%;--delay:1.5s}.celebration-stars span:nth-child(4){left:70%;--delay:2.2s;color:#ffd0e3}.celebration-stars span:nth-child(5){left:89%;--delay:2.8s}.celebrating .celebration-stars span{animation:winner-stars 4s ease-out var(--delay) 2}.celebrating .winner-ribbon{animation:winner-ribbon .8s cubic-bezier(.16,1,.3,1) both}.share-scores{text-align:left;border-top:1px solid #ddc7d9;padding-top:22px;margin:24px 0}.share-scores h3{font-size:19px;margin:0}.share-scores>p{font-size:13px;margin:10px 0}.share-scores a.small-button{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}#publish-scores{display:grid;gap:14px;margin:16px 0}#publish-scores>div{display:flex;align-items:end;gap:12px}#publish-scores label{flex:1;display:grid;gap:6px;font-size:13px;font-weight:800}#publish-scores button{flex-shrink:0;margin:0!important;min-height:46px}#ranking-status{color:#563559;min-height:20px}#replay-celebration{margin:12px auto!important}.winner-film [hidden]{display:none!important}@keyframes winner-stars{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(310px) rotate(150deg)}}@keyframes winner-ribbon{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:650px){.players{display:flex;flex-wrap:wrap;justify-content:center}.player{flex:1 1 calc(33% - 10px);max-width:calc(50% - 5px);min-width:80px}.player h2{font-size:14px}.winner-ribbon{left:4%;right:4%;bottom:4%;padding:8px 10px}.winner-ribbon span{font-size:12px}.winner-ribbon strong{font-size:22px}.count-options span{font-size:13px}#results{padding:30px 16px}.share-scores{padding-top:18px}}@media(prefers-reduced-motion:reduce){.celebrating .celebration-stars span,.celebrating .winner-ribbon{animation:none}}
/* Give every family member a visible column on a wide table. */
@media(min-width:1180px){.family-game .game-layout{grid-template-columns:minmax(0,1fr) 560px}.family-game .score-scroll.family-sheet table{min-width:510px}.family-game .score-scroll.family-sheet th:not(:first-child){width:74px}}
@media(min-width:801px) and (max-width:1179px){.family-game .game-layout{grid-template-columns:minmax(0,1fr)}}
.current-column{color:#883052;background:#f9e4ed;border-radius:8px}
@media(min-width:1180px){.family-game .scene-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
