.room-play-strip{display:flex;gap:8px;align-items:center;margin:0 0 10px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}
.room-play-strip[hidden]{display:none}.room-play-strip button{flex:0 0 auto;min-height:44px;border-radius:24px;padding:10px 16px;font-size:14px}
.room-play-strip .invitation{background:#f5dfb7;color:#49312b;border:1px solid #d1af7e}
.room-play-dialog{max-width:580px!important;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px!important;background:#fff9f0;border-radius:24px!important;color:#332536}
.play-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.play-dialog-top .quiet{font-size:28px;padding:0 9px;min-height:44px}
.room-play-dialog h2{font:clamp(29px,6vw,38px)/1.1 Georgia,serif;margin:12px 0}.room-play-dialog p{line-height:1.5}
.play-welcome{padding:22px;text-align:center;border:1px solid #decac0;background:linear-gradient(145deg,#fae5e6,#fff5dd);border-radius:18px;margin:22px 0 0}.play-art{display:block;font:70px Georgia,serif;color:#a64c65;line-height:1.1}.play-welcome h3{font:25px Georgia,serif}.play-welcome .primary{border-radius:25px}
.play-round-bar{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px}.play-clock{background:#ede7dc;border-radius:18px;padding:7px 12px;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
#playPrompt{font:22px/1.35 Georgia,serif;margin:14px 0;overflow-wrap:anywhere}
#playCanvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #d5c2b7;border-radius:16px;background:#fffef9;touch-action:none}
.play-pens{display:flex;gap:12px;justify-content:center;margin:14px 0}.play-pen{height:38px;width:38px;min-height:38px;padding:0;border:3px solid #fff9f0;border-radius:50%;box-shadow:0 0 0 1px #cdbab0}.play-pen[aria-pressed=true]{box-shadow:0 0 0 3px #332536}
.play-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.play-quiz-options[hidden]{display:none}.play-quiz-options button{min-height:66px;text-align:left;border-radius:14px;white-space:normal}.play-quiz-options .correct{opacity:1;background:#e1ecd9;color:#31563e;border:2px solid #6e8e65}
.play-guess{display:flex;gap:8px;margin:12px 0}.play-guess[hidden]{display:none}.play-guess input{min-width:0;flex:1;font-size:16px;border-radius:12px}.play-guess button{border-radius:12px}.play-tea-card{padding:16px;border-radius:16px;background:#f0e9db;margin:12px 0}.play-tea-card strong{display:block;margin-bottom:12px}.play-tea-card button{margin:0 6px 6px 0}.play-tea-person{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0d2c7}.play-empty{padding:18px;background:#f4ebdf;border-radius:16px}.shared-interests{padding:12px 16px;border-radius:12px;background:#e9eedf;color:#38543a}
@media(max-width:740px){.room-play-dialog{padding:18px!important}.room-play-strip{margin:6px 0}.room-play-strip button{font-size:13px;padding:9px 13px}.play-quiz-options button{font-size:14px;min-height:62px}#playRoundActions button{flex:1}.play-welcome{padding:18px}}
@media(prefers-reduced-motion:reduce){.room-play-dialog{animation:none!important}}

#sidesQuestion{font:24px/1.3 Georgia,serif;margin:12px 0}.sides-choices button{min-height:64px;white-space:normal}#sidesActions{margin-top:12px;gap:8px;flex-wrap:wrap}#sidesResults p{overflow-wrap:anywhere}

.quiz-categories{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.quiz-categories p{flex-basis:100%;margin:0}.quiz-categories button{min-height:44px;white-space:normal}
.cafe-cards-dialog{width:min(640px,calc(100vw - 24px));max-width:640px!important;max-height:calc(100dvh - 30px);overflow:auto;background:#fff9f0;padding:22px!important;border-radius:22px!important}
.cafe-cards-dialog h2{font:36px/1.15 Georgia,serif;margin:10px 0}.cafe-cards-dialog details{font-size:14px;line-height:1.5;margin:12px 0}.card-roster{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.card-roster span{padding:7px 11px;background:#eee5d8;border-radius:18px;font-size:13px}.card-roster .card-turn{background:#ead3dc;font-weight:700;border:1px solid #a84f65}
.card-turn-status{font-weight:700}.card-pile{display:flex;justify-content:center;margin:15px 0}.cafe-playing-card{--card-colour:#403343;display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:90px;min-width:90px;min-height:128px;padding:12px 9px;background:var(--card-colour);color:#fff;border:3px solid #fff;border-radius:12px;box-shadow:0 2px 8px #33253625;text-align:center;box-sizing:border-box}.cafe-playing-card strong{font:700 25px/1.15 Georgia,serif;overflow-wrap:anywhere}.cafe-playing-card .card-colour{font-size:12px;font-weight:700}.cafe-playing-card:disabled{opacity:.65}.cafe-playing-card:focus-visible{outline:3px solid #332536;outline-offset:3px}.cafe-hand{display:flex;gap:9px;overflow-x:auto;padding:6px 4px 14px;margin-bottom:12px}.card-wild-choice{padding:14px 0}.card-wild-choice button{margin:4px}.card-actions{gap:8px;flex-wrap:wrap;margin-top:18px}#cardGameContent>.primary{margin:8px 8px 8px 0}
@media(max-width:740px){.cafe-cards-dialog{padding:18px!important}.cafe-playing-card{min-width:82px;width:82px;min-height:118px}.card-actions button{flex:1}}


.tea-invitation-notice{top:auto;bottom:calc(100px + env(safe-area-inset-bottom));}

.play-final-results{flex-basis:100%;padding:20px;border:2px solid #a84f65;border-radius:16px;background:#f4ebdf}.play-final-results h3{margin-top:0}.play-final-results li{padding:6px 0}