.room-shell{max-width:800px;padding:22px 24px 35px;margin:auto}.room-heading{display:flex;align-items:center;justify-content:space-between;height:auto;padding-bottom:15px;border-color:#bda4ed33}.room-heading>b{font-size:26px;color:#ead097}.room-welcome{text-align:center;margin:24px 0}.room-welcome h1{font-size:35px;margin:9px 0}.room-welcome>p{max-width:440px;margin:auto;font-size:13px;color:#baa6c9}.room-code{display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 19px;margin:20px auto 14px;border:1px solid #d9bf8055;border-radius:12px;background:#332641;color:#e7ce91}.room-code small{font-size:11px;color:#bba7cb}.room-code bdi{font-size:27px;font-weight:700;letter-spacing:4px}.room-code .ui-symbol{width:21px;height:21px}.room-invite-actions{display:flex;gap:10px;justify-content:center}.room-invite-actions .btn{min-height:42px;padding:9px 17px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.room-invite-actions .ui-symbol{width:18px;height:18px}.room-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-team{background:#2d223bee;border:1px solid #bda4ed44;border-radius:16px;padding:15px 18px;text-align:center}.room-mascot{display:block;width:90px;height:112px;margin:auto}.room-mascot>svg{width:100%;height:100%}.room-team h2{font-size:20px;margin:7px 0}.room-team>small{font-size:10px;color:#d2b989}.room-members{text-align:right;margin:15px 0}.room-members>div{padding:10px 0;border-top:1px solid #bda4ed22;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px}.room-members span small{display:block;font-size:9px;color:#ad98bd}.room-members button{font-size:9px;border:1px solid #c2a4e655;color:#dfc8f1;background:#463151;border-radius:6px;padding:6px}.room-members>p{font-size:11px;color:#ad98bd;text-align:center}.room-footnote,.room-wait{text-align:center;font-size:11px;color:#baa4c9;margin:20px 0;line-height:1.9}.room-connection{font-size:9px;color:#9bcca8;text-align:center;margin:12px 0}.disconnected{color:#e7af87!important}.room-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px 11px;font-size:10px;color:#c4afd3}.room-status>button{display:flex;align-items:center;gap:6px;padding:5px 9px;background:#30243e;border:1px solid #bda4ed44;color:#e8cd91;border-radius:7px;font-size:10px}.room-status .ui-symbol{width:14px;height:14px}.room-status>small{font-size:8px;color:#91cba6}.room-active .play-header{margin-bottom:0}.room-active .play-question{min-height:116px;justify-content:center;text-align:center;position:relative;padding:22px 90px}.room-active .play-question h1{font:700 clamp(27px,3vw,42px)/1.65 Thmanyah,Arial,sans-serif;padding:0}.room-active .play-question>div>span{font-size:10px}.room-active .question-source{position:absolute;left:14px;top:12px}.room-active .round-turn>small{font-size:9px;color:#c1a9d0}.device-rule{font-size:10px;color:#bca7cd;margin-top:13px}.local-play-link{font-size:9px;margin-top:12px;color:#9e8eb1}.join-room h2{font-size:29px}.join-room label{display:block;margin:14px 0;font-size:12px}.join-room input:not([type=radio]){display:block;width:100%;margin-top:6px}.join-room input[name=code]{font-size:22px;letter-spacing:4px;text-align:center}.join-room fieldset{display:flex;gap:18px;margin:15px 0;border:1px solid #bda4ed44;border-radius:9px;padding:10px 15px}.join-room fieldset label{display:flex;gap:7px;margin:0}.join-room legend{font-size:11px;color:#c7b2d7}.join-room p{font-size:10px;color:#b69fc6;margin:12px 0}.instant-qr>img{width:100%;height:auto;display:block}.room-active #guessForm input:disabled{opacity:.85}.room-active .quick-board .correction-open{font-size:8px}.room-active .results .actions [data-action=setup]{font-size:11px}
@media(max-width:600px){.room-shell{padding:16px}.room-welcome{margin:20px 0}.room-welcome h1{font-size:28px}.room-welcome>p{font-size:11px}.room-team-grid{gap:9px}.room-team{padding:12px 10px}.room-team h2{font-size:15px;overflow-wrap:anywhere}.room-mascot{width:70px;height:88px}.room-members>div{font-size:10px;flex-wrap:wrap}.room-members span small{font-size:8px}.room-footnote{font-size:9px}.room-code bdi{font-size:25px}.room-status{font-size:8px;gap:5px;flex-wrap:wrap}.room-status>button{font-size:8px}.room-status>small{font-size:7px}.room-active .play-question{min-height:115px;padding:23px 12px 13px}.room-active .play-question h1{font-size:26px;line-height:1.7}.room-active .play-question>div>span{font-size:8px}.room-active .question-source{font-size:7px;top:5px;left:7px}.room-active .round-turn>small{font-size:7px;max-width:55%;text-align:left}.device-rule{font-size:9px}.local-play-link{font-size:8px}.join-room input:not([type=radio]){font-size:16px}.join-room fieldset label{font-size:11px}.room-invite-actions .btn{font-size:10px}}
/* Readable question also applies to the optional shared-screen mode. */
.playing .play-question{min-height:116px;justify-content:center;text-align:center;position:relative;padding:22px 90px}.playing .play-question h1{font:700 clamp(27px,3vw,42px)/1.65 Thmanyah,Arial,sans-serif;padding:0}.playing .question-source{position:absolute;left:14px;top:12px}
@media(max-width:600px){.playing .play-question{min-height:115px;padding:23px 12px 13px}.playing .play-question h1{font-size:26px;line-height:1.7}.playing .question-source{top:5px;left:7px}}
.playing .play-main>.play-question{order:-1}
/* Room first: invitation, shared setup board, then simultaneous card reveal. */
.board-shell{max-width:960px}.room-step-strip{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#93809e;margin:18px 0}.room-step-strip .current{color:#f1d28a}.room-step-strip .done{color:#b8c8b9}.room-early-invite{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 23px;margin:16px 0;background:#30233e99;border:1px solid #bda4ed33;border-radius:14px}.room-early-invite h1{font-size:28px;margin:6px 0}.room-early-invite p{font-size:11px;color:#bda6cc}.room-early-invite .room-invite-actions{justify-content:flex-start;margin-top:14px}.early-qr{display:flex;align-items:center;flex-direction:column;background:#f7efdd;padding:7px;border:1px solid #f1d67b88;border-radius:11px;flex-shrink:0;color:#33243c;width:132px}.early-qr>span{display:block;width:115px;height:115px;background:#fff;border-radius:5px;overflow:hidden}.early-qr svg,.early-qr img{display:block;width:100%;height:100%}.early-qr bdi{font-size:13px;font-weight:700;letter-spacing:3px;line-height:1.5;margin-top:5px}.compact-members .room-team{padding:12px 15px}.compact-members .room-team h2{font-size:17px;margin:0 0 3px}.compact-members .room-members{margin:9px 0 3px}.compact-members .room-members>div{padding:7px 0}.compact-members .room-team>.link{font-size:10px}.room-board{margin-top:18px;border:1px solid #bda4ed3d;border-radius:14px;background:#2b2039cc;padding:22px}.room-board .small-setup-title{margin-bottom:17px;min-height:0}.room-board .small-setup-title h2{font-size:24px}.room-board .short-setup{margin-top:0}.room-board .setup-launch{margin-top:15px}.room-board .short-power{grid-template-columns:minmax(0,1fr) auto}.room-board .extra-settings{margin-bottom:0}.room-board .form-availability{font-size:10px}.room-board .readonly-board{border:0;margin:0;padding:0;min-width:0;width:100%}.room-board .readonly-board:disabled{opacity:.78}.room-board .readonly-board .setup-launch,.room-board .readonly-board [data-action=custom]{display:none}.board-help{font-size:10px;color:#bda5ce;margin:12px 0 0;text-align:center}.ability-lifetimes{display:flex;justify-content:center;gap:24px;border-top:1px solid #bda4ed26;margin-top:16px;padding-top:12px}.ability-lifetimes>span{display:grid;grid-template-columns:19px 1fr;align-items:center;gap:1px 7px;font-size:10px;color:#b6a0c5}.ability-lifetimes svg{grid-row:span 2;width:18px;height:18px;color:#e4c885}.ability-lifetimes b{font-size:11px;color:#dfc9ea}.room-board-launch{text-align:center;margin:18px 0}.room-board-launch>.link{margin-top:12px;font-size:11px}.room-reveal{text-align:center;margin:25px 0}.room-reveal>h1{font-size:30px;margin:8px 0}.room-reveal>p{font-size:12px;color:#bba2ca}.revealed-teams{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.revealed-teams>article{padding:21px;border:1px solid #c2a3df4d;background:linear-gradient(135deg,#3c2b48,#241d34);border-radius:15px}.revealed-teams h2{font-size:21px}.revealed-card{display:block;width:146px;height:180px;margin:13px auto 4px;animation:card-unveil .6s ease-out both}.revealed-card>svg{width:100%;height:100%}.revealed-teams article>b{font-size:10px;color:#d5bc84}.revealed-teams h3{font-size:19px;margin:8px 0;display:flex;align-items:center;justify-content:center;gap:7px}.revealed-teams h3 .ui-symbol{width:22px;height:22px;color:#e8ce8d}.revealed-teams article>p{font-size:12px;color:#d5bddf;line-height:1.9;min-height:46px}.revealed-teams article>small{font-size:10px;color:#a991b9}.revealed-aid{border-top:1px solid #bda4ed2e;margin-top:15px;padding-top:12px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:13px;color:#e9cf96}.revealed-aid .ui-symbol{width:19px;height:19px}.revealed-aid small{font-size:9px;color:#ad99be}@keyframes card-unveil{from{opacity:0;transform:translateY(13px) rotate(-6deg) scale(.93)}to{opacity:1;transform:none}}
/* Question is typography only; retain a readable, unframed central area. */
.playing .play-question,.room-active .play-question{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:16px 65px;min-height:110px}.playing .play-question:before,.playing .play-question:after{display:none}.playing .play-question h1{text-shadow:0 2px 10px #100d2540;font-size:clamp(29px,3.2vw,44px)}
@media(max-width:600px){.room-step-strip{gap:10px;font-size:8px;justify-content:space-between;line-height:1.7}.room-early-invite{padding:13px;gap:10px}.room-early-invite h1{font-size:21px}.room-early-invite p{font-size:9px;line-height:1.8}.room-early-invite .room-invite-actions{flex-wrap:wrap;gap:6px;margin-top:9px}.room-early-invite .btn{font-size:9px;min-height:34px;padding:6px 9px}.early-qr{width:100px;padding:5px;border-radius:8px}.early-qr>span{width:88px;height:88px}.early-qr bdi{font-size:11px;letter-spacing:2px}.compact-members .room-team{padding:11px}.compact-members .room-team h2{font-size:14px}.compact-members .room-team>small{font-size:8px}.room-board{padding:16px 12px;margin-top:13px}.room-board .small-setup-title h2{font-size:21px}.ability-lifetimes{gap:13px;margin-top:13px}.ability-lifetimes>span{font-size:8px;grid-template-columns:16px 1fr;gap:1px 5px}.ability-lifetimes b{font-size:9px}.ability-lifetimes svg{width:15px;height:15px}.revealed-teams{gap:10px;margin-top:16px}.revealed-teams>article{padding:15px 10px}.revealed-teams h2{font-size:16px}.revealed-card{width:105px;height:132px;margin-top:12px}.revealed-teams h3{font-size:15px}.revealed-teams article>p{font-size:10px;line-height:1.85;min-height:65px}.revealed-teams article>small{font-size:8px}.revealed-aid{flex-wrap:wrap;font-size:11px;gap:5px}.revealed-aid small{font-size:8px}.room-reveal>h1{font-size:25px}.room-reveal>p{font-size:10px}.playing .play-question,.room-active .play-question{padding:20px 6px 11px;min-height:100px}.playing .play-question h1{font-size:27px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.revealed-card{animation:none}}

.play-mode-picker{text-align:center}.play-mode-picker h2{font-size:30px;margin:9px 0 22px}.play-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.play-mode-options>button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;border:1px solid #bda4ed66;border-radius:15px;background:#32263f;color:#f3e8ef;text-align:center;font:inherit;cursor:pointer}.play-mode-options>button:hover,.play-mode-options>button:focus-visible{border-color:#eed187;background:#41304e;outline:2px solid #eed187;outline-offset:3px}.mode-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#ead091;color:#30213b}.mode-icon svg{width:30px;height:30px}.play-mode-options b{font-size:18px}.play-mode-options button>span:not(.mode-icon){font-size:12px;line-height:1.9;color:#d1bfdc}.play-mode-options small{font-size:10px;color:#e8ce91;margin-top:auto}.play-mode-picker>.link{margin-top:20px;font-size:12px}.local-setup-note{font-size:11px;color:#c5afd3;line-height:1.9;margin:9px 0 0}.shared-writer-note{font-size:10px;color:#e9d099}.round-turn:has(.shared-writer-note){flex-wrap:wrap;gap:6px 16px}.local-play-link{font-size:11px!important}
@media(max-width:500px){.play-mode-options{grid-template-columns:1fr;gap:10px}.play-mode-options>button{display:grid;grid-template-columns:45px 1fr;text-align:right;gap:5px 12px;padding:16px}.play-mode-options .mode-icon{grid-row:span 3;width:43px;height:49px}.play-mode-options b{font-size:17px}.play-mode-options button>span:not(.mode-icon){font-size:11px}.play-mode-options small{font-size:9px}.play-mode-picker h2{font-size:26px;margin-bottom:16px}.shared-writer-note{font-size:9px}}
/* A visible room shortcut and a centered, balanced team choice. */
.play-mode-picker>.mode-join-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;min-height:51px;border:1px solid #bda4ed66;border-radius:12px;background:#32263f;color:#eadcf4;font-size:13px}.mode-join-button>.ui-symbol{width:23px;height:23px;color:#e8ce91}.mode-join-button b{color:#efd48e;font-weight:700;margin-right:5px}.mode-join-button:hover,.mode-join-button:focus-visible{border-color:#eed187;background:#41304e}.join-room-title{text-align:center;margin:3px 0 24px}.join-room-title h2{font-size:30px;margin-top:7px}.join-room form>label{font-size:12px;margin:17px 0}.join-room form>label>input{min-height:48px;border-radius:9px;font-size:15px;padding:11px 14px}.join-room input[name=code]{font-size:25px;letter-spacing:5px}.join-room .join-team-picker{display:block;border:0;padding:0;margin:24px 0 17px;min-width:0;text-align:center}.join-team-picker>legend{display:block;float:none;width:100%;margin-bottom:13px;text-align:center;font-size:17px;font-weight:700;color:#eee0f7}.join-team-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.join-room .join-team-option{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px 12px;border:1px solid #bda4ed55;border-radius:11px;min-height:77px;background:#2b2039;cursor:pointer}.join-team-option>input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0}.join-team-option:has(input:checked){border:2px solid #dbc5f1;background:#483453;padding:15px 11px}.join-team-option:nth-child(2):has(input:checked){border-color:#eed18b;background:#4b3a42}.join-team-option:has(input:focus-visible){outline:2px solid #efd18b;outline-offset:4px}.join-team-option b{font-size:16px;color:#f0e5f8;white-space:nowrap}.join-team-number{display:grid;place-items:center;width:31px;height:37px;border:1px solid #bda4ed88;border-radius:6px;background:#bda4ed14;color:#d9c0ec;font-size:20px;font-weight:700;flex:none}.join-team-option:nth-child(2) .join-team-number{color:#e7d09a;border-color:#e7d09a88;background:#e7d09a14}.join-team-check{width:15px;height:15px;border:1px solid #ad94bc;border-radius:50%;flex:none;margin-right:auto}.join-team-option:has(input:checked) .join-team-check{border:4px solid #d3b9e9;background:#34213f}.join-team-option:nth-child(2):has(input:checked) .join-team-check{border-color:#efd18b}.join-room form>p{font-size:11px;line-height:1.9;text-align:center;color:#c3accf;margin:14px 0 17px}.join-room form>.btn{min-height:49px;font-size:14px;border-radius:9px}.join-room #joinRoomError:empty{display:none}
@media(max-width:500px){.play-mode-picker>.mode-join-button{font-size:12px;min-height:49px;margin-top:14px}.join-room-title h2{font-size:27px}.join-team-options{gap:9px}.join-room .join-team-option{padding:14px 9px;gap:7px;min-height:72px}.join-room .join-team-option:has(input:checked){padding:13px 8px}.join-team-option b{font-size:13px}.join-team-number{width:26px;height:32px;font-size:18px}.join-team-check{width:13px;height:13px}.join-room form>p{font-size:10px}.join-room input[name=code]{font-size:23px}}
/* A returning device keeps its player and captain role; presence is separate. */
.room-members .player-presence{display:inline-flex;align-items:center;gap:5px;margin-inline-start:9px;font-size:9px;white-space:nowrap;color:#b6b0be}
.player-presence>i{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#8b8592}
.room-members .player-presence.is-online{color:#a8e3be}.player-presence.is-online>i{background:#6fd398;box-shadow:0 0 0 3px #6fd39814}
.room-members>div>span{min-width:0;overflow-wrap:anywhere}
.room-board .short-power{display:flex;align-items:center;gap:13px}
.room-board .power-mascot{display:block;flex:0 0 54px;width:54px;height:67px}
.room-board .power-mascot>.top-character{display:block;width:100%;height:100%;max-width:100%}
.revealed-card>.top-character{display:block;max-width:100%;object-fit:contain}
@media(max-width:600px){.room-board .short-power{gap:9px;padding:10px}.room-board .power-mascot{flex-basis:40px;width:40px;height:51px}.room-members .player-presence{display:flex;margin:4px 0;font-size:8px}.room-team .room-members>div{align-items:flex-start}.revealed-card{width:clamp(76px,23vw,105px);height:auto;aspect-ratio:200/245}}