html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#171717;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171717;--muted: #595959;--line: #e9e9e9;--soft: #f7f7f8;--accent: rgb(188, 74, 216);--accent-dark: color-mix(in srgb, var(--accent), #000 25%);--accent-mid: color-mix(in oklch, var(--accent), #fff 36%);--accent-line: color-mix(in oklch, var(--accent), #fff 70%);--accent-light: color-mix(in oklch, var(--accent), #fff 94%);--green: #168267;--danger: #c94a42}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page-frame{width:min(1180px,calc(100% - 40px));margin:0 auto;flex:1}.ant-card{border-color:var(--line);box-shadow:0 18px 45px #0000000b}.ant-btn-primary{background-color:var(--accent)!important;border-color:var(--accent)!important}.ant-btn-primary:disabled,.ant-btn-primary.ant-btn-disabled{color:#fff!important}.ant-btn-primary:not(:disabled):hover{background-color:var(--accent-dark)!important;border-color:var(--accent-dark)!important}.ant-btn-primary:not(:disabled):active{background-color:var(--accent-dark)!important;border-color:var(--accent-dark)!important}.ant-input:focus,.ant-input-focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)!important}.ant-progress{margin:0;line-height:1}.full-width{width:100%;margin-top:18px}.form-alert{margin-top:16px}h1,h2,p{margin-top:0}.panel-title,.panel-title-lg{margin-bottom:12px;letter-spacing:-.02em}.panel-title-lg{font-size:30px}.muted{color:var(--muted);font-size:13px;line-height:1.65}.title-kicker,.section-kicker{display:block;color:var(--muted);font-size:12px;line-height:1.4;font-weight:500;letter-spacing:0;margin-bottom:6px}.field-label{display:block;margin:28px 0 9px;color:#4e4e4e;font-size:12px;font-weight:700}.state-center{text-align:center}.join-layout{min-height:660px;display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center;padding:76px 5%}.join-copy h1{max-width:610px;margin-bottom:24px;font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-.03em}.title-line{display:inline-block}.join-copy h1 em{color:var(--accent);font-style:normal}.join-note{display:flex;gap:8px;align-items:center;margin-top:28px;padding-top:17px;border-top:1px solid var(--line);color:#929292;font-size:11px;line-height:1.5}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green)}.rules-modal-wrap{display:flex;align-items:center;justify-content:center}.rules-modal{width:min(92vw,520px)!important;max-width:92vw!important;margin:0 auto!important;padding-bottom:0!important;top:0!important}.rules-modal .ant-modal-content{max-height:min(88vh,88dvh);display:flex;flex-direction:column;padding:24px 20px 20px;border-radius:14px;box-shadow:0 20px 60px #00000029;border:1px solid var(--line);overflow:hidden}.rules-modal .ant-modal-close{top:18px;right:18px;color:var(--muted)}.rules-modal .ant-modal-close:hover{color:var(--ink)}.rules-modal-header{padding-bottom:14px;padding-right:32px;border-bottom:1px solid var(--line);margin-bottom:14px}.rules-modal-kicker{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.08em;margin-bottom:4px}.rules-modal-title{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:0}.rules-modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:2px;display:flex;flex-direction:column;gap:10px}.rules-intro{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:4px}.rule-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.rule-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-line);border-radius:8px;margin-top:2px}.rule-content{flex:1;min-width:0}.rule-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}.rule-desc{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.rules-modal-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.rules-modal-footer .full-width{margin-top:0}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding:48px 0 60px}.play-layout.solo{grid-template-columns:minmax(0,1fr)}.topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.topline h1,.host-header h1{margin-bottom:7px;font-size:29px;line-height:1.3;letter-spacing:-.025em}.progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:14px;color:#8a8a8a;font-size:11px}.state-card{min-height:370px}.state-card .ant-card-body,.state-card .ant-result{min-height:370px;display:grid;place-content:center}.waiting-mark{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid var(--accent);border-radius:50%;color:var(--accent)}.state-center .muted{max-width:380px;margin:0 auto}.waiting-badge{margin:0 0 14px;font-weight:700}.waiting-meta{margin-top:9px}.countdown-track{height:6px;overflow:hidden;margin-bottom:18px;border-radius:3px;background:#f2f2f2}.countdown-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .25s linear}.final-result{min-width:260px}.question-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0 18px}.question-title{max-width:680px;margin:30px 0 28px;font-size:25px;line-height:1.45}.question-card .question-title{margin:18px 0 20px}.timer{display:flex;gap:6px;align-items:center;color:#5f5f5f;font-size:13px;font-weight:700}.timer.urgent{color:var(--accent-dark)}.question-audio-control{display:flex;align-items:center;gap:12px;margin-top:16px}.question-audio-range{flex:1;min-width:160px;height:32px;margin:0;accent-color:var(--accent);cursor:pointer;touch-action:none}.question-audio-range:disabled{cursor:not-allowed}.question-audio-time{min-width:86px;color:#666;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-button{min-height:64px;display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #e4e4e4;border-radius:2px;background:#fff;color:#373737;text-align:left;font-size:13px;line-height:1.45;cursor:pointer;font-family:inherit;transition:border-color .16s ease,background .16s ease}.option-button:disabled{cursor:not-allowed;opacity:.55}.option-button:hover:not(:disabled),.option-button.selected{border-color:var(--accent);background:var(--accent-light)}.option-button.correct{border-color:var(--green);background:#f1fbf8;color:#126b55}.option-button.wrong{border-color:var(--danger);background:#fff3f2;color:var(--danger)}.option-letter{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #dddddd;color:#777;font-size:11px;font-weight:800}.option-button.selected .option-letter{border-color:var(--accent);background:var(--accent);color:#fff}.question-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:26px}.question-actions>.ant-btn{margin-left:auto}.question-action-copy{display:flex;flex:1;flex-wrap:wrap;gap:8px 15px;align-items:center;min-width:0}.submitted-copy{display:inline-flex;gap:6px;align-items:center;color:var(--green);font-size:12px}.spectator-copy{display:inline-flex;gap:6px;align-items:center;color:#a06a22;font-size:12px}.explanation-alert{margin-top:22px}.author-line{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:600}.analysis-line{margin:0}.score-panel{align-self:start;border-left:1px solid var(--line);padding-left:26px}.score-summary{padding:4px 0 24px;border-bottom:1px solid var(--line)}.score-summary span,.score-summary strong{display:block}.score-summary strong{margin:6px 0;font-size:42px;letter-spacing:-.03em}.rank-label{color:var(--accent);font-size:12px}.leaderboard-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:24px 0 13px;font-size:13px;font-weight:700}.leaderboard-heading>span:first-child{display:inline-flex;align-items:center;gap:6px}.leaderboard-ant-list .leader-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-block-end:1px solid #f0f0f0!important;font-size:12px}.leader-time{font-variant-numeric:tabular-nums;font-size:11px;color:#888;white-space:nowrap}.leader-score{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;color:#555}.leader-score strong{font-size:13px;color:var(--accent)}.leader-row{font-size:12px}.leader-row.me{color:var(--accent-dark);font-weight:700}.rank-number{color:#a1a1a1;font-variant-numeric:tabular-nums}.leader-name{display:flex;min-width:0;gap:7px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-tag{margin-inline-end:0;font-size:9px;line-height:16px;background:var(--accent-dark)!important;border-color:var(--accent-dark)!important;color:#fff!important}.host-leaderboard-list .ant-list-item{margin-bottom:12px!important;padding:0!important}.host-leader-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fbfbfb;border:1px solid #eaeaea;border-radius:4px;width:100%;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.host-leader-card:hover{border-color:#d8d8d8;background:#f7f7f7}.host-leader-rank{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:4px;font-size:13px;font-weight:800;background:#ececec;color:#666;font-variant-numeric:tabular-nums}.host-leader-rank.rank-1{background:var(--accent);color:#fff}.host-leader-rank.rank-2{background:var(--accent-mid);color:#fff}.host-leader-rank.rank-3{background:var(--accent-line);color:#fff}.host-leader-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.host-leader-name{font-size:13px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-leader-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.host-leader-score{flex:0 0 auto;display:flex;align-items:baseline;gap:3px;white-space:nowrap}.host-leader-score .score-value{font-size:19px;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.host-leader-score .score-unit{font-size:11px;color:var(--muted);font-weight:500}.ranking-hidden{min-height:180px;display:grid;place-content:center;padding:20px;border:1px dashed #e4e4e4;color:#8b8b8b;text-align:center}.ranking-hidden p{max-width:250px;margin:13px auto 0;font-size:12px;line-height:1.65}.ranking-lock{width:42px;height:42px;display:grid;place-items:center;margin:0 auto;border:1px solid #d9d9d9;border-radius:50%;color:#a4a4a4;font-size:20px;font-weight:800}.host-page{padding:48px 0 65px}.host-login-page{min-height:650px;display:grid;place-items:center;padding:60px 0}.host-login-panel{width:min(100%,420px)}.login-mark{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 25px;border:1px solid var(--ink);border-radius:50%}.host-login-page .muted{margin-bottom:0}.host-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.host-header p:last-child{margin-bottom:0}.host-stats{display:flex;gap:22px;align-items:center}.stat-card{display:flex;gap:8px;align-items:center;color:var(--muted)}.stat-card strong{color:var(--ink);font-size:21px}.stat-card small{font-size:11px}.host-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:28px}.host-leaderboard{grid-column:1 / -1}.host-leader-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.txt-export-btn{padding:0 4px;font-size:13px;color:var(--accent);font-weight:600}.host-join-body{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:220px}.host-join .section-title{margin-bottom:17px}.host-join .muted{max-width:260px;margin-bottom:22px}.qr-code{width:156px;height:156px;flex:0 0 auto}.join-url-text{display:inline-block;max-width:100%;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-user-select:text;user-select:text;word-break:break-all}.join-url-text:hover{color:var(--accent)}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:25px;font-size:13px;font-weight:800}.host-progress{display:flex;align-items:center;gap:16px;padding:0 0 25px;border-bottom:1px solid var(--line)}.round-label{margin:0 0 8px}.round-picker{width:100%;margin-bottom:24px}.manual-actions{padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}.manual-actions .section-title{margin-bottom:14px}.host-audio .audio-board-main{margin-bottom:8px}.host-audio .audio-board-code{font-size:24px}.host-audio .audio-board-meta{margin:0 0 20px}.audio-time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.audio-volume{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--muted);font-size:12px}.audio-volume input{flex:1;accent-color:var(--accent)}.host-progress strong,.host-progress span{display:block}.host-progress strong{font-size:17px}.host-progress .muted{margin-top:3px;font-size:11px}.control-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.audio-board{margin-top:25px;padding:16px 18px;border:1px dashed var(--line);background:var(--soft)}.audio-board-main{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.audio-board-label{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.audio-board-code{color:var(--accent);font-size:34px;font-weight:800;letter-spacing:1px;line-height:1.1}.audio-board-meta{margin:10px 0 0;color:var(--muted);font-size:12px}.host-players{grid-column:1 / -1}.player-wall{display:flex;flex-wrap:wrap;gap:8px}.player-card{display:flex;gap:7px;align-items:center;padding:8px 12px;border:1px solid var(--line);color:var(--ink);font-size:12px}.player-card.is-answered{border-color:var(--green);background:#f1fbf8;color:#126b55}.player-card.is-spectator{color:var(--muted)}.player-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-meta{display:flex;gap:14px;color:var(--muted);font-size:11px}.preview-title{max-width:650px;margin:18px 0;font-size:22px}.preview-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-options div{padding:11px 12px;border:1px solid #ededed;color:#555;font-size:12px}.preview-options span{margin-right:8px;color:var(--accent);font-weight:800}.empty-preview{min-height:235px;display:grid;place-content:center;text-align:center}.empty-preview .muted{margin-top:10px}.empty-icon{color:var(--accent);font-size:32px}.host-ranking-hidden{min-height:180px}.mode-badge-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.mode-badge{margin:0;font-weight:700}.mode-event{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.status-dot.offline{background:var(--accent)}.locked-entry-copy{margin-top:12px;padding:10px 12px;border:1px solid var(--accent-line);border-radius:6px;background:var(--accent-light);color:var(--accent-dark);font-size:12px;line-height:1.6}.join-mode-hint{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.mode-switch{display:inline-flex;gap:5px;align-items:center;margin-top:10px;padding-inline:0}.online-play-layout{max-width:900px;margin:0 auto}.online-topline{align-items:center}.online-topline p{margin-bottom:0}.online-title-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.online-title-row h1{margin-bottom:7px}.online-mode-tag{margin:0;font-weight:700}.online-loading-card{min-height:310px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff}.online-start-copy{max-width:460px;margin:0 auto}.online-start-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:430px;margin:26px auto 0;border:1px solid var(--line);background:var(--line)}.online-start-stats div{padding:14px 10px;background:var(--soft)}.online-start-stats strong,.online-start-stats span{display:block}.online-start-stats strong{color:var(--ink);font-size:20px;font-variant-numeric:tabular-nums}.online-start-stats span{margin-top:3px;color:var(--muted);font-size:11px}.online-primary-action{min-width:190px;margin-top:25px}.error-mark{border-color:var(--danger);color:var(--danger)}.online-error-card .muted{margin-bottom:0}.online-progress-card{margin-bottom:16px}.online-progress-card .ant-card-body{padding:20px 24px}.online-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;font-size:13px;cursor:pointer}.online-progress-head:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.online-progress-head strong{color:var(--ink);font-size:15px}.online-progress-meta{display:inline-flex;align-items:center;gap:12px}.online-progress-toggle{display:inline-flex;align-items:center;gap:3px;color:#9a9a9a;font-size:12px;transition:color .16s ease}.online-progress-head:hover .online-progress-toggle,.online-progress-head:focus-visible .online-progress-toggle{color:var(--accent-dark)}.online-progress-toggle svg{display:block}.question-dots{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.question-dot{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;color:#9b9b9b;font-size:10px;font-variant-numeric:tabular-nums;cursor:pointer}.question-dot.answered{border-color:var(--accent-line);background:var(--accent-light);color:var(--accent-dark)}.question-dot.current{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:800}.question-dot-button{min-width:30px;min-height:30px}.question-dot-button:disabled{cursor:default}.question-dot.visited:not(.answered):not(.current){border-style:dashed;color:#777}.online-question-card{min-height:420px}.online-question-card .question-title{margin:24px 0}.online-option-grid .option-button{min-height:62px}.online-transition-card{min-height:320px}.online-result-card{min-height:420px}.online-result-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.online-result-heading h2{margin-bottom:8px;font-size:25px;letter-spacing:-.02em}.online-result-heading .muted{margin-bottom:0}.result-trophy{color:var(--accent)}.online-result-score{margin:26px 0 22px;padding:22px;border:1px solid var(--accent-line);background:var(--accent-light)}.online-result-score span,.online-result-score strong{display:block}.online-result-score span{color:var(--muted);font-size:12px}.online-result-score strong{margin-top:4px;color:var(--accent);font-size:58px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.result-meta-grid div{min-height:68px;padding:13px 15px;background:#fff}.result-meta-grid span,.result-meta-grid strong{display:block}.result-meta-grid span{color:var(--muted);font-size:11px}.result-meta-grid strong{margin-top:5px;color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}.result-meta-wide{grid-column:1 / -1}.result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.result-actions.centered{justify-content:center;flex-wrap:wrap}.online-audio-note{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:22px;color:#929292;font-size:11px;line-height:1.5}.online-play-layout audio{display:none}.online-pause-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.online-pause-card{width:min(100%,390px);padding:32px 28px;border:1px solid var(--line);background:#fff;box-shadow:0 25px 70px #00000024;text-align:center}.online-pause-card h2{margin-bottom:12px;font-size:23px;letter-spacing:-.02em}.online-pause-card .muted{margin-bottom:22px}.host-leaderboard-tabs{margin-top:-8px}.host-leaderboard-tabs .ant-tabs-nav{margin-bottom:16px}.total-leader-card .host-leader-body{gap:3px}@media(max-width:820px){.join-layout{grid-template-columns:1fr;gap:35px;padding:55px 0 40px}.join-copy h1{font-size:clamp(48px,8vw,96px)}.play-layout{grid-template-columns:1fr}.score-panel{border-top:1px solid var(--line);border-left:0;padding:25px 0 0}.host-header{align-items:flex-start;flex-direction:column}.host-grid{grid-template-columns:1fr}.host-players,.host-leaderboard{grid-column:auto}.online-play-layout{max-width:none}}@media(max-width:560px){.page-frame{width:min(100% - 28px,1180px)}.join-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;min-height:100vh;min-height:100dvh;align-items:stretch}.join-copy{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}.join-copy h1{font-size:clamp(48px,17vw,96px);margin-bottom:0;line-height:1.05;letter-spacing:-.04em}.join-panel{min-height:0;overflow-y:auto}.join-panel .ant-card-body{padding:16px 18px}.panel-title{margin-bottom:8px}.field-label{margin:16px 0 8px}.full-width{margin-top:14px}.join-note{margin-top:16px;padding-top:12px}.topline h1,.host-header h1{font-size:24px}.question-title{margin-top:23px;font-size:21px}.option-grid,.preview-options{grid-template-columns:1fr}.question-actions{align-items:stretch;flex-direction:column}.question-action-copy{align-items:flex-start;flex-direction:column}.question-actions .ant-btn{width:100%}.online-start-stats{grid-template-columns:1fr;max-width:none}.result-meta-grid{grid-template-columns:1fr}.result-meta-wide{grid-column:auto}.result-actions{align-items:stretch;flex-direction:column}.result-actions .ant-btn{width:100%}.online-result-score strong{font-size:47px}.online-progress-head{align-items:flex-start;flex-direction:column;gap:4px}.host-stats{width:100%;justify-content:space-between}.host-page{padding:24px 0 36px}.host-header{gap:16px;padding-bottom:18px}.host-grid{gap:14px;margin-top:20px}.section-title{margin-bottom:16px}.host-progress{padding-bottom:18px}.control-actions{align-items:stretch;flex-direction:column;margin-top:18px}.control-actions .ant-btn,.manual-actions .ant-space,.manual-actions .ant-space-item,.manual-actions .ant-btn{width:100%}.audio-board{margin-top:18px}.host-login-page{min-height:auto;padding:40px 0}.host-join-body{align-items:flex-start;flex-direction:column}.host-join-body>div{width:100%}.qr-code{align-self:center}.rules-modal{width:92vw!important;max-width:92vw!important}.rules-modal .ant-modal-content{max-height:min(88vh,88dvh);padding:20px 16px 16px}.online-progress-card .ant-card-body{padding:16px}.online-progress-head{align-items:center;flex-direction:row;gap:8px;margin-bottom:10px}.online-progress-meta{gap:8px}.online-progress-toggle{position:relative;width:26px;height:26px;justify-content:center;border:1px solid var(--line);border-radius:6px;background:#fff}.online-progress-toggle:after{content:"";position:absolute;inset:-9px}.online-progress-toggle-label{display:none}.question-dots{gap:6px;margin-top:12px}.question-dot{width:24px;height:24px}}