.app{--font-min: 14px;--font-body: 16px;--font-heading: 26px;--font-display: 32px;--font-hero: clamp(42px, 4.7vw, 64px);--font-question: 26px;--font-option: 21px;--font-letter: 16px;--font-countdown: 32px;--countdown-size: max(96px, calc(var(--font-countdown) * 2.35));--font-answered: 20px;--font-result-rank: 48px;--font-rank-name: 18px;--font-rank-score: 22px;--font-code: 22px;--font-lobby-code: 48px;--qr-size: 240px;--controls-height: 0px;font-size:var(--font-body)}@media(min-width:768px){.app:not([data-role=host]){--font-min: 16.8px;--font-body: 19.2px;--font-heading: 31.2px;--font-display: 38.4px;--font-question: 31.2px;--font-option: 25.2px;--font-letter: 19.2px;--font-countdown: 38.4px;--font-answered: 24px;--font-result-rank: 57.6px;--font-rank-name: 21.6px;--font-rank-score: 26.4px}}.app.in-room[data-role=host]{--font-min: clamp(18px, calc(6px + .9375vw) , 24px);--font-body: var(--font-min);--font-heading: clamp(28px, calc(4px + 1.875vw) , 40px);--font-display: clamp(32px, 2.5vw, 48px);--font-question: clamp(48px, 3.75vw, 72px);--font-option: clamp(32px, 2.5vw, 48px);--font-letter: clamp(28px, calc(4px + 1.875vw) , 40px);--font-countdown: clamp(96px, 7.5vw, 144px);--countdown-size: clamp(180px, calc(20px + 12.5vw) , 260px);--font-answered: clamp(40px, 3.125vw, 60px);--font-lobby-code: clamp(112px, calc(16px + 7.5vw) , 160px);--qr-size: clamp(320px, calc(80px + 18.75vw) , 440px);--font-code: clamp(32px, 2.5vw, 48px);--font-rank-name: clamp(28px, calc(4px + 1.875vw) , 40px);--font-rank-score: clamp(32px, 2.5vw, 48px)}:root{font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;color:#173c34;background:var(--page-background);font-synthesis:none;--green: #173c34;--lime: #d4f45f;--line: #cdd8c7;--page-background: #f7f8f1;--option-blue: #1769e0;--option-amber: #ffc21a;--option-purple: #8045e8;--option-orange-brown: #f17a21;--option-light-text: #ffffff;--option-dark-text: #241a0a;--reveal-muted-background: #eeeeee;--reveal-muted-text: #555555;--reveal-wrong-background: #f5b9b0;--reveal-wrong-text: #702519;--glyph-base: #ffffff;--glyph-ink: #263238}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 18px;color:inherit;background:#fff;font-weight:650;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:default}button:disabled:not(.option){opacity:.55}.host-controls .close-question[aria-disabled=true]{cursor:default;opacity:.55;transform:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6eaf59;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:flex;flex-direction:column;font-size:var(--font-min);font-weight:650;gap:9px;margin:20px 0}input,select{min-width:0;width:100%;border:1px solid var(--line);border-radius:12px;background:#fafbf8;padding:14px;color:var(--green);font-weight:500}input{font-size:var(--font-body)}.topbar{height:88px;max-width:1260px;margin:auto;display:flex;align-items:center;gap:24px;padding:0 32px}.brand{display:flex;align-items:center;gap:12px;border:0;padding:0;background:none}.brand>span:last-child{font-size:var(--font-body);font-weight:500}.brand b{margin-left:10px;font-size:var(--font-min)}.tag{margin-left:auto;font-size:var(--font-min);letter-spacing:.14em;color:#5a6a60}.tag i{font-style:normal;color:#729c53;padding:0 5px}.text-button{border:0;background:none;font-size:var(--font-min)}.home{max-width:1196px;margin:40px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:0 32px}.eyebrow{font-size:var(--font-min);letter-spacing:.18em;font-weight:750;color:#5a6a60;margin:0 0 20px}.intro{padding:30px 0}.intro h1{font-size:var(--font-hero);line-height:1.22;font-weight:750;margin-bottom:28px}.intro h1>span{color:#8aaa50}.lead{font-size:var(--font-body);color:#5a6a60;line-height:1.9}.intro-stats{display:flex;gap:38px;margin-top:36px}.intro-stats div{display:flex;flex-direction:column;gap:4px}.intro-stats b{font-size:var(--font-display);letter-spacing:-.04em}.intro-stats span{font-size:var(--font-min);color:#5a6a60}.illustration{height:210px;position:relative;overflow:hidden;margin-top:20px}.orbit{position:absolute;left:70px;top:25px;width:250px;height:250px;border:1px solid #d1dbca;border-radius:50%}.orbit:after{content:"";position:absolute;inset:25px;border:1px dashed #d1dbca;border-radius:50%}.floating{position:absolute;z-index:1;border-radius:14px;padding:16px 24px;box-shadow:0 8px 25px #173c340a}.f1{top:35px;left:15px;background:var(--green);color:var(--lime);transform:rotate(-8deg);font-weight:700}.f1 b{margin-left:20px;color:#fff}.f2{left:235px;top:25px;background:var(--lime);transform:rotate(9deg);font-size:var(--font-heading);font-weight:700}.f3{top:125px;left:100px;background:#fff;font-size:var(--font-min);transform:rotate(-3deg)}.setup{background:#fff;padding:30px 34px;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px #173c3409}.setup h2{font-size:var(--font-heading);margin-bottom:10px}.muted{color:#5a6a60;line-height:1.7;font-size:var(--font-min)}.tabs{display:flex;background:#f0f3ec;border-radius:12px;padding:5px;margin-bottom:28px}.tabs button{flex:1;border:0;background:none;font-size:var(--font-min);padding:11px}.tabs button[aria-pressed=true]{background:#fff;box-shadow:0 3px 8px #173c340a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row label{margin-top:0}.word-preview{border-radius:12px;padding:12px;background:#f4f6f0;display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px;max-height:104px;overflow:auto}.word-preview span{font-size:var(--font-min);color:#5a6a60}.check{flex-direction:row;align-items:center;justify-content:flex-end;margin-top:15px!important}.check input{width:17px;height:17px;accent-color:var(--green)}.primary{background:var(--green);color:var(--lime);border-color:var(--green);padding:16px 24px}.duration-setting legend{font-size:var(--font-body);font-weight:750;margin-bottom:12px}.duration-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.duration-options label{position:relative;margin:0}.duration-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.duration-options span{display:grid;place-items:center;min-height:52px;border:2px solid var(--line);border-radius:12px;background:#fafbf8;font-size:var(--font-body);font-weight:750}.duration-options input:checked+span{background:var(--green);color:var(--lime);border-color:var(--green)}.duration-options input:focus+span{outline:3px solid var(--green);outline-offset:3px}.duration-options input:disabled{cursor:default}.duration-options input:disabled+span{opacity:.55}.duration-setting+.check{justify-content:flex-start}.scoring-rules{font-size:var(--font-min);line-height:1.6;margin:16px 0}.full{width:100%}.fine{font-size:var(--font-min);color:#5a6a60;line-height:1.7;margin:14px 0 0}.resume{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:20px;font-size:var(--font-min);color:#5a6a60}.code-input{text-align:center;font-size:var(--font-display);font-weight:750;letter-spacing:.18em}.footer{max-width:1196px;margin:0 auto;display:flex;justify-content:space-between;font-size:var(--font-min);color:#5a6a60;padding:20px 32px;border-top:1px solid var(--line)}.notice{max-width:1132px;margin:12px auto;padding:14px 20px;background:#fff2cd;border-radius:12px;font-size:var(--font-min);display:flex;align-items:center;justify-content:space-between;gap:12px}.notice.error{background:#fee9df;color:#953a22}.notice button{font-size:var(--font-min);padding:6px 10px}.loading{padding:24px 0;color:#5a6a60}.room{max-width:1132px;margin:24px auto 60px;padding:0 24px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.room-heading .eyebrow{margin-bottom:10px}.room-heading h1{font-size:var(--font-heading);margin:0}.room-heading h1 span{font-size:var(--font-body);font-weight:450;color:#5a6a60}.room-code{font-size:var(--font-min);color:#5a6a60;border:1px solid var(--line);padding:10px 16px;border-radius:100px;white-space:nowrap}.room-code b{font-size:var(--font-code);letter-spacing:.1em;margin-left:5px;color:var(--green)}.lobby-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.join-panel{text-align:center}.join-panel h2{font-size:var(--font-display)}.qr{width:var(--qr-size);height:var(--qr-size);display:block;margin:24px auto}.join-panel p{font-size:var(--font-min);color:#5a6a60}.join-url{overflow-wrap:anywhere}.big-code{font-size:var(--font-lobby-code);font-weight:750;letter-spacing:.13em;margin:16px 0 24px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title h2,.panel-title h3{margin:0}.panel-title>span{font-size:var(--font-min);color:#5a6a60}.roster .muted{margin:14px 0 0}.player-grid{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;min-height:200px;align-content:flex-start;max-height:400px;overflow:auto}.player-chip{border-radius:100px;background:#ecf1e6;padding:8px 10px 8px 16px;display:flex;align-items:center;gap:10px;font-size:var(--font-min)}.player-chip button{border:0;background:transparent;padding:1px 5px;color:#5a6a60;font-size:var(--font-body)}.empty{align-self:center;color:#5a6a60;font-size:var(--font-min)}.center{text-align:center;padding:60px 24px;max-width:1000px;margin:20px auto;min-height:350px}.center h1,.center h2{font-size:var(--font-display)}.avatar{width:78px;height:78px;border-radius:50%;background:var(--lime);font-size:var(--font-display);display:grid;place-items:center;margin:0 auto 25px}.waiting-dots{display:flex;justify-content:center;gap:8px;margin-top:40px}.waiting-dots i{height:9px;width:9px;border-radius:50%;background:#9ab66a;animation:pulse 1.3s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{50%{opacity:.3;transform:translateY(-5px)}}.countdown{font-size:var(--font-countdown);font-weight:800;color:var(--green);line-height:1.2}.question-meta{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:var(--font-min);color:#5a6a60}.timer{font-weight:750;color:var(--green)}.urgent{color:#b94533}.question-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px}.instruction{font-size:var(--font-min);color:#5a6a60;text-align:center}.question-card h2{font-size:var(--font-question);line-height:1.5;text-align:center;max-width:850px;margin:16px auto 35px;letter-spacing:-.025em;overflow-wrap:anywhere}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option{display:flex;align-items:center;gap:16px;text-align:left;min-height:85px;font-size:var(--font-option);border:2px solid transparent;padding:18px}.option-glyph{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;font-size:var(--font-letter)}.option-0{background:var(--option-blue);color:var(--option-light-text)}.option-1{background:var(--option-amber);color:var(--option-dark-text)}.option-2{background:var(--option-purple);color:var(--option-light-text)}.option-3{background:var(--option-orange-brown);color:var(--option-dark-text)}.option>span:nth-child(2){overflow-wrap:anywhere}.option small{margin-left:auto;font-size:var(--font-min);white-space:nowrap}.option.correct{border-color:#4b814a;box-shadow:0 0 0 2px #b6d995}.option.chosen{outline:2px solid var(--green);outline-offset:2px}.answer-status{text-align:center;font-size:var(--font-min);margin:24px 0 0;color:#5a6a60}.reveal-summary{display:flex;justify-content:center;gap:60px;margin:30px 0}.reveal-summary>div{display:flex;flex-direction:column;text-align:center;gap:6px}.reveal-summary b{font-size:var(--font-heading)}.reveal-summary span{font-size:var(--font-min);color:#5a6a60}.leaderboard{background:#fff;border:1px solid var(--line);padding:24px 30px;border-radius:20px;max-width:800px;margin:30px auto}.leaderboard ol{list-style:none;padding:0;margin:16px 0 0}.leaderboard li{display:flex;align-items:center;gap:20px;padding:14px 12px;border-top:1px solid #edf0e8}.leaderboard li.me{background:#f0f5e6;border-radius:10px}.rank{width:22px;font-size:var(--font-body);color:#5a6a60}.leaderboard li>span{flex:1;font-size:var(--font-rank-name);font-weight:650}.leaderboard li small{font-size:var(--font-min);color:#5a6a60}.leaderboard li>span small{margin-left:8px;background:var(--lime);color:var(--green);padding:3px 6px;border-radius:5px}.leaderboard strong{font-size:var(--font-rank-score)}.host-controls{position:fixed;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 8px 40px #173c341c;border:1px solid var(--line);margin:25px 0}.host-controls>span{font-size:var(--font-min);color:#5a6a60}.room-footer{text-align:center;font-size:var(--font-min);color:#5a6a60;margin:25px 0}.results{text-align:center;padding:20px 0}.results h2{font-size:var(--font-display)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;max-width:680px;margin:40px auto}.podium>div{display:flex;flex-direction:column;background:#e6ebdf;border-radius:20px 20px 8px 8px;min-width:0;width:32%;gap:10px;padding:24px 12px}.podium>div:first-child{background:var(--green);color:var(--lime);padding-top:42px;order:2}.podium>div:nth-child(2){order:1}.podium>div:nth-child(3){order:3}.podium span{font-size:var(--font-display)}.podium b{font-size:var(--font-body);overflow-wrap:anywhere}.podium strong{font-size:var(--font-heading)}.podium small{font-size:var(--font-min)}.results .leaderboard{text-align:left}.personal-result{color:#5a6a60}.review{text-align:left;max-width:800px;margin:40px auto}.review article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.review article p{line-height:1.6}.review article b{font-size:var(--font-min)}.review article>span{font-size:var(--font-min);float:right;color:#5a6a60}.results>.primary{margin-top:25px}@media(max-width:800px){.topbar{height:72px;padding:0 20px;gap:12px}.brand>span:last-child{font-size:var(--font-body)}.brand b{font-size:var(--font-min);margin-left:6px}.tag{font-size:var(--font-min)}.home{grid-template-columns:1fr;gap:20px;margin-top:15px;padding:0 20px}.intro{padding:15px 0}.intro h1{font-size:var(--font-hero);margin-bottom:16px}.intro .lead{font-size:var(--font-min)}.intro-stats{margin-top:20px}.illustration{display:none}.setup{padding:24px}.room{padding:0 16px;margin-top:15px}.room-heading{align-items:start;gap:8px}.room-heading h1{font-size:var(--font-heading)}.room-heading h1 span{display:block;margin-top:8px;font-size:var(--font-min)}.room-code{padding:8px 10px}.room-code b{font-size:var(--font-code)}.lobby-grid{grid-template-columns:1fr}.panel{padding:24px}.player-grid{min-height:80px}.question-card{padding:25px 18px}.options{gap:10px}.option{font-size:var(--font-option);min-height:90px;padding:12px;gap:10px;flex-wrap:wrap}.option-glyph{height:28px;width:28px;font-size:var(--font-letter)}.option small{width:100%;padding-left:38px}.question-card h2{font-size:var(--font-question);margin-bottom:24px}.reveal-summary{gap:25px}.reveal-summary b{font-size:var(--font-heading)}.reveal-summary span{font-size:var(--font-min)}.leaderboard{padding:20px 12px}.leaderboard li{gap:10px}.host-controls{padding:12px;bottom:8px}.host-controls>span{font-size:var(--font-min)}.host-controls .primary{font-size:var(--font-min);padding:14px}.footer{padding:20px;font-size:var(--font-min)}.notice{margin:10px 16px}.results h2{font-size:var(--font-display)}.podium{gap:8px}.podium>div{padding:20px 8px}.podium b{font-size:var(--font-min)}.podium strong{font-size:var(--font-heading)}.review article>span{float:none;display:block;margin-top:8px}.tag{display:none}.center{padding:45px 16px}.code-input{font-size:var(--font-heading)}}button{min-width:44px;min-height:44px}.home .primary{min-height:48px}.brand{min-height:44px}.brand b{font-size:var(--font-min)}.player-chip{max-width:100%;overflow-wrap:anywhere}.player-chip button{flex-shrink:0;min-width:44px;min-height:44px}.home{max-width:1360px}.app.in-room .tag,.app.in-room .footer,.app.in-room .room-heading .eyebrow,.app.in-room .room-footer{display:none}.app.in-room .topbar{height:auto;min-height:64px;padding-block:8px}.app.in-room[data-role=host] .topbar{width:min(96vw,1760px);max-width:none;padding-inline:0}.app.in-room[data-role=host] .room,.app.in-room[data-role=host]>.notice{width:min(96vw,1760px);max-width:none;padding-inline:0}.app.in-room .room{padding-bottom:calc(var(--controls-height) + 16px)}.room-heading{flex-wrap:wrap;margin-bottom:12px}.room-heading h1,.room-heading h1 span{overflow-wrap:anywhere}.room-menu{position:relative;margin-left:auto;z-index:4}.room-menu>button{font-size:var(--font-heading);padding:4px 16px}.room-menu [role=menu]{position:absolute;right:0;top:calc(100% + 8px);padding:8px;display:grid;gap:4px;width:max-content;max-width:90vw;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 30px #173c3426}.room-menu [role=menuitem]{font-size:var(--font-min);text-align:left}.question-meta{margin:8px 0}.question-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.countdown-ring{position:relative;width:var(--countdown-size);height:var(--countdown-size);flex-shrink:0;color:var(--green)}.countdown-ring svg{position:absolute;inset:0;width:100%;height:100%}.countdown-progress{fill:none;stroke:currentColor;stroke-width:2;transform:rotate(-90deg)}.countdown-digits{fill:currentColor}.countdown-ring .ring-track{opacity:.15}[data-testid=countdown-value]{font-variant-numeric:tabular-nums;font-size:var(--font-countdown);font-weight:700;line-height:1}.countdown-ring>span{position:absolute;top:calc(50% + var(--font-countdown) * .5 + 4px);left:50%;transform:translate(-50%);font-size:var(--font-min);line-height:1.2}.countdown-ring.urgent{color:#b94533}.countdown-ring.urgent .countdown-progress{animation:urgent-pulse .8s ease-in-out infinite}.player-question-count,.audio-unlock-short{display:none}@media(max-width:800px){.app.in-room[data-role=player][data-phase=question_open]{--top-row-height: 60px;--audio-notice-height: 44px;--font-countdown: 20px;--countdown-size: 42px;position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh}.app.in-room[data-role=player][data-phase=question_open] .topbar{flex:none;width:100%;height:var(--top-row-height);min-height:var(--top-row-height);padding:0 6px 0 8px}.app.in-room[data-role=player][data-phase=question_open] .brand{flex:none;width:44px}.app.in-room[data-role=player][data-phase=question_open] .audio-toggles:has(.audio-unlock)>[role=switch]{display:none}.app.in-room[data-role=player][data-phase=question_open] .top-actions{align-items:center;gap:4px}.app.in-room[data-role=player][data-phase=question_open] .audio-unlock-full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app.in-room[data-role=player][data-phase=question_open] .audio-unlock-short{display:inline}.app.in-room[data-role=player][data-phase=question_open] .audio-toggles button{min-height:44px;min-width:44px;padding:6px 8px;white-space:nowrap}.app.in-room[data-role=player][data-phase=question_open] .room-menu>button{min-height:44px;min-width:44px;padding:0 6px;font-size:20px}.app.in-room[data-role=player][data-phase=question_open] .room{flex:1 1 auto;min-height:0;width:100%;max-width:none;display:flex;flex-direction:column;margin:0;padding:0 12px 12px}.app.in-room[data-role=player][data-phase=question_open] .room-heading,.app.in-room[data-role=player][data-phase=question_open] .question-meta{display:none}.app.in-room[data-role=player][data-phase=question_open]>.notice{flex:none;margin:0 12px 4px;padding:0 0 0 12px;min-height:36px;line-height:1.25}.app.in-room[data-role=player][data-phase=question_open] .question-status{position:absolute;top:0;left:58px;z-index:6;height:var(--top-row-height);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;justify-items:start;column-gap:6px;row-gap:2px;margin:0}.app.in-room[data-role=player][data-phase=question_open] .question-status .countdown-ring{grid-column:1;grid-row:1 / span 2;align-self:center}.app.in-room[data-role=player][data-phase=question_open] .question-status .player-question-count{grid-column:2;grid-row:1;line-height:18px}.app.in-room[data-role=player][data-phase=question_open] .question-status .room-code{grid-column:2;grid-row:2}.app.in-room[data-role=player][data-phase=question_open]:has(.audio-notice) .topbar{height:calc(var(--top-row-height) + var(--audio-notice-height) + 6px);align-items:flex-start;padding-top:calc((var(--top-row-height) - 44px) / 2)}.app.in-room[data-role=player][data-phase=question_open] .top-actions:has(.audio-notice){position:static}.app.in-room[data-role=player][data-phase=question_open] .audio-notice{position:absolute;top:var(--top-row-height);left:12px;right:12px;height:var(--audio-notice-height);flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:0 0 0 10px;border-radius:10px;background:#fff2cd}.app.in-room[data-role=player][data-phase=question_open] .audio-notice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.in-room[data-role=player][data-phase=question_open] .player-question-count{display:block;white-space:nowrap;font-size:14px}.app.in-room[data-role=player][data-phase=question_open] .countdown-ring>span{display:none}.app.in-room[data-role=player][data-phase=question_open] .room-code{margin-left:0;padding:0 6px;line-height:20px;font-size:14px;color:#173c34;background:#fff}.app.in-room[data-role=player][data-phase=question_open] .room-code b{margin-left:3px;font-size:15px;letter-spacing:.02em}.app.in-room[data-role=player][data-phase=question_open] .question-card{flex:1 1 auto;display:flex;flex-direction:column;padding:10px 12px}.app.in-room[data-role=player][data-phase=question_open] .instruction{flex:none;margin:0;font-size:14px}.app.in-room[data-role=player][data-phase=question_open] .question-card h2{flex:1 0 auto;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3.08vh,max(30px,var(--font-question)));font-size:clamp(20px,3.08dvh,max(30px,var(--font-question)));line-height:1.25;margin:4px 0 10px}.app.in-room[data-role=player][data-phase=question_open] .options{flex:1000 1 0;display:flex;flex-direction:column;gap:10px;min-height:254px;max-height:510px;container-type:size}.app.in-room[data-role=player][data-phase=question_open] .option{flex:1 1 0;min-height:56px;max-height:120px;padding:6px 14px;gap:10px;flex-wrap:nowrap;line-height:1.2;font-size:19px;font-size:clamp(17px,calc(6cqh - 1px),28px)}.app.in-room[data-role=player][data-phase=question_open] .option small{display:none}.app.in-room[data-role=player][data-phase=question_open] .answer-status{flex:none;font-size:14px;line-height:1.3;margin:6px 0 0}.app.in-room[data-role=player][data-phase=question_open] .question-card>button:not(.option){flex:none;margin-top:4px}}@media(max-width:340px){.app.in-room[data-role=player][data-phase=question_open]{--font-countdown: 18px;--countdown-size: 38px}.app.in-room[data-role=player][data-phase=question_open] .topbar{padding-left:4px}.app.in-room[data-role=player][data-phase=question_open] .question-status{left:52px;column-gap:4px}.app.in-room[data-role=player][data-phase=question_open] .room-code{padding:0 4px}.app.in-room[data-role=player][data-phase=question_open] .room-code b{margin-left:2px;letter-spacing:0}}@media(max-width:800px)and (max-height:480px){.app.in-room[data-role=player][data-phase=question_open]{height:auto;min-height:100vh;min-height:100dvh}.app.in-room[data-role=player][data-phase=question_open] .topbar{position:relative;margin-block:0}.app.in-room[data-role=player][data-phase=question_open] .room,.app.in-room[data-role=player][data-phase=question_open] .question-card,.app.in-room[data-role=player][data-phase=question_open] .question-card h2{flex:none}.app.in-room[data-role=player][data-phase=question_open] .options{flex:none;height:254px}}@keyframes urgent-pulse{50%{opacity:.45}}.answered{display:grid;text-align:center;gap:4px}.answered>span{font-size:var(--font-min)}[data-testid=answered-count]{font-size:var(--font-answered)}.option{min-width:0}.option>span:nth-child(2){min-width:0}.option-glyph{font-size:inherit;line-height:inherit;width:min(1lh,1.15em);height:min(1lh,1.15em);background:var(--glyph-base);color:var(--glyph-ink);border:1px solid currentColor;border-radius:50%}.option-glyph>span{display:block;font-size:.8em;font-weight:800;line-height:1}.option.muted-option{background:var(--reveal-muted-background);color:var(--reveal-muted-text)}.option.correct{background:#e4f3dd;color:#345338}.option.wrong{background:var(--reveal-wrong-background);color:var(--reveal-wrong-text);border-color:var(--reveal-wrong-text);box-shadow:inset 0 0 0 2px var(--reveal-wrong-text);outline-color:var(--reveal-wrong-text)}.question-card h2{max-width:none}.host-controls{inset-inline:0;bottom:0;width:min(96vw,1760px);margin:auto;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:wrap}.host-controls>span{flex:1;min-width:0;overflow-wrap:anywhere}.host-controls button{max-width:100%}.reveal-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}.reveal-layout .question-card{padding:12px}.reveal-layout .question-card h2{line-height:1.12;margin:8px 0 12px}.reveal-layout .instruction{margin-bottom:4px}.reveal-layout .options{grid-template-columns:1fr;gap:6px}.distribution .option{position:relative;flex-wrap:wrap;gap:6px 10px;padding:6px 10px 10px;min-height:44px;line-height:1.15}.distribution .option>span:nth-child(2){flex:1}.distribution .option small{font-size:var(--font-min);padding-left:0;width:auto}.distribution-track{position:absolute;bottom:0;left:0;right:0;height:5px;background:#173c3410;border-radius:4px}.distribution-track>span{display:block;height:100%;background:currentColor;opacity:.6}.distribution-summary{margin:12px 0 8px;font-size:var(--font-min)}.explanation{margin:0;font-size:var(--font-min);line-height:1.35;overflow-wrap:anywhere}.reveal-layout .leaderboard{width:100%;max-width:none;margin:0;padding:12px}.reveal-layout .leaderboard .panel-title{flex-wrap:wrap}.reveal-layout .leaderboard ol{margin-top:8px}.leaderboard li>span{min-width:0;overflow-wrap:anywhere}.leaderboard strong{white-space:nowrap}.reveal-layout .leaderboard li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 8px;padding:8px 0}.reveal-layout .leaderboard li>span{line-height:1.15}.reveal-layout .leaderboard li>small{grid-column:2}.reveal-layout .leaderboard li>strong{grid-column:3;grid-row:1 / 3}.personal-result-card{margin:20px 0;padding:16px;border-radius:20px;text-align:center;animation:result-appear .3s ease-out}.personal-result-card[data-result=correct]{background:#e4f3dd;color:#345338}.personal-result-card[data-result=wrong]{background:#fce5e1;color:#953a22}.personal-result-card[data-result=unanswered]{background:#ecefeb;color:#58685e}.result-standing{display:flex;align-items:center;justify-content:center;gap:12px;font-size:var(--font-result-rank);line-height:1.1}.result-standing strong{font-weight:800}.result-standing [data-testid=result-icon]{font-size:.75em;line-height:1}.personal-result-card p{margin:0}.personal-result-card .result-total{margin-top:8px;font-size:var(--font-rank-score);line-height:1.3}.result-round{margin-top:8px;font-size:var(--font-min);line-height:1.4}@keyframes result-appear{0%{opacity:0;transform:translateY(8px)}}@media(max-width:800px){.question-status{gap:8px;flex-wrap:wrap}.question-status .room-code{margin-left:auto}.question-card .options{grid-template-columns:1fr}.leaderboard li{flex-wrap:wrap}.leaderboard li>span{flex-basis:50%}.leaderboard li>small{margin-left:auto}.app.in-room[data-role=host] .big-code{letter-spacing:.02em;overflow-wrap:anywhere}.reveal-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app.in-room[data-role=host][data-phase=question_reveal] .room{margin-top:8px;margin-bottom:0}.app.in-room[data-role=host][data-phase=question_reveal] .room-code{padding:4px 10px}.app.in-room[data-role=host][data-phase=question_reveal] .host-controls{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.question-meta[hidden]{display:none}.reveal-layout .leaderboard li>span{grid-column:2;grid-row:1 / 3}.reveal-layout .leaderboard .rank{grid-column:1;grid-row:1 / 3}.reveal-layout .leaderboard li>small{grid-column:3;grid-row:2;text-align:right}.reveal-layout .leaderboard li>strong{grid-column:3;grid-row:1}.distribution .option{padding-top:4px;padding-bottom:8px}.top-actions{position:relative;margin-left:auto;width:fit-content;z-index:1;display:flex;align-items:flex-start;gap:8px;max-width:calc(100vw - 24px);border-radius:12px;background:transparent}.app.in-room .topbar{position:sticky;top:0;z-index:5;background:var(--page-background)}.audio-toggles{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;font-size:var(--font-min)}.audio-toggles button{min-height:45px;min-width:45px;padding:8px 12px}.audio-toggles [aria-checked=false]{background:#e7eae2}.audio-notice{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.app.in-room .topbar{min-height:max(64px,calc(var(--actions-height, 0px) + 16px))}.app.in-room .brand{max-width:calc(100% - 650px)}@media(max-width:800px){.top-actions{max-width:calc(100vw - 110px)}.app.in-room .brand{max-width:90px}.app.in-room .brand>span:last-child{display:none}}@media(min-width:801px)and (max-height:800px){.app.in-room[data-role=host][data-phase=question_reveal] .room{padding-bottom:calc(var(--controls-height) + 24px)}.app.in-room[data-role=host][data-phase=question_reveal] .room-heading{margin-bottom:4px}.app.in-room[data-role=host][data-phase=question_reveal] .room-code{padding-block:0}.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .question-card,.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .leaderboard{padding-block:6px}.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .instruction{margin-top:0}.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .question-card h2{margin-block:6px}.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .options{gap:3px}.app.in-room[data-role=host][data-phase=question_reveal] .distribution .option{padding-top:0;padding-bottom:3px}.app.in-room[data-role=host][data-phase=question_reveal] .distribution-summary{margin-block:8px 4px}.app.in-room[data-role=host][data-phase=question_reveal] .reveal-layout .leaderboard li{padding-block:1px;row-gap:0}}@media(min-width:801px){.app.in-room[data-role=host][data-phase=question_open] .room{display:grid;grid-template-columns:calc(var(--countdown-size) + 20px) minmax(0,1fr);gap:4px 16px;align-items:start}.app.in-room[data-role=host][data-phase=question_open] .room-heading,.app.in-room[data-role=host][data-phase=question_open] .question-meta{grid-column:1 / -1;margin-block:0}.app.in-room[data-role=host][data-phase=question_open] .question-status{grid-column:1;display:flex;flex-direction:column;gap:16px;margin-bottom:0}.app.in-room[data-role=host][data-phase=question_open] .question-status .room-code{display:grid;justify-items:center;padding:8px}.app.in-room[data-role=host][data-phase=question_open] .question-card{grid-column:2;grid-row:3;padding:8px}.app.in-room[data-role=host][data-phase=question_open] .instruction{margin-bottom:4px}.app.in-room[data-role=host][data-phase=question_open] .question-card h2{line-height:1.12;margin-block:6px 8px}.app.in-room[data-role=host][data-phase=question_open] .options{gap:6px}.app.in-room[data-role=host][data-phase=question_open] .option{line-height:1.15;padding:8px;gap:10px;min-height:70px}}.leaderboard .round-chip{font-weight:700;color:var(--green)}.leaderboard .round-chip:after{content:"答";content:"答" / "";display:inline-block;width:0;visibility:hidden}.leaderboard .round-chip[data-status=wrong]{color:#953a22}.leaderboard .round-chip[data-status=unanswered]{color:#5a6a60}.unanswered-names{display:flex;min-width:0;margin:4px 0 0;font-size:var(--font-min);line-height:1.2;white-space:nowrap;color:#5a6a60}.unanswered-names>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.unanswered-names>span+span{flex-shrink:0}@media(min-width:1024px){.app.in-room[data-role=host][data-phase=lobby]{--qr-size: min( clamp(320px, calc(80px + 18.75vw) , 440px), calc(100vh - 340px) )}.app.in-room[data-role=host][data-phase=lobby]{min-height:100vh;display:flex;flex-direction:column}.app.in-room[data-role=host][data-phase=lobby] .room{flex:1 0 auto;display:flex;flex-direction:column}.app.in-room[data-role=host][data-phase=lobby] .lobby-grid{flex:1 0 auto;grid-template-columns:fit-content(72%) minmax(0,1fr);align-items:stretch}.app.in-room[data-role=host][data-phase=lobby] .roster{display:flex;flex-direction:column}.app.in-room[data-role=host][data-phase=lobby] .player-grid{contain:size;flex:1 1 0;min-height:120px;max-height:none}.app.in-room[data-role=host][data-phase=lobby] .join-panel{padding:20px}.app.in-room[data-role=host][data-phase=lobby] .lobby-connect{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.2vw,24px)}.app.in-room[data-role=host][data-phase=lobby] .qr{flex-shrink:0;margin:0}.app.in-room[data-role=host][data-phase=lobby] .lobby-connect-details{min-width:0}.app.in-room[data-role=host][data-phase=lobby] .lobby-connect-details>*{margin:5px 0}.app.in-room[data-role=host][data-phase=lobby] .join-url{overflow-wrap:normal}.app.in-room[data-role=host][data-phase=lobby] .big-code{white-space:nowrap;line-height:1;letter-spacing:.04em;margin:8px 0}}@media(min-width:1024px)and (max-width:1199px){.app.in-room[data-role=host][data-phase=lobby]{--qr-size: 260px;--font-lobby-code: 100px}}@media(min-width:1024px)and (max-height:800px){.app.in-room[data-role=host][data-phase=lobby] .lobby-grid{gap:12px}.app.in-room[data-role=host][data-phase=lobby] .join-panel,.app.in-room[data-role=host][data-phase=lobby] .roster{padding:14px}.app.in-room[data-role=host][data-phase=lobby] .join-panel h2{margin:8px 0}.app.in-room[data-role=host][data-phase=lobby] .panel-title+.muted{margin-top:6px}.app.in-room[data-role=host][data-phase=lobby] .player-grid{min-height:60px;margin:8px 0}}