:root{color:#f4efe4;font-synthesis:none;text-rendering:optimizelegibility;background:#1b2430;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,p{margin:0}.eyebrow{color:#d7b15e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem}.model-meter-wrap{vertical-align:middle;outline:none;display:inline-block;position:relative}.model-meter-legend{z-index:50;color:#e5e7eb;text-transform:none;letter-spacing:normal;background:#11131c;border:1px solid #ffffff40;border-radius:4px;width:max-content;max-width:min(340px,90vw);padding:6px 8px;font-size:.72rem;line-height:1.35;display:none;position:absolute;top:calc(100% + 4px);left:0}.model-meter-wrap:hover .model-meter-legend,.model-meter-wrap:focus .model-meter-legend{display:block}.model-meter-wrap.has-hit .model-meter-legend{display:none}.model-meter-tip{z-index:51;white-space:nowrap;color:#f3f4f6;text-transform:none;letter-spacing:normal;pointer-events:none;background:#11131c;border:1px solid #ffffff59;border-radius:3px;padding:2px 6px;font-size:.72rem;position:absolute;top:calc(100% + 4px);transform:translate(-50%)}.model-meter-legend>span{display:block}.model-meter-legend .sw{vertical-align:-1px;border:1px solid #fff3;width:10px;height:10px;margin-right:4px;display:inline-block}.model-meter{vertical-align:middle;box-sizing:content-box;background:#ffffff0f;border:1px solid #ffffff40;border-radius:3px;width:320px;height:20px;display:inline-block}@media (width<=600px){.model-meter{width:160px}}.model-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.model-name{color:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35em;margin:0;padding:0;display:inline-flex}.model-caret{opacity:.8;border-top:.34em solid;border-left:.28em solid #0000;border-right:.28em solid #0000;width:0;height:0}.model-switch{color:#f4efe4;letter-spacing:normal;text-transform:none;background:#121920;border:1px solid #5c7188;border-radius:8px;max-width:16rem;padding:2px 4px;font-size:.78rem}.start{place-items:center;min-height:100dvh;padding:24px;display:grid}.card{background:#243140;border:1px solid #3d5168;border-radius:18px;gap:16px;width:min(960px,100%);padding:28px;display:grid}.start-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px 24px;display:grid}.start-col{align-content:start;gap:12px;min-width:0;display:grid}.start-col>.field+.status-line{min-height:2.85em;margin-top:-4px}.mode-switch{background:#1a2430;border:1px solid #3d5168;border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;width:100%;margin:0;padding:3px;display:grid;box-shadow:inset 0 1px 2px #00000038}.mode-switch label{color:#d5dbe3;text-align:center;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.mode-switch label:has(input:checked){color:#f4efe4;background:#314258;font-weight:500}.mode-switch label:not(:has(input:checked)):hover{color:#ece6db;background:#f4efe40a}.mode-switch label:has(input:focus-visible){outline-offset:1px;outline:2px solid #6988a8}.mode-switch input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.conference-layout .layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);min-height:0;overflow:hidden}.conference-layout .talk{overflow:hidden}.conference-layout .talk .chat-column{flex:1 1 0;min-height:0}.conference-lobby-status{text-align:center;align-content:center;justify-items:center;gap:12px;width:100%;padding:24px 16px;display:grid}.lobby-status-line{margin:0;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:600}.conference-roster{gap:12px;width:100%;padding:12px;display:grid}.roster-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.roster-card{background:#1a2430;border:1px solid #3d5168;border-radius:12px;padding:12px}.roster-card.stale{opacity:.55}.roster-head{align-items:baseline;gap:8px;display:flex}.roster-tag{color:#d5dbe3;font-size:.75rem}.roster-bar{background:#3d5168;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.pack-await .roster-bar{height:8px;margin:16px 0 8px}.roster-bar>span{transform-origin:0;background:#6eb5ff;width:100%;height:100%;display:block}.banner.error{margin:0}.chat-compose{background:#1a2430;border:1px solid #3d5168;border-radius:14px;grid-template-columns:1fr auto;gap:8px;margin:0 8px;padding:5px;display:grid;box-shadow:0 5px 18px #0000002e}.chat-compose:focus-within{border-color:#8ca4bd;box-shadow:0 0 0 2px #7eb6e82e}.chat-compose input{color:#f4efe4;background:0 0;border:0;outline:0;min-width:0;padding:8px 10px}.chat-compose input::placeholder{color:#8091a4}.chat-compose .ghost{color:#17212c;background:#e2c27a;border:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-weight:700;display:inline-flex}.chat-compose .ghost>span:first-child{width:1.25rem;height:1.25rem;color:inherit;letter-spacing:normal;text-transform:none;background:#17212c1f;border-radius:50%;place-items:center;margin:0;font-size:.9rem;line-height:1;display:grid}.video-strip{flex-direction:column;gap:8px;min-width:0;display:flex}.conference-layout .play{grid-template-rows:minmax(0,1fr) auto}.conference-players{place-content:start safe center;align-items:stretch;min-height:0;max-height:100%;overflow:auto hidden}.conference-player{grid-template-rows:auto auto;align-content:start;gap:6px;width:100%;min-width:0;height:auto;min-height:0;max-height:100%;padding:10px;display:grid;overflow:hidden}.conference-player.stale{opacity:.45;filter:grayscale(.85)}.conference-player.stale .buzzer{filter:none}.conference-player .video-tile{background:0 0;border:0;min-height:0;padding:0;display:block}.conference-player .video-frame{aspect-ratio:4/3;background:#0f1620;border:1px solid #3d5168;width:100%;height:auto;min-height:0;max-height:none;margin-inline:0;position:relative}.conference-player .video-placeholder{font-size:clamp(.85rem,1.5vw,1.15rem)}.conference-player .video-placeholder-muted{color:#8091a4;font-size:.85rem;font-weight:500}.conference-player .video-meta{pointer-events:none;background:linear-gradient(#0000,#0000008c);justify-content:space-between;gap:6px;padding:4px 8px;position:absolute;bottom:0;left:0;right:0}.conference-player .video-name{color:#f4efe4;font-size:.78rem;font-weight:600}.conference-player.speaking .video-frame,.conference-player .video-tile.speaking .video-frame{animation:.52s ease-in-out infinite alternate conference-speaker-pulse}.conference-player .buzzer{min-height:48px;font-size:clamp(.75rem,1.4vw,1.05rem)}.conference-player .player-meta{font-size:clamp(.85rem,1.4vw,1.1rem)}.player-lobby-progress{flex:none;gap:4px;min-height:2.4rem;display:grid}.player-lobby-progress .roster-bar{margin-top:0}.player-lobby-progress .status-line{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;line-height:1.25;overflow:hidden}.player-lobby-progress.is-ready .status-line{color:#8fd6a8;font-weight:600}.player-game-slot{flex:none;gap:6px;min-width:0;display:grid}.player-lobby-note{color:#d5dbe3;margin:0;font-size:.85rem}.chat-footer{padding:8px 0 max(8px, env(safe-area-inset-bottom));background:#121920;border-top:1px solid #3d5168;flex:none;gap:10px;display:grid}.chat-lobby-start{width:calc(100% - 16px);min-height:48px;margin:0 8px}.chat-media-controls{gap:10px;margin:0 8px;display:grid}.chat-media-controls.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-media-controls.with-next{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-media-controls .video-btn{justify-content:center;align-items:center;gap:8px;min-height:44px;padding-inline:10px;font-size:.8rem;display:inline-flex}.video-btn-icon{flex:none;place-items:center;width:1.2rem;height:1.2rem;display:inline-grid}.video-btn-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem;display:block}.video-tile{background:#1a2430;border:1px solid #3d5168;border-radius:10px;gap:6px;padding:8px;font-size:.85rem;display:grid}@keyframes conference-speaker-pulse{0%{border-color:#d7b15e;box-shadow:0 0 0 1px #d7b15e59,0 0 8px #d7b15e38}to{border-color:#fff0ae;box-shadow:0 0 0 3px #fff0aea6,0 0 18px #d7b15e8c}}.video-tile.speaking{animation:.52s ease-in-out infinite alternate conference-speaker-pulse}.conference-player .video-tile.speaking{box-shadow:none;border:0;animation:none}.video-frame{aspect-ratio:4/3;background:#0f1620;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.video-frame video{object-fit:contain;background:#0f1620;width:100%;height:100%}.video-tile.local.mirrored video{transform:scaleX(-1)}.video-placeholder{color:#d7b15e;text-align:center;overflow-wrap:anywhere;max-width:90%;padding:8px;font-size:clamp(.85rem,1.4vw,1.15rem);font-weight:700;line-height:1.2}.video-meta{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.video-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-mic-off{color:#c9897a;flex:none;font-size:.72rem}.video-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.video-btn{color:#ece6db;background:#243140;border:1px solid #3d5168;border-radius:8px;padding:6px 4px;font-size:.72rem}.video-btn.on{background:#1f3d30;border-color:#3d8f6a}.video-controls .video-btn:last-child:nth-child(3){grid-column:1/-1}@media (prefers-reduced-motion:reduce){.video-tile.speaking,.conference-player .video-tile.speaking .video-frame,.host.speaking{border-color:#fff0ae;animation:none;box-shadow:0 0 0 2px #fff0ae8c}}@media (width<=900px){.start-grid{grid-template-columns:1fr}.conference-layout .layout{grid-template-columns:1fr;overflow:visible}.conference-layout .conference-players{scroll-snap-type:x proximity;scrollbar-width:thin;flex-flow:row;align-items:stretch;gap:10px;max-height:none;padding-bottom:4px;display:flex;overflow:auto visible}.conference-layout .conference-player{scroll-snap-align:start;flex:0 0 clamp(180px,48vw,320px);max-width:min(320px,85vw);height:auto;max-height:none}.video-strip{scroll-snap-type:x proximity;scrollbar-width:thin;flex-flow:row;padding-bottom:4px;overflow-x:auto}.video-tile{scroll-snap-align:start;flex:0 0 clamp(140px,38vw,190px)}.chat-media-controls.pair,.chat-media-controls.with-next{grid-template-columns:1fr}}.card h1{font-size:2.4rem}.lead,.status-line{color:#d5dbe3;line-height:1.4}.field{gap:8px;min-width:0;display:grid}.start .field span{color:#ece6db;font-size:.8125rem;font-weight:500;line-height:1.25}.pause-on{color:#f4efe4;border-color:#d7b15e}.status-line.stopped,.host.host-stopped strong,button.ghost.stop,button.ghost.stop:disabled{color:#ff5c5c}.status-line.stopped{font-weight:700}button.ghost.stop,button.ghost.stop:disabled{opacity:1;border-color:#e15b5b}.cost{color:#d5dbe3;font-variant-numeric:tabular-nums}.air{color:#f4efe4;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.air svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.air svg .solid{fill:currentColor;stroke:none}.air-down{color:#ff5c5c;animation:.9s steps(2,end) infinite air-blink}@keyframes air-blink{50%{opacity:.15}}.warnings{color:#e2c27a;margin:0;padding-left:18px;font-size:.9rem}.field input,.field select,.field textarea{color:#f4efe4;width:100%;font:inherit;background:#1a2430;border:1px solid #5c7188;border-radius:10px;padding:12px 14px;line-height:1.35}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-offset:2px;border-color:#7a8fa3;outline:2px solid #e2c27a}.start-col .status-line{margin:0;font-size:.875rem}.build-info{color:#9aaabd;letter-spacing:.03em;text-align:center;margin:2px 0 0;font-size:.72rem}.field textarea{resize:vertical;min-height:4.8rem}.row,.pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary,.ghost,.buzzer,.cell{border-radius:12px}.primary,.ghost{border:0;padding:12px 16px}.primary{color:#1b2430;background:#e2c27a;font-weight:700}.ghost{color:#f4efe4;background:0 0;border:1px solid #5c7188}.invite-link,.invite-copy{align-items:center;gap:.35em;display:inline-flex}.invite-dialog{color:#f4efe4;background:#17212c;border:1px solid #5c7188;border-radius:18px;width:min(92vw,520px);max-height:92dvh;padding:0;overflow:auto;box-shadow:0 24px 70px #0000008c}.invite-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03080ec2}.invite-dialog-card{gap:16px;padding:24px;display:grid}.invite-dialog-card h2,.invite-dialog-card p{margin:0}.invite-dialog-card p{color:#c2ceda}.invite-qr{color:#526476;background:#fff;border-radius:14px;place-items:center;min-height:280px;padding:12px;display:grid}.invite-qr img{width:min(100%,320px);height:auto;display:block}.invite-url-field input{font-size:.9rem}.invite-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.invite-copy-label{display:grid}.invite-copy-label>span{grid-area:1/1;transition:opacity .12s}.invite-copy-hidden{opacity:0;pointer-events:none}.debug-copy{justify-content:center;align-items:center;gap:.35em;display:inline-flex}.debug-copy-label{display:grid}.debug-copy-label>span{grid-area:1/1;transition:opacity .12s}.debug-copy-hidden{opacity:0;pointer-events:none}.debug-copy-reserve{visibility:hidden;pointer-events:none}button.continue-with-file{white-space:normal;flex-direction:column;align-items:center;gap:2px;line-height:1.25;display:flex}button.continue-with-file .continue-file{color:#d5dbe3;overflow-wrap:anywhere;font-size:.85rem}.status{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.status div{background:#121920;border-radius:10px;padding:8px}.status dt{color:#9aabbd;font-size:.75rem}.status dd{margin:4px 0 0}.error{color:#ffb4a8}.table{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100dvh;padding:12px;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar h1{font-size:1.6rem}.layout{grid-template-columns:minmax(0,1fr) minmax(380px,480px);gap:12px;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.layout>*{min-width:0}.play{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.stage{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.stage-pause{color:#cfd8e3;border:1px dashed #3a4856;border-radius:18px;place-items:center;padding:24px 16px;display:grid}.stage-pause span{letter-spacing:.35em;text-transform:uppercase;opacity:.85;white-space:nowrap;font-size:clamp(2rem,6vw,4.5rem);font-weight:600}.layout.is-paused{grid-template-columns:minmax(0,1fr)}.play.is-paused{grid-template-rows:minmax(0,1fr)}.play.is-paused>.stage,.layout.is-paused>.talk{display:none}.play.is-paused .players{grid-row:auto;grid-template-columns:repeat(var(--pause-cols,2), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);grid-auto-flow:row;align-content:stretch;gap:10px;height:100%;display:grid}.play.is-paused .players .player{min-width:0;max-width:none;height:100%;min-height:0}.play.is-paused .buzzer,.play.is-paused .key-hint{display:none}.play.is-paused .player-meta{font-size:clamp(1.05rem,2.6dvh,2rem)}.play.is-paused .conference-player{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:100%;max-height:none;overflow:hidden}.play.is-paused .conference-player .video-frame{aspect-ratio:auto;height:100%;min-height:0;max-height:none}.play.is-paused .video-placeholder{font-size:clamp(1rem,3dvh,2.4rem)}.play.is-paused .player-game-slot{align-content:end}.stage>.board,.stage>.question,.stage>.conference-lobby-status,.stage>.pack-await{flex:1 1 0;width:100%;min-height:0}.talk{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.talk .chat-column{flex:1 1 0;min-height:0}.play .players{grid-row:2}.board{scrollbar-width:none;grid-template-rows:auto;grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(4px,.7dvh,8px);height:100%;min-height:0;display:grid;overflow:hidden}.board:has(.final-themes){grid-template-rows:minmax(0,1fr)}.theme-row{gap:clamp(4px,.7dvh,8px);min-height:0;display:grid}.final-themes{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(4px,.7dvh,8px);height:100%;min-height:0;display:grid}.corner,.head,.theme-name{color:#d7b15e;justify-content:center;align-items:center;min-height:0;font-weight:700;display:flex}.head{padding:2px 0;font-size:clamp(.8rem,1.8dvh,1.05rem)}.theme-name{text-align:left;overflow-wrap:break-word;justify-content:flex-start;padding:2px 4px;font-size:clamp(.68rem,1.6dvh,.92rem);line-height:1.15}.cell{touch-action:manipulation;color:#1b2430;background:#e2c27a;border:0;min-height:0;font-size:clamp(.85rem,2.4dvh,1.3rem);font-weight:800}.final-themes .cell{white-space:normal;padding:6px;font-size:clamp(.75rem,1.8dvh,1.15rem);line-height:1.2}.cell.played{color:#7f8b99;background:#314155}.cell.current{outline:3px solid #f4efe4}.cell.flash{animation:.36s linear 3 cell-flash}@keyframes cell-flash{0%,to{filter:brightness();box-shadow:none;background-color:#e2c27a}18%,82%{filter:brightness(2.4);background-color:#fff;box-shadow:0 0 28px #fff8dcf2}}.question,.player{background:#243140;border-radius:16px;padding:16px}.question{scrollbar-width:none;flex-direction:column;justify-content:flex-start;gap:12px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.question .eyebrow,.question .choices,.question .timer-bar,.question>p{flex:none}.question h2{overflow-wrap:anywhere;flex:0 auto;min-height:0;font-size:clamp(1.35rem,3.4vw,3rem);line-height:1.2}.question h2.question-text-scroll{scrollbar-width:thin;padding-right:6px;overflow-y:auto}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.choices li{background:#1a2430;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.3;display:flex}.choice-label{color:#e2c27a;flex:none;font-weight:700}.choice-body{flex-direction:column;gap:6px;min-width:0;display:flex}.choices img{object-fit:contain;background:#121920;border-radius:8px;width:auto;max-width:100%;max-height:140px}.choices li.is-right{background:#1e3a2f;outline:2px solid #7dcea0}.question-media{flex:1 1 0;align-self:stretch;min-height:min(140px,28%);position:relative;overflow:hidden}.question-media img,.question-media video{object-fit:contain;object-position:center;background:#121920;border-radius:12px;width:100%;height:100%;margin:auto;position:absolute;inset:0}.question-media audio{width:100%}.question-clip{display:contents}.question-clip.has-meter{place-items:center;width:min(100%,440px);min-height:128px;display:grid;position:relative}.question-clip.has-meter audio,.question-clip.has-meter video{clip-path:inset(50%);opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.vu-meter{width:min(100%,440px)}.vu-meter svg{width:100%;height:auto;display:block}.timer-bar{pointer-events:none;background:#121920;height:6px;animation:1.1s ease-out timer-flash;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes timer-flash{0%{filter:brightness(2.2)saturate(1.3);box-shadow:0 0 10px 3px #ffe6a0,0 0 28px 10px #e2c27ad9}30%{filter:brightness(1.7);box-shadow:0 0 14px 5px #ffe6a0cc,0 0 40px 14px #e2c27a8c}to{filter:none;box-shadow:0 0 #ffe6a000,0 0 #e2c27a00}}@media (prefers-reduced-motion:reduce){.timer-bar,.player.active{animation:none}}.timer-fill{transform-origin:0;background:#e2c27a;width:100%;height:100%;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.host{background:#121920;border:2px solid #3d5168;border-radius:16px;flex:none;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:8px;display:grid;position:relative}.host.host-with-hear-less{padding-bottom:8px}.host-switches{align-items:center;gap:6px;max-width:calc(100% - 20px);display:flex;position:absolute;bottom:8px;right:10px}.host-hear-less{white-space:nowrap;color:#9aabbd;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f161eb8;border:1px solid #2a3a4c;border-radius:999px;flex:none;align-items:center;gap:8px;margin:0;padding:3px 4px 3px 8px;font-size:.7rem;line-height:1.2;transition:color .16s,border-color .16s,background .16s;display:inline-flex;position:relative}.host-hear-less.is-disabled{opacity:.55;cursor:default}.host-switch-input{opacity:0;width:100%;height:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.host-hear-less:hover{color:#c5d2e0;border-color:#3d5168}.host-hear-less.is-on{color:#b9d7f5;background:#1e3044d9;border-color:#4a6f94}.host-hear-less:has(input:focus-visible){outline-offset:2px;outline:2px solid #7eb6e8}.host-hear-less-track{background:#243142;border-radius:999px;flex:none;width:32px;height:18px;transition:background .16s;position:relative;box-shadow:inset 0 0 0 1px #1a2430}.host-hear-less.is-on .host-hear-less-track{background:#3d7eb8;box-shadow:inset 0 0 0 1px #2f628f}.host-hear-less-thumb{background:#d7e3ef;border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000059}.host-hear-less.is-on .host-hear-less-thumb{background:#f2f7fc;transform:translate(14px)}@media (width<=380px){.host-switches{gap:4px}.host-hear-less{gap:4px;padding-inline:4px;font-size:.6rem}.host-hear-less-track{width:24px}.host-hear-less.is-on .host-hear-less-thumb{transform:translate(6px)}}.host img{object-fit:cover;object-position:center 46%;background:#1b2430;border-radius:12px;width:148px;height:168px}.host figcaption{align-content:center;gap:3px;display:grid}.host strong{font-size:1.35rem;line-height:1.15}.host-line{color:#b7c4d2;font-size:.82rem;line-height:1.3}.host-line+.host-line{color:#9aabbd;font-size:.75rem}.host-error{color:#ffb4a8}.host-listen{border-color:#3ddc97;animation:1.4s ease-in-out infinite host-pulse}.host-listen strong{color:#8ef0c4}.host-speak{border-color:#e2c27a}.host-speak strong{color:#e2c27a}.host-buzz{border-color:#ffb020}.host-buzz strong{color:#ffc14d}.host-think{border-color:#7eb6e8}.host-think strong{color:#b9d7f5}.host-hear{box-shadow:none;border-color:#0000}.host-hear strong{color:#a6ffd6}.host-process{border-color:#7eb6e8;box-shadow:0 0 18px #7eb6e880}.host-process strong{color:#b9d7f5}.host-portrait{line-height:0;position:relative}.host-badge{background:#121920;border:2px solid;border-radius:50%;grid-auto-flow:column;place-items:center;gap:2px;width:40px;height:40px;display:grid;position:absolute;bottom:-6px;right:-6px}.host-badge-hear{color:#5ff0b0;padding:0 8px}.host-badge-hear i{background:currentColor;border-radius:2px;width:3px;height:8px;animation:.9s ease-in-out infinite host-wave}.host-badge-hear i:nth-child(2){height:16px;animation-delay:-.2s}.host-badge-hear i:nth-child(3){height:11px;animation-delay:-.4s}.host-badge-hear i:nth-child(4){height:18px;animation-delay:-.6s}.host-badge-hear i:nth-child(5){height:9px;animation-delay:-.8s}.host-badge-listen{color:#5ff0b0;padding:0 8px}.host-badge-listen i{background:currentColor;border-radius:1px;width:3px;height:2px}.host-badge-process{color:#7eb6e8}.host-badge-process i{border:3px solid #2b4560;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite host-spin}@keyframes host-wave{50%{transform:scaleY(.45)}}@keyframes host-spin{to{transform:rotate(360deg)}}.host.speaking{animation:.52s ease-in-out infinite alternate conference-speaker-pulse}@keyframes host-pulse{50%{box-shadow:0 0 18px #3ddc978c}}@media (prefers-reduced-motion:reduce){.host-listen,.cell.flash,.air-down,.host-badge i{animation:none}}.players{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.players.conference-players{flex-flow:row;justify-content:safe center;align-items:stretch;gap:12px;display:flex}.players.conference-players>.conference-player{flex:1 1 0;min-width:min(160px,100%);max-width:min(400px,100%,34.6667dvh + 20px)}.conference-layout.cams-compact .players.conference-players>.conference-player{max-width:min(400px,100%,20dvh + 20px)}.player{gap:10px;min-width:0;display:grid}.player.active{outline:3px solid #e2c27a;animation:1.1s ease-out focus-flash}@keyframes focus-flash{0%{outline-color:#fff6d8;box-shadow:0 0 #ffe296f2,0 0 18px 6px #e2c27ae6}25%{outline-color:#fff1c4;box-shadow:0 0 0 4px #ffe2968c,0 0 32px 12px #e2c27ab3}to{outline-color:#e2c27a;box-shadow:0 0 #ffe29600,0 0 #e2c27a00}}.player-meta{justify-content:space-between;gap:6px;min-width:0;font-size:clamp(.95rem,2vw,1.3rem);display:flex}.player-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.buzzer{touch-action:manipulation;color:#f4efe4;overflow-wrap:anywhere;border:0;min-width:0;min-height:84px;font-size:clamp(.85rem,2vw,1.3rem);font-weight:800}.player:nth-child(3n+1) .buzzer{background:#2f6fed}.player:nth-child(3n+2) .buzzer{background:#1f9d55}.player:nth-child(3n) .buzzer{background:#d97706}.buzzer.chooser{line-height:1.15;box-shadow:0 0 0 4px #fff6d8,0 0 22px 4px #e2c27a}@keyframes buzzer-false-start{0%{filter:brightness(1.85);box-shadow:inset 0 0 0 5px #ff2a2a,0 0 0 5px #ff2a2a,0 0 34px 12px #ff2424f2}18%{filter:brightness(1.35);box-shadow:inset 0 0 0 4px #ff3b3b,0 0 0 4px #ff2a2a,0 0 22px 8px #ff2424b8}to{filter:brightness();box-shadow:inset 0 0 #ff2a2a00,0 0 #ff2a2a00,0 0 #ff242400}}button.buzzer.false-start,button.buzzer.false-start:disabled{opacity:1;animation-name:buzzer-false-start;animation-timing-function:ease-out}button.buzzer.chooser:disabled{cursor:default;opacity:1}.key-hint{color:#9aabbd;text-align:center;min-height:1.2em;margin:0;font-size:.85rem}.chat-column{background:#121920;border:1px solid #3d5168;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid #3d5168;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.chat-head .ghost{padding:8px 10px;font-size:.85rem}.chat-hint{color:#9aabbd;font-size:.75rem}.chat-scroll{overflow-anchor:none;scrollbar-width:none;flex:1;min-width:0;min-height:0;overflow:hidden auto}.chat-log{flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.board::-webkit-scrollbar{display:none}.question::-webkit-scrollbar{display:none}.chat-scroll::-webkit-scrollbar{display:none}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;border-radius:12px;min-width:0;margin:0;padding:8px 10px;line-height:1.35}.bubble-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.bubble-role{color:#d7b15e;letter-spacing:.04em;text-transform:uppercase;min-width:0;font-size:.72rem}.bubble-time{color:#8a9bb0;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;flex:none;font-size:.72rem}.bubble-note{color:#b7c4d2;margin-top:6px;font-size:.82rem;line-height:1.35;display:block}.bubble.from-host{background:#243140}.bubble.from-player{background:#1d3a32}.bubble.bubble-live{opacity:.7;border:1px dashed #ffffff40;font-style:italic}.bubble.from-judge{background:#3a3224}.question.has-choices{scrollbar-width:thin;overflow-y:auto}.question.has-choices::-webkit-scrollbar{width:6px;display:block}.question.has-choices h2{flex-shrink:0}@media (height<=860px){.choices li{padding:7px 10px;font-size:clamp(.95rem,1.3vw,1.2rem)}.host{grid-template-columns:112px minmax(0,1fr)}.host img{width:112px;height:128px}.question h2{font-size:clamp(1.2rem,3vw,2.4rem)}.question-media{min-height:min(110px,24%)}}@media (width<=1100px){.question{height:auto;overflow:visible}.question-media{flex:none;height:min(340px,42dvh);min-height:120px}.table{grid-template-rows:auto auto;height:auto;min-height:100dvh;overflow:visible}.layout,.conference-layout .layout{grid-template-columns:1fr;height:auto;overflow:visible}.layout,.play,.stage,.talk,.conference-layout .talk{min-height:auto;overflow:visible}.play,.conference-layout .play{grid-template-rows:auto auto}.play.is-paused,.conference-layout .play.is-paused{grid-template-rows:minmax(0,1fr)}.play.is-paused .conference-player .video-frame{aspect-ratio:4/3;height:auto}.conference-layout .talk .chat-column{flex:none;min-height:min(360px,52dvh)}.conference-players{height:auto;max-height:none;overflow:auto visible}.conference-player{grid-template-rows:auto auto;height:auto;max-height:none;overflow:visible}.conference-player .video-tile{grid-template-rows:auto auto}.conference-player .video-frame{aspect-ratio:4/3;height:auto;max-height:none}.stage>.board,.board{flex:none;height:auto;min-height:max(220px,min(560px,68dvh))}.stage>.question,.question{flex:none;min-height:max(220px,min(520px,68dvh))}.board,.question,.play .players{grid-area:auto}.topbar{flex-direction:column;align-items:flex-start}.chat-column{min-height:320px}.choices{grid-template-columns:1fr}.theme-name{font-size:clamp(.68rem,1.5dvh,.85rem)}.cell{min-height:0;font-size:clamp(.8rem,2.2dvh,1rem)}}@media (width<=700px){.start{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.card{border-radius:14px;gap:14px;padding:18px}.card h1{font-size:2rem}.row>.primary,.row>.ghost{flex:11rem}.table{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:8px}.topbar{gap:8px}.topbar h1{font-size:1.35rem}.topbar .pills{width:100%}.topbar .pills>button{flex:calc(50% - 4px);min-height:44px;padding:9px 8px}.topbar .model-line{font-size:.7rem;line-height:1.35}.layout,.play,.talk{gap:8px}.stage{--theme-column-width:76px}.board{gap:4px;min-height:min(460px,64dvh)}.theme-row{gap:4px}.theme-name{padding:2px;font-size:.7rem}.head{font-size:.75rem}.cell{min-height:44px;padding:2px;font-size:.9rem}.question{gap:9px;min-height:min(440px,64dvh);padding:12px}.question h2{font-size:clamp(1.3rem,6vw,1.8rem)}.choices li{padding:8px 10px;font-size:1rem}.question-media{min-height:88px}.players{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(96px,1fr);gap:8px;padding:3px 3px 6px;overflow-x:auto}.player{scroll-snap-align:start;gap:7px;padding:10px}.joiner-view .player.self{outline:2px solid #7eb6e8;order:-1}.joiner-view .player.display-only{opacity:.8}.buzzer{min-height:72px}.host{grid-template-columns:76px minmax(0,1fr);gap:9px;padding:6px}.host img{width:76px;height:88px}.host-badge{width:28px;height:28px;bottom:-4px;right:-4px}.host-badge-hear{gap:1px;padding:0 5px}.host-badge-process i{border-width:2px;width:12px;height:12px}.host strong{font-size:1.1rem}.host-line{font-size:.76rem}.chat-column{min-height:min(400px,58dvh)}.chat-head,.chat-log{padding:10px}.chat-footer{z-index:2;position:sticky;bottom:0}.chat-compose{margin:0 6px}.conference-lobby-status{padding:16px 8px}.conference-layout .conference-players{margin-inline:-2px}.conference-layout .conference-player{flex-basis:min(52vw,220px);max-width:min(220px,70vw)}.chat-lobby-start,.chat-media-controls{margin-inline:6px}.chat-media-controls .video-btn{min-height:40px}.invite-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.invite-dialog-card{gap:12px;padding:16px}.invite-qr{min-height:0;padding:8px}.invite-dialog-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=420px){.chat-compose .ghost>span:last-child{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.chat-compose .ghost{width:42px;padding-inline:8px}.conference-layout .conference-player{flex-basis:min(70vw,280px);max-width:85vw}}@media (width<=1100px) and (height<=500px) and (orientation:landscape){.stage>.board,.board{min-height:max(200px,min(560px,100dvh - 150px))}}.appeal-confirm{gap:6px;width:100%;display:flex}.appeal-confirm>.buzzer{flex:1 1 0;width:auto;min-width:0}.video-ping{z-index:2;font-variant-numeric:tabular-nums;color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;pointer-events:none;font-size:10px;line-height:1;position:absolute;top:3px;right:5px}.special-panel{text-align:center;align-items:center}.special-art{width:min(180px,40vw);height:auto;margin:0 auto}.special-status,.special-bid{font-size:1.15rem}.special-bid{font-weight:700}.special-options{flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%,560px);margin:10px auto 0;display:flex}.special-option{touch-action:manipulation;flex:120px;min-height:52px;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:800;transition:filter .12s,transform .12s}.special-option:not(:disabled):hover{filter:brightness(1.1)}.special-option:not(:disabled):active{transform:scale(.97)}.special-option.ghost:not(:disabled):hover{background:#5c718840}@media (width<=520px){.special-option{flex-basis:calc(50% - 5px);min-height:56px}}@media (height<=520px){.special-art{width:min(96px,22vh)}}.special-log{opacity:.75;margin:8px 0 0;padding:0;font-size:.9rem;list-style:none}.bubble.from-error{background:#e05a4f24;border-left:3px solid #e05a4f}.bubble.from-system{color:#94a6b4;font-variant-numeric:tabular-nums;background:#607a8c1f;border-left:2px solid #608a988c;font-size:.9em}.host-abbr{letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:700}.host.host-with-hear-less figcaption{padding-bottom:26px}@media (width<=700px){.table{align-content:start}.topbar{flex-flow:wrap;align-content:flex-start;align-items:center;gap:4px 6px}.topbar>div:first-child{flex:auto;min-width:0}.topbar h1{display:none}.topbar .model-line{font-size:.66rem;line-height:1.25}.topbar .pills{flex-wrap:nowrap;flex:0 auto;gap:4px;width:auto;margin-left:auto}.topbar .pills>button{flex:none;min-width:34px;min-height:34px;padding:4px 7px;font-size:.95rem;line-height:1}.topbar .pills .btn-label{display:none}.topbar .cost{font-size:.72rem}.stage>.board,.board,.stage>.question,.question{min-height:max(150px,min(250px,32dvh))}.cell{min-height:36px}.talk{flex:none;height:auto}.chat-column,.talk .chat-column{flex:none;height:auto;min-height:0}.chat-head{padding:6px 10px}.chat-head .chat-hint{display:none}.chat-scroll{flex:none;height:8.5rem}.chat-log{gap:6px;padding:6px 10px}}.topbar .pills>button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.video-level{transform-origin:0;pointer-events:none;background:#4ade80;height:4px;transition:transform 80ms linear;position:absolute;bottom:0;left:0;right:0}@keyframes buzz-nudge{0%,to{filter:brightness();box-shadow:0 0 #fff6d800}35%{filter:brightness(1.45);box-shadow:0 0 0 4px #fff6d8,0 0 26px 8px #ffe08cf2}}button.buzzer.buzz-nudge{animation:buzz-nudge var(--nudge-ms,.45s) ease-in-out var(--nudge-count,3)}@media (prefers-reduced-motion:reduce){@keyframes buzz-nudge-soft{0%{box-shadow:0 0 0 3px #fff6d8}to{box-shadow:0 0 #fff6d800}}button.buzzer.buzz-nudge{animation:buzz-nudge-soft calc(var(--nudge-ms,.45s) * var(--nudge-count,3)) ease-out 1}}.chat-mark{vertical-align:.1em;white-space:nowrap;color:inherit;opacity:.85;background:#7f7f7f2e;border-radius:999px;margin-left:.4em;padding:0 .45em;font-size:.72em;line-height:1.5;display:inline-block}.chat-mark-picked,.chat-mark-good{opacity:1;background:#2ea04340;font-weight:600}.chat-mark-bad{opacity:1;background:#da363340;font-weight:600}.chat-mark-close{opacity:1;background:#d4a72c52;font-weight:600}.chat-mark-unsure{opacity:1;background:#7f7f7f47;font-weight:600}.chat-mark-pending{background:#7f7f7f24;font-style:italic}.chat-mark-guessing{opacity:1;background:#da363340;font-weight:600}.chat-mark-cell{background:#3884ff2e}