/* Base controls share lobby conventions; all fullscreen changes below are scoped. */
/* Main match only. The approved landing scene and minigame shadow roots are untouched. */
.match-stage{width:min(1180px,calc(100vw - 32px));max-width:1180px;max-height:calc(100dvh - 32px);border-radius:28px;background:radial-gradient(ellipse at 95% 0,#65438b66,transparent 45%),linear-gradient(135deg,#172b61,#121a43 65%);border:1px solid #9cbfff80;box-shadow:0 28px 110px #040719aa,0 0 70px #5f75d42b;scrollbar-color:#557bc0 #192450}
.match-stage .panel-shell{padding:32px 34px 20px}.match-stage .close-panel{z-index:5;top:17px;right:17px}
.match-stage h2{font:600 clamp(28px,3vw,40px)/1.13 var(--display,'Fredoka',sans-serif);letter-spacing:-.8px;max-width:none;margin:8px 0 17px;overflow-wrap:anywhere}
.match-stage .intro{font-size:15px;line-height:1.65;color:#ccdbf3;margin:0 0 22px;max-width:680px}.match-stage .eyebrow{font-size:10px;font-weight:900;letter-spacing:1.5px;line-height:1.7;color:#89e9ff;margin:0 0 5px}
.match-brand{display:flex;align-items:center;justify-content:space-between;padding-right:36px;padding-bottom:22px;border-bottom:1px solid #b5d1ff21;gap:12px;font-size:11px;color:#b7cbea;letter-spacing:1.8px}.frosty-word{font-family:'Fredoka',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.6px;color:#def8ff}.frosty-word b{color:#ffd37d;font-weight:600}
.match-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:22px 0 17px}.spotlight-count{font-size:12px;color:#b7c9ec}.personal-score{font-family:'Fredoka',sans-serif;color:#ffdc97;font-size:31px;text-align:right;line-height:1.05;flex-shrink:0}.personal-score small{display:block;font:800 9px/1.5 'Nunito',sans-serif;letter-spacing:1px;color:#b1c5e8;text-transform:uppercase;margin-top:5px}
.phase-steps{display:flex;align-items:center;gap:7px;border-radius:13px;padding:8px;background:#07142d33;margin:0 0 24px}.phase-steps>span{display:flex;align-items:center;gap:7px;border-radius:9px;color:#99afd7;font-size:11px;font-weight:900;padding:7px 12px;white-space:nowrap}.phase-steps>span b{width:23px;height:23px;border:1px solid #6884b661;border-radius:50%;display:grid;place-items:center;font-size:10px}.phase-steps .current{color:#e9f9ff;background:#63d1f329}.phase-steps .current b{background:#81eaff;color:#18285e;border:0}.phase-steps .past{color:#a4eddc}.phase-steps .past b{color:#a4eddc;border-color:#98decd44}.round-clock{margin-left:auto;white-space:nowrap;padding:7px 12px;color:#ffe49a;font-size:12px;font-weight:900}.round-clock.overtime{color:#b9d4ea;font-size:10px}
.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:24px;align-items:start}.game-grid.wide{display:block}.play-card{position:relative;min-width:0;border-radius:23px;background:linear-gradient(135deg,#9bbcff10,#7568c506);padding:26px;border:1px solid #a7c4ff2b}.game-grid.wide>.play-card{background:transparent;border:0;padding:0}.match-sidebar{padding:20px 17px;background:#08143838;border:1px solid #99bdff25;border-radius:21px;position:sticky;top:0}.sidebar-title{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.sidebar-title>span{font-family:'Fredoka',sans-serif;font-size:21px}.sidebar-title strong{font-size:10px;font-weight:800;color:#9ebee7}
.crew-list{display:grid;gap:15px}.crew-member{display:flex;align-items:center;gap:9px;min-width:0}.crew-member>div{flex:1;min-width:0}.crew-member strong{font-size:12px;font-weight:900;display:block;overflow-wrap:anywhere}.crew-member strong small{font-size:9px;color:#a9c2e4;font-weight:800}.crew-status{font-size:9px;color:#b5c5e2;display:block;margin-top:1px}.crew-check{font-size:12px;color:#94f3cb}.mini-face{width:33px;height:33px;display:inline-grid;place-items:center;flex-shrink:0;background:var(--pcolor,#8aa7df);color:#20305e;border:1.5px solid #f1f4ffcc;border-radius:12px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;box-shadow:inset 0 2px 0 #ffffff66,0 3px 0 #09132b22}.mini-face.large{width:53px;height:53px;border-radius:18px;font-size:29px}.privacy-note{font-size:10px;line-height:1.7;color:#a8bde0;display:flex;align-items:center;gap:7px;border-top:1px solid #a9c7ff22;padding-top:17px;margin:20px 0 0}.privacy-note .icon{width:13px;height:13px}.score-guide{margin-top:16px;color:#bcd0ed;font-size:11px;line-height:1.7}.score-guide summary{cursor:pointer;font-size:11px;color:#d8e7ff}.score-guide p{margin:9px 0 0}
.match-stage .field-label{font-size:12px;font-weight:900;color:#e1edff;margin:20px 0 9px}.match-stage textarea,.match-stage input:not([type=checkbox]),.match-stage select{border:1px solid #8cacdf70;background:#07153188;box-shadow:inset 0 2px 8px #02072422;color:#f6f8ff;border-radius:14px;padding:14px 15px;min-width:0;font-size:15px;line-height:1.5}.match-stage textarea{min-height:106px;max-height:240px;resize:vertical}.match-stage textarea::placeholder{color:#97abcd}.match-stage input:focus,.match-stage textarea:focus{border-color:#88ebff}.match-stage .count{color:#9fb8de;font-size:10px;margin:7px 0 15px;text-align:right}.field-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px}.field-top .field-label{margin:0}.field-top .button{font:900 12px 'Nunito',sans-serif;min-height:39px;padding:9px 19px;border-radius:12px}.match-stage .form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 0}.match-stage .button{font-size:17px;min-height:46px;padding:12px 22px;white-space:normal;text-align:center}.match-stage .button-quiet{font:800 12px/1.4 'Nunito',sans-serif;min-height:42px;padding:10px 17px;background:#a5c6ff0a;border:1px solid #a4c6ff4d;border-radius:12px}.match-stage .helper{font-size:11px;line-height:1.7;color:#b1c6e8;margin:14px 0 0}.match-stage .button-block{width:100%}.match-stage .button .icon{width:19px;height:19px}
.locked-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 18px 22px;border:1px dashed #a0c5ff42;border-radius:19px;background:#bfdfff07;margin-top:22px}.locked-symbol{width:51px;height:51px;display:grid;place-items:center;border-radius:17px;background:#76dbc921;color:#a8fff0;margin-bottom:17px;transform:rotate(-5deg)}.locked-symbol .icon{width:23px;height:23px}.locked-card strong{font:500 24px 'Fredoka',sans-serif;color:#defaf4}.locked-card p{font-size:12px;color:#bcd0ed;line-height:1.7;max-width:350px;margin:9px 0 18px}.dots{display:flex;gap:6px}.dots i{width:5px;height:5px;border-radius:50%;background:#a3dcff;animation:mimicPulse 1.5s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
.prompt-card{position:relative;background:linear-gradient(135deg,#f0f7ff,#dfe6ff);color:#203966;padding:22px 24px;margin:23px 0;border-radius:22px;box-shadow:0 6px 0 #a3c1ef20,inset 0 2px 0 #fff}.prompt-card:after{content:'';position:absolute;left:28px;bottom:-11px;width:24px;height:21px;background:#e8efff;clip-path:polygon(0 0,100% 0,0 100%)}.spotlight-name{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:14px;color:#486087}.spotlight-name b{color:#243761}.prompt-card .question{font:500 clamp(21px,2.3vw,29px)/1.35 'Fredoka',sans-serif;margin:0;padding:0;border:0;color:#243766;background:none;overflow-wrap:anywhere}
.private-answer{border:1px solid #84dbd44a;background:#72e4ca09;border-radius:14px;padding:17px 19px;margin:22px 0}.private-answer>span{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.1px;font-weight:900;color:#a6e4d7}.private-answer .icon{width:14px;height:14px}.private-answer p{margin:10px 0 0;font-size:16px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}.explanation{font-size:12px;line-height:1.5;color:#bcd0f3;margin:18px 0}.explanation summary{cursor:pointer}.match-card{border:1px solid #90e6d875;background:#75e9d313;border-radius:19px;padding:24px;margin:22px 0}.match-card strong{font:500 23px/1.3 'Fredoka',sans-serif;color:#befff1}.match-card p{color:#b6dbde;font-size:13px;line-height:1.7;margin:12px 0 0}
.match-stage .choices{display:grid;gap:12px;margin:24px 0}.match-stage .choice{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:17px;border-radius:16px;background:linear-gradient(135deg,#8baaf917,#9b86db0a);border:1px solid #99b5e150;color:#ecf4ff;transition:background .16s,border-color .16s,transform .16s;min-height:76px;position:relative;overflow-wrap:anywhere}.match-stage button.choice:hover:not(:disabled){transform:translateY(-2px);background:#8ad8ff1d;border-color:#a0e6ff}.match-stage button.choice[aria-pressed=true]{border-color:#90edff;background:#70dcff24;box-shadow:0 0 0 1px #90edff,0 0 22px #77d3ff16}.match-stage .choice:disabled{opacity:.45;cursor:default}.match-stage .letter{width:33px;height:33px;display:grid;place-items:center;border:1px solid #a5c3ee34;border-radius:10px;background:#bed3ff10;font:500 17px 'Fredoka',sans-serif;flex-shrink:0;color:#b8d9ff}.choice-text{flex:1;min-width:0;font-size:15px;line-height:1.5;font-weight:800}.choice-text>small{display:block;font-size:10px;font-weight:700;margin-top:5px;color:#b8cde9;line-height:1.5}.choice-tick{font-size:20px;color:#a2f2ff;opacity:0;flex-shrink:0}button[aria-pressed=true] .choice-tick{opacity:1}.sealed-votes{text-align:center;padding:34px 20px;border:1px solid #d0b0ff47;border-radius:22px;background:#bc8eff0e}.sealed-votes>.icon{display:block;margin:0 auto 20px;width:38px;height:38px;color:#d9c1ff}.sealed-votes strong{font:500 28px 'Fredoka',sans-serif}.sealed-votes p{font-size:13px;color:#bfcef0;line-height:1.6;margin:12px 0 0}
.match-stage .choice.truth{background:linear-gradient(130deg,#6cffe628,#58c9db13);border-color:#9bf5dd;box-shadow:0 0 24px #8ff4d213}.match-stage .choice.truth .letter{background:#a5f5de;color:#173e50}.truth-badge{font-size:8px;font-weight:900;letter-spacing:.7px;background:#a3f5de;color:#153e50;padding:6px 8px;border-radius:7px;flex-shrink:0}.match-stage .choice.your-pick:not(.truth){border-color:#d9a5df}.reveal-answer{animation:mimicReveal .4s both;animation-delay:var(--delay)}.voter-chips{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 3px}.voter-chips>span{display:inline-block;border:1px solid #b8d5ff38;background:#98b7f50b;color:#d1e4fb;font-size:9px;font-weight:800;border-radius:99px;padding:3px 8px}.voter-chips>small{font-size:9px;color:#a8bddf}.appreciation{align-self:flex-end;border:1px solid #edb9ee44;background:#ed99f109;padding:6px 9px;border-radius:10px;color:#efc6f5;font-size:13px;min-height:36px;min-width:43px;white-space:nowrap;cursor:pointer}.appreciation[aria-pressed=true]{background:#f390e830;border-color:#fab8eb}.appreciation:disabled{opacity:.35}.round-gain{display:inline-flex;gap:10px;align-items:center;font:500 30px 'Fredoka',sans-serif;color:#ffe7a1;margin-top:6px}.round-gain span{font:800 10px 'Nunito',sans-serif;color:#c4d4ef}.discussion-card{border-left:3px solid #bc9cff;padding:17px 20px;background:#a17dff0b;border-radius:0 14px 14px 0;margin:25px 0}.discussion-card strong{font:500 21px/1.3 'Fredoka',sans-serif;color:#e0d3ff}.discussion-card p{font-size:13px;line-height:1.7;color:#c7d7ef;margin:10px 0 0}
.match-stage .score-list{border-radius:16px;overflow:hidden;border:1px solid #9ebdec2f;margin:26px 0 0}.match-stage .score-row{display:flex;align-items:center;gap:11px;padding:13px 17px;background:#abcfff06;border-bottom:1px solid #96b8ec22}.match-stage .score-row:last-child{border-bottom:0}.match-stage .score-row.is-you{background:#84cfff12}.score-row .rank{width:17px;font-size:12px;color:#a2bce4;flex-shrink:0}.score-name{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere;font-weight:900}.match-stage .score-row small{display:block;font-size:9px;color:#b1c5e6;line-height:1.5;margin:3px 0 0}.match-stage .score-row>strong{font:500 24px 'Fredoka',sans-serif;color:#ffe3a0}.match-stage .score-row .mini-face{width:30px;height:30px;border-radius:10px;font-size:16px}.champion{padding:32px;background:radial-gradient(ellipse at 50% 0,#ffeac724,transparent 70%),linear-gradient(125deg,#ac78ff25,#66deff12);border:1px solid #dcc0ff5c;border-radius:23px;text-align:center;margin:24px 0}.champion>span{font:500 30px/1.3 'Fredoka',sans-serif;color:#f3dcff;overflow-wrap:anywhere}.champion>strong{display:block;color:#ffe89d;font:600 68px/1.1 'Fredoka',sans-serif;margin-top:12px}.champion small{display:block;color:#c6d6f5;font:800 11px 'Nunito',sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:9px}.awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.awards>div{border:1px solid #8daff940;border-radius:16px;padding:20px;background:#9cc3ff09}.awards span{font-size:10px;color:#9bdffe;font-weight:900;display:block;letter-spacing:.6px}.awards strong{font:500 23px/1.3 'Fredoka',sans-serif;display:block;margin:8px 0;overflow-wrap:anywhere}.awards small{font-size:11px;color:#b9cbea}.intermission-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:27px 0}.intermission-cards>div{padding:25px;border:1px solid #a5bcff3d;border-radius:20px;background:#acb6ff0b}.intermission-cards .icon{width:35px;height:35px;color:#bfb4ff;margin-bottom:20px}.intermission-cards h3{font:500 24px 'Fredoka',sans-serif;margin:0 0 13px}.intermission-cards p{font-size:13px;color:#bccdea;line-height:1.75;margin:0}
.match-stage .room-code{background:linear-gradient(120deg,#86d7ff13,#c79aff0b);border:1px dashed #95c9ff81;margin:25px 0;padding:22px 25px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.match-stage .room-code span{font-size:9px;letter-spacing:1.4px;color:#accdea}.match-stage .room-code strong{font:600 36px 'Fredoka',sans-serif;color:#9cf1ff;letter-spacing:4px}.match-stage .room-code .form-actions{margin:0}.match-stage .players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.match-stage .player-tile{min-height:151px;padding:23px 10px 15px;border-radius:20px;border:1px solid #97baf23a;position:relative;display:flex;align-items:center;flex-direction:column;gap:11px;background:#a4c5ff08;text-align:center}.match-stage .player-tile strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.match-stage .player-tile small{font-size:10px;color:#aec4e8;margin-top:-6px}.match-stage .player-tile.is-ready{background:#78e4cf0a;border-color:#7cdbcf61}.ready-dot{position:absolute;right:10px;top:9px;color:#a5f6dd;font-size:12px}.match-stage .player-tile.empty{opacity:.45;border-style:dashed}.match-stage .empty .mini-face{background:#87a2e521;color:#b6c9ed;border:1px dashed #9bbbeb77}.lobby-bottom{margin:25px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.lobby-bottom>div{display:flex;gap:12px;flex-shrink:0}.lobby-bottom>.helper{max-width:350px;margin:0}.match-settings{padding:20px;background:#96b8f507;border:1px solid #95bafb2b;border-radius:17px;margin:20px 0}.match-settings summary{cursor:pointer;font-size:13px;font-weight:900}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:12px 0 22px}.check-field{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;margin-top:25px}.check-field input{accent-color:#b8a0ff;width:19px;height:19px;flex-shrink:0}.lobby-rules{display:flex;gap:20px;margin:27px 0 6px;border-top:1px solid #9abbff24;padding-top:23px;justify-content:center}.lobby-rules>div{display:flex;gap:10px;align-items:center}.lobby-rules b{font:500 20px 'Fredoka',sans-serif;color:#b6a8ff}.lobby-rules span{font-size:12px;color:#c2d5ee}
.match-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #a4c9ff21;margin:25px 0 0;padding-top:16px}.connection-status{font-size:10px;color:#a7dfce;display:flex;gap:6px;align-items:center}.connection-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#9ff3d5}.connection-status.offline{color:#ffd298}.connection-status.offline:before{background:#ffc47f}.match-controls>details{flex:1;max-width:540px;position:relative}.match-controls>details>summary{text-align:right;font-size:11px;color:#b4c8e7;cursor:pointer}.host-options{padding:18px;background:#070f2938;border:1px solid #8eb6f831;border-radius:14px;margin-top:12px}.host-options .field-label{margin-top:15px}.host-options .form-actions{gap:8px}.host-options .button{min-height:38px;font-size:11px;padding:8px 13px}.match-stage .match-controls>.button{padding:7px 12px;min-height:36px;font-size:10px}
.pause-banner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#6f57884d;border:1px solid #f6c9ff77;border-radius:16px;padding:16px 20px;margin:18px 0}.pause-banner strong{font:500 23px 'Fredoka',sans-serif;color:#f4d5ff}.pause-banner span{font-size:12px;flex:1;color:#decce8}.play-card[inert]{opacity:.45;filter:saturate(.4)}.rules-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.rules-points>span{font-size:13px;line-height:1.6;background:#96b8ff0b;border:1px solid #9ac5ff35;border-radius:14px;padding:16px}.rules-points b{display:block;font:500 28px 'Fredoka',sans-serif;color:#ffe5a1}.rules-points small{font-size:10px;color:#abc2e3}
@keyframes mimicReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mimicPulse{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media(max-width:900px){.match-stage .panel-shell{padding:27px 22px 18px}.game-grid{grid-template-columns:minmax(0,1fr) 204px;gap:17px}.play-card{padding:22px}.match-sidebar{padding:18px 13px}.phase-steps>span{padding:7px 9px}.lobby-bottom{flex-direction:column}.lobby-bottom>.helper{max-width:none}.lobby-rules{gap:16px}.lobby-rules span{font-size:10px}.match-stage .room-code .form-actions{flex-direction:column;gap:8px}}
@media(max-width:680px){.match-stage{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:22px}.match-stage .panel-shell{padding:25px 16px 16px}.match-stage .close-panel{top:14px;right:12px}.match-brand{padding-right:28px;gap:6px;font-size:9px;padding-bottom:18px}.frosty-word{font-size:20px}.match-top{margin:17px 0}.match-stage .eyebrow{font-size:8px;letter-spacing:1.1px}.personal-score{font-size:26px}.personal-score small{font-size:7px}.game-grid{grid-template-columns:1fr}.match-sidebar{position:static;display:block;padding:16px}.crew-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.sidebar-title{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:14px}.sidebar-title>span{font-size:18px}.privacy-note{display:none}.score-guide{margin-top:17px;border-top:1px solid #91b5eb24;padding-top:13px}.match-stage .play-card{padding:20px 17px;border-radius:19px}.phase-steps{padding:6px;gap:2px;margin-bottom:18px;flex-wrap:wrap}.phase-steps>span{padding:6px 7px;font-size:9px;gap:5px}.phase-steps>span b{width:19px;height:19px;font-size:8px}.round-clock{font-size:9px;padding:5px 7px}.match-stage h2{font-size:28px}.match-stage .intro{font-size:13px}.prompt-card{padding:19px;margin:20px 0}.prompt-card .question{font-size:23px}.spotlight-name{font-size:10px}.match-stage .choice{gap:9px;padding:14px;min-height:71px;flex-wrap:wrap}.match-stage .letter{width:27px;height:27px;font-size:14px}.choice-text{font-size:13px}.choice-tick{font-size:15px}.truth-badge{font-size:7px;padding:5px 7px;margin-left:auto}.reveal-choices .choice-text{min-width:calc(100% - 44px)}.appreciation{margin-left:auto}.match-stage .score-row{padding:13px 10px;gap:8px}.match-stage .score-row>strong{font-size:23px}.match-stage .score-row .mini-face{display:none}.score-name{font-size:12px}.match-stage .score-row small{font-size:9px}.match-stage .players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-stage .player-tile{min-height:134px;padding:18px 8px 14px}.match-stage .room-code{padding:18px;gap:12px;align-items:center}.match-stage .room-code strong{font-size:29px;letter-spacing:3px}.match-stage .room-code span{font-size:8px}.match-stage .room-code .button{font-size:10px;min-height:35px;padding:8px 12px}.settings-grid{grid-template-columns:1fr;gap:8px}.lobby-bottom>div{width:100%;flex-wrap:wrap}.lobby-bottom>div>.button{flex:1}.lobby-rules{gap:12px;align-items:start;justify-content:space-between}.lobby-rules>div{flex-direction:column;align-items:start;gap:7px;width:31%}.lobby-rules span{font-size:10px;line-height:1.5}.intermission-cards{grid-template-columns:1fr;gap:13px}.intermission-cards>div{padding:21px}.intermission-cards .icon{float:left;margin:0 17px 12px 0;width:30px;height:30px}.intermission-cards h3{font-size:22px}.awards{grid-template-columns:1fr 1fr;gap:10px}.awards>div{padding:16px}.awards strong{font-size:19px}.awards small{font-size:10px}.champion{padding:28px 15px}.champion>span{font-size:25px}.champion>strong{font-size:55px}.match-stage .form-actions>.button{flex-grow:1}.match-controls>details{min-width:180px}.sealed-votes strong{font-size:24px}.locked-card{padding:25px 14px}.private-answer{padding:15px}.private-answer>span{font-size:7px}.pause-banner{padding:15px;gap:10px}.pause-banner strong{font-size:21px}.pause-banner span{font-size:11px}}
@media(max-width:370px){.match-stage .panel-shell{padding-inline:12px}.match-brand{font-size:8px;letter-spacing:1px}.frosty-word{font-size:18px}.phase-steps{gap:0}.phase-steps>span{font-size:8px;padding:6px 5px;gap:4px}.phase-steps>span b{width:17px;height:17px}.match-stage .room-code{padding:14px}.match-stage .room-code strong{font-size:25px;letter-spacing:2px}.match-stage h2{font-size:25px}.match-stage .play-card{padding:18px 14px}.match-stage .button{font-size:15px;padding:12px 17px}.match-stage textarea{font-size:14px}.choice-text{font-size:12px}.phase-steps .round-clock{width:100%;text-align:right}.prompt-card .question{font-size:21px}.awards{grid-template-columns:1fr}.crew-list{gap:12px 8px}.crew-member strong{font-size:11px}.rules-points{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reveal-answer,.dots i{animation:none!important}.match-stage .choice{transition:none!important}}

.match-top .eyebrow{display:block;margin-bottom:5px}
@media(min-width:1000px){.match-stage .vote-choices{grid-template-columns:1fr 1fr}.match-stage .vote-choices .choice{align-items:flex-start}.match-stage .vote-choices .choice-tick{margin-top:4px}}

/* Two-player prediction judgement; no artificial decoy answers. */
.duo-note{padding:14px 18px;border:1px solid #8addff45;border-radius:14px;background:#8acfff0a}.duo-judgment{border:1px solid #83dcd566;border-radius:16px;padding:17px 20px;background:#63e8d110;margin:18px 0}.duo-judgment p{font-size:13px;color:#ccedff;margin:0 0 12px}

/* Full-viewport game, not a dialog. Main lobby/dialog styles remain separate. */
body.match-active>#home,body.match-active>.backdrop,body.match-active>#resume-room{visibility:hidden;pointer-events:none}
.match-stage{position:fixed;inset:0;z-index:40;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;background:#4535b8;color:#fff;isolation:isolate;overflow:hidden;font-family:var(--body,'Nunito',sans-serif)}
.match-stage[hidden]{display:none!important}.match-stage .match-world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 4% 8%,#257ed5,transparent 54%),radial-gradient(ellipse at 100% 100%,#ef7cab,transparent 56%),linear-gradient(125deg,#344fc4,#5324ba 63%,#8436ac);transition:background .8s}
.match-stage[data-phase=ask] .match-world,.match-stage[data-phase=answer] .match-world{background:radial-gradient(ellipse at 0 0,#2790b6,transparent 62%),radial-gradient(ellipse at 100% 100%,#d654bd,transparent 60%),#4532b2}
.match-ring{position:absolute;width:96vw;height:96vw;border-radius:44%;border:25px solid #c9d8ff12;box-shadow:0 0 0 27px #d4ceff0c,0 0 0 53px #d3b8ff14,0 0 0 80px #bda7ff0b;animation:match-rotate 75s linear infinite}
.ring-a{left:-53%;top:-92%;width:100vw;height:100vw}.ring-b{right:-36%;bottom:-99%;width:90vw;height:95vw;animation-direction:reverse;border-color:#26055712;box-shadow:0 0 0 27px #1604440a,0 0 0 53px #24064712,0 0 0 80px #27045b0a}
.match-ribbons{position:absolute;inset:45% -10% 0;transform:rotate(-8deg)}.match-ribbons i{position:absolute;left:0;top:10%;width:120%;height:55%;border-top:2px solid #dbe8ff40;border-radius:50%;animation:match-wave 11s ease-in-out infinite alternate}.match-ribbons i:nth-child(2){top:34%;opacity:.6;animation-delay:-4s;transform:rotate(15deg)}.match-ribbons i:nth-child(3){top:52%;opacity:.25;animation-delay:-7s}
.match-confetti{position:absolute;inset:0}.match-confetti i{position:absolute;width:9px;height:20px;background:var(--confetti);opacity:.52;transform:rotate(var(--rot));animation:match-drift 9s ease-in-out infinite;animation-delay:var(--delay)}.match-confetti i:nth-child(3n){width:13px;height:13px;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.match-scroll{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#cfafff #37299a;overscroll-behavior:contain;padding:28px max(26px,3.5vw) 22px;position:relative}
.match-stage #panel-content{max-width:1550px;margin:auto;position:relative}.match-stage .match-brand{border:0;padding-bottom:12px;padding-right:195px;min-height:50px}.match-stage .frosty-word{font-family:var(--display);font-size:27px;color:#fff}.match-stage .match-brand>span:last-child{color:#f1e6ff}.match-stage .match-top{margin:15px 0 13px}.match-stage .eyebrow{color:#b0ffe7;letter-spacing:1.6px;font-size:10px}.match-stage .personal-score{color:#ffe583;font-size:30px}.match-stage .personal-score small{color:#fff;font-size:8px}.match-stage .phase-steps{border-radius:0;background:none;border-bottom:2px solid #fff4;padding:0 0 13px;margin-bottom:28px}.match-stage .phase-steps>span{color:#d4d3ff}.match-stage .phase-steps .current{background:#a0ffe3;color:#112f50;border-radius:24px}.match-stage .phase-steps .current b{background:#eafffa}.match-stage .phase-steps .past{color:#cbffed}.match-stage .phase-steps>span b{border-color:#fff5}.match-stage .round-clock{color:#fff4ab}
.match-stage .game-grid{display:block;max-width:1200px;margin:0 auto}.match-stage .play-card{padding:18px 0 6px;background:none;border:0;border-radius:0;max-width:1020px;margin:0 auto}.match-stage h2{font:700 clamp(30px,3.7vw,55px)/1.09 var(--display);letter-spacing:-1px;margin:8px 0 17px;color:white}.match-stage .intro{font-size:16px;color:#f1efff;max-width:790px;line-height:1.55;margin-bottom:25px}.match-stage .field-label{font-size:12px;color:#fff}.match-stage textarea,.match-stage input:not([type=checkbox]),.match-stage select{background:#f7f5ff;color:#22345c;border:2px solid #fff;box-shadow:0 5px 0 #28287c77;border-radius:15px;font-size:17px;line-height:1.5;padding:15px 18px}.match-stage textarea{min-height:88px;max-height:230px}.match-stage textarea::placeholder{color:#657ca8}.match-stage select option{background:#fff;color:#243453}.match-stage textarea:focus,.match-stage input:focus{border-color:#afffee;outline:3px solid #ffe48a;outline-offset:4px}
.match-stage .button{background:#ffe181;border:2px solid #ffedb0;color:#202958;box-shadow:0 5px 0 #de99c3;font-weight:800;border-radius:13px;text-shadow:none;min-height:46px;transition:transform .15s,filter .15s}.match-stage .button:before,.match-stage .button:after{display:none}.match-stage .button-blue{background:#adffe5;border-color:#effff9;box-shadow:0 4px 0 #5d87c5}.match-stage .button-quiet{background:#32277970;border:1px solid #eee8ff6e;color:#fff;box-shadow:none}.match-stage .button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px)}.match-stage .helper,.match-stage .count{color:#dfdcff}.match-stage .count{margin-bottom:8px}.match-stage .form-actions{margin-top:16px}.match-stage .match-sidebar{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:18px 0 8px;border:0;border-top:1px solid #fff3;background:none;border-radius:0;margin-top:23px}.match-stage .sidebar-title{margin:0;min-width:90px}.match-stage .sidebar-title>span{font-size:14px}.match-stage .sidebar-title strong{color:#edeeff;font-size:9px}.match-stage .crew-list{display:flex;flex:1;flex-wrap:wrap;gap:18px}.match-stage .crew-member{max-width:165px}.match-stage .crew-member strong{font-size:11px;color:#fff}.match-stage .crew-status{font-size:9px;color:#ddd9ff}.match-stage .mini-face{border-radius:50%;box-shadow:0 3px 0 #35286380;transform:rotate(-5deg)}.match-stage .privacy-note{display:none}.match-stage .score-guide{margin:0;font-size:10px;width:100%}.match-stage .score-guide summary{font-size:10px;color:#ddd9ff}.match-stage .match-controls{color:#d7dfff;max-width:1500px;margin:22px auto 0}.match-stage .host-options{background:#21165eee;border:1px solid #bea6fa;z-index:5}.match-stage .connection-status{color:#d5ffe9}.match-stage .explanation{color:#e7e3ff}
.match-stage .prompt-card{border:0;background:none;box-shadow:none;color:white;padding:0;margin:15px 0 27px}.match-stage .prompt-card:after{display:none}.match-stage .prompt-card .question{color:#fff;font-size:clamp(24px,3vw,40px);line-height:1.3;font-weight:600}.match-stage .spotlight-name{color:#e5dfff;font-size:13px}.match-stage .spotlight-name b{color:#fff6a0}.match-stage .vote-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.match-stage .choice{background:#15122b;border:2px solid #ffffff15;border-radius:6px 17px 7px 12px;box-shadow:0 6px 0 #25164d40;padding:18px;min-height:90px;animation:answer-land .4s both}.match-stage .choice:nth-child(2n){border-radius:17px 5px 13px 7px;animation-delay:70ms}.match-stage .choice:nth-child(3n){animation-delay:140ms}.match-stage .choice-text{font-size:clamp(15px,1.4vw,20px);font-weight:800;line-height:1.35}.match-stage .choice-text>small{font-size:10px;color:#cfc4e4}.match-stage button.choice:hover:not(:disabled){background:#28213e;border-color:#a7ffe4;transform:translateY(-3px) rotate(-.5deg)}.match-stage button.choice[aria-pressed=true]{background:#b9ffe7;color:#1c2852;border-color:#fff;box-shadow:0 5px 0 #6fc9d5}.match-stage button.choice[aria-pressed=true] .letter{color:#263356;border-color:#31526b55;background:#defdf3}.match-stage .letter{background:#292344;color:#caffea}.match-stage .choice-tick{color:#244368}.match-stage .choice.truth{background:#c4ffe5;color:#182a49;border-color:#fff}.match-stage .choice.truth .choice-text>small,.match-stage .choice.truth .voter-chips small{color:#1c5860}.match-stage .reveal-answer{animation:answer-land .45s both;animation-delay:var(--delay)}.match-stage .round-gain{color:#fdf28a}.match-stage .discussion-card{background:#2f1c785c;border-color:#f6ddff48}.match-stage .discussion-card p{color:#e8e1ff}.match-stage .score-row{border-color:#fff3;background:#21105c25}.match-stage .score-row>strong{color:#fff0a2}.match-stage .score-name{color:#fff}.match-stage .score-name small{color:#d5d7ff}.match-stage .score-row .rank{color:#b1ffe2}.match-stage .sealed-votes{background:#24165f32;border-color:#b2fdea77}.match-stage .locked-card{background:#20195930;border-color:#b4fce26b}.match-stage .locked-card p{color:#e4ddff}.match-stage .private-answer{background:#17275566}.match-stage .intermission-cards>div,.match-stage .award{background:#2e196b33;border:1px solid #b7f9f55f}.match-stage .intermission-cards p,.match-stage .award p{color:#e9e1ff}.match-stage .pause-banner{background:#211250f5;border:2px solid #ffd889;position:relative;z-index:5}.match-stage #panel-error:empty,.match-stage #panel-status:empty{display:none}.match-stage #panel-error,.match-stage #panel-status{max-width:1200px;margin:12px auto;padding:12px;background:#251342;color:#ffe19a;border-radius:12px;position:relative;z-index:6}
.stage-tools{position:absolute;right:16px;top:16px;z-index:13;display:flex;gap:9px}.stage-tools>button{border:1px solid #e6d6ff;border-radius:12px;background:#2816504d;color:#fff;min-height:38px;padding:8px 13px;font-size:12px;font-weight:900;cursor:pointer}.stage-tools>[data-match-mute]{width:39px;border-radius:50%;font-size:21px;padding:4px}.stage-menu{position:absolute;top:48px;right:0;background:#242050;padding:10px;border:1px solid #c5a9ff;border-radius:12px;white-space:nowrap}.stage-menu button{background:none;color:white;border:0;padding:10px;cursor:pointer}
.match-presentation{position:absolute;inset:0;z-index:10;overflow:auto;display:flex;align-items:center;justify-content:center;padding:65px 30px 85px;background:radial-gradient(ellipse at 0 10%,#275bc2f0,transparent 65%),radial-gradient(ellipse at 100% 100%,#c458bfdc,transparent 60%),#4930b7f8}.match-presentation:before{content:'';position:absolute;width:100vw;height:100vw;border:3px solid #ffffff0d;border-radius:40%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05,0 0 0 105px #ffffff05;transform:rotate(24deg);pointer-events:none}.presentation-canvas{position:relative;text-align:center;width:100%;max-width:1260px;z-index:1}.scene-label{font-size:11px;font-weight:900;letter-spacing:3px;line-height:1.5;color:#baffea;margin-bottom:24px}.presentation-canvas h1{font-family:var(--display,'Fredoka',sans-serif);font-size:clamp(36px,6.4vw,96px);font-weight:700;letter-spacing:-2px;line-height:1.07;margin:0 auto 25px;max-width:1100px;transform:none;filter:none;text-shadow:none;color:#fff;overflow-wrap:anywhere}.presentation-canvas h1 em{font-style:normal;color:#b0ffe1}.scene-subline{font:600 clamp(17px,2.1vw,28px)/1.4 var(--display);color:#f2eaff;margin:12px auto 27px;max-width:900px}.scene-voice-line{font:600 clamp(16px,1.8vw,24px)/1.55 var(--body);max-width:840px;margin:20px auto;color:#eeeaff}.match-title-logo>span{display:block;font-size:.88em;color:#f3fbff}.match-title-logo>strong{display:block;color:#ffe082;font-size:1.36em;line-height:1.08;text-shadow:0 6px 0 #bf5895}.stage-lineup{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:22px;margin:34px auto 15px}.lineup-player{width:95px;animation:answer-land .6s both;animation-delay:var(--stagger)}.lineup-player>span{margin:0 auto 12px;width:67px;height:72px;border-radius:23px 24px 22px 19px;border:3px solid #fff;background:var(--pcolor);color:#273360;font:600 33px var(--display);display:grid;place-items:center;box-shadow:0 6px 0 #311c6680;transform:rotate(-6deg);animation:sticker-bob 4s ease-in-out infinite}.lineup-player>b{font-size:13px;overflow-wrap:anywhere}.stage-rule-tiles{display:flex;justify-content:center;gap:23px;margin:38px auto;max-width:1000px}.stage-rule-tiles>div{flex:1;background:#19112d;transform:rotate(-2deg);padding:26px 18px;border-radius:8px 19px 9px 8px;box-shadow:0 7px 0 #2b135746}.stage-rule-tiles>div:nth-child(2){transform:rotate(2deg);background:#abffe1;color:#223452}.stage-rule-tiles span{display:block;font:600 22px var(--display);color:#d4aaff;margin-bottom:16px}.stage-rule-tiles b{font:600 clamp(17px,2.1vw,28px)/1.25 var(--display)}.spotlight-sticker{display:grid;place-items:center;border-radius:29% 32% 26% 32%;width:140px;height:150px;margin:20px auto 32px;background:var(--pcolor);color:#29315c;border:5px solid white;box-shadow:0 10px 0 #371e7b60;transform:rotate(-8deg);font:600 78px var(--display);animation:sticker-bob 3s ease-in-out infinite}.reveal-seals{display:flex;justify-content:center;gap:26px;margin:45px auto}.reveal-seals>span{display:grid;place-items:center;width:76px;height:82px;background:#251359;color:#bcb0ec;border:2px dashed #d4b8ff;border-radius:23% 27% 30% 24%;font:600 34px var(--display);transition:transform .25s,background .25s}.reveal-seals>.lit{background:#c1ffe8;color:#173856;transform:scale(1.18) rotate(-8deg);border:3px solid #fff}.truth-ribbon{background:#161124;padding:36px 30px;margin:30px -15px;transform:rotate(-2deg);box-shadow:0 11px 0 #2a157862;border-radius:6px 17px 7px 11px}.truth-ribbon>span{display:block;color:#a7ffcf;letter-spacing:8px;font-size:17px;margin-bottom:27px;font-weight:900}.truth-ribbon h1{font-size:clamp(27px,4.4vw,67px);line-height:1.22;max-width:1100px;color:#fff;letter-spacing:-1px}.assigned-name{font:600 clamp(28px,5vw,55px) var(--display);color:#27344c;background:#abffe6;display:inline-block;padding:16px 34px;border-radius:13px;transform:rotate(-3deg)}.scene-divider{display:flex;justify-content:center;gap:12px;margin-top:34px}.scene-divider i{width:9px;height:9px;background:#bcffec;border-radius:50%;animation:mimicPulse 1.4s infinite}.scene-divider i:nth-child(2){animation-delay:.25s}.scene-divider i:nth-child(3){animation-delay:.5s}.stage-podium{display:flex;align-items:end;justify-content:center;gap:18px;margin:35px auto}.stage-podium>div{background:#c4ffe6;color:#2c3352;padding:28px 30px 22px;border-radius:16px 15px 0 0;min-width:140px;animation:answer-land .6s both;animation-delay:var(--stagger)}.stage-podium>div:nth-child(2){background:#d8beff;padding-top:20px}.stage-podium>div:nth-child(3){background:#ffd7a0;padding-top:12px}.stage-podium b{display:block;font-size:15px}.stage-podium strong{display:block;font:600 45px var(--display)}.skip-presentation{position:absolute;bottom:22px;right:26px;background:#29146173;color:#eee9ff;border:1px solid #bfb0ff9c;border-radius:11px;padding:11px 16px;min-height:42px;cursor:pointer;font:800 12px var(--body);z-index:3}
.scene-arrive{animation:scene-arrive .45s cubic-bezier(.17,.75,.2,1) both}.scene-leave{animation:scene-leave .22s ease-in both}
@keyframes match-rotate{to{transform:rotate(360deg)}}@keyframes match-wave{from{translate:-3% -10%;rotate:-4deg}to{translate:4% 16%;rotate:5deg}}@keyframes match-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:9px -20px;rotate:24deg}}@keyframes scene-arrive{from{opacity:0;transform:translateY(25px) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes scene-leave{to{opacity:0;transform:translateY(-20px) scale(1.025)}}@keyframes answer-land{from{opacity:0;transform:translateY(15px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes sticker-bob{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -7px;rotate:3deg}}
@media(min-width:1500px){.match-stage .play-card{max-width:1160px}.match-stage .game-grid{max-width:1300px}.match-scroll{padding:30px 4vw}}
@media(max-width:760px){.match-scroll{padding:18px 20px 20px}.match-stage .match-brand{font-size:9px;letter-spacing:1px;flex-direction:column;align-items:start;gap:4px;min-height:50px;padding-right:145px}.match-stage .frosty-word{font-size:23px}.match-stage .match-top{margin:8px 0}.match-stage h2{font-size:34px}.match-stage .game-grid{display:block}.match-stage .play-card{padding-top:10px}.match-stage .vote-choices{grid-template-columns:1fr}.match-stage .phase-steps{gap:4px;flex-wrap:wrap;margin-bottom:16px}.match-stage .phase-steps>span{padding:6px 8px;font-size:10px;gap:5px}.match-stage .phase-steps>span b{width:19px;height:19px;font-size:9px}.match-stage .match-sidebar{margin-top:20px}.match-stage .intro{font-size:14px}.match-stage .helper{font-size:11px}.match-stage textarea{min-height:78px;font-size:16px}.match-stage .prompt-card .question{font-size:28px}.stage-tools{top:14px;right:14px}.match-presentation{padding:70px 18px 80px}.presentation-canvas h1{letter-spacing:-1px;font-size:43px}.match-title-logo{font-size:58px!important}.stage-lineup{gap:12px;margin-top:20px}.lineup-player{width:64px}.lineup-player>span{width:47px;height:51px;font-size:25px;border-radius:16px;margin-bottom:8px}.lineup-player>b{font-size:11px}.scene-label{font-size:9px;letter-spacing:2px;margin-bottom:18px}.scene-voice-line{font-size:16px;line-height:1.5;margin-top:22px}.scene-subline{font-size:18px}.stage-rule-tiles{gap:10px;margin:24px auto;flex-direction:column;max-width:360px}.stage-rule-tiles>div{padding:13px 17px;display:flex;gap:13px;align-items:center;text-align:left}.stage-rule-tiles span{font-size:16px;margin:0}.stage-rule-tiles b{font-size:19px}.spotlight-sticker{width:90px;height:96px;font-size:50px;margin-bottom:22px}.truth-ribbon{margin:20px 0;padding:27px 17px}.truth-ribbon h1{font-size:32px}.truth-ribbon>span{font-size:12px;letter-spacing:4px}.stage-podium{gap:8px}.stage-podium>div{padding:20px 10px;min-width:0;flex:1}.stage-podium strong{font-size:31px}.stage-podium b{font-size:12px;overflow-wrap:anywhere}.skip-presentation{right:18px;bottom:15px}.match-stage .score-row{gap:9px}.match-stage .score-name small{font-size:9px}.stage-tools>button{font-size:11px}}
@media(max-height:550px){.match-presentation{align-items:start;padding-top:65px}.presentation-canvas h1{font-size:38px}.match-title-logo{font-size:43px!important}.scene-voice-line{font-size:15px}.scene-subline{margin:10px auto}.stage-lineup{margin:12px auto}.stage-rule-tiles{flex-direction:row;margin:15px auto}.stage-rule-tiles>div{display:block;padding:12px}.stage-rule-tiles b{font-size:17px}.scene-label{margin-bottom:12px}.spotlight-sticker{width:75px;height:79px;font-size:40px;margin:10px auto}.match-stage .match-brand{min-height:38px;padding-bottom:4px}.match-stage .match-top{margin:5px 0}.match-stage .phase-steps{margin-bottom:10px}.skip-presentation{position:fixed;bottom:8px}.lineup-player>span{width:40px;height:43px;font-size:22px}.lineup-player{width:70px}}
@media(prefers-reduced-motion:reduce){.match-stage *,.match-stage *:before,.match-stage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
