:root{color-scheme:dark;--bg:#101d21;--panel:#1b2c30;--line:#354a4e;--ink:#f1f5ef;--muted:#a7b9b6;--lime:#d8ff6b;--cyan:#83dfca;--coral:#ff9b86;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 0,#294840 0,transparent 55%),var(--bg);color:var(--ink);min-height:100dvh}main{max-width:1000px;margin:auto;padding:26px 28px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:42px}.brand{font-size:20px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:.02em}.brand>span{color:var(--lime)}.brand small{border-left:1px solid var(--line);font-size:14px;font-weight:600;color:var(--muted);margin-left:13px;padding-left:13px}.connection{font-size:14px;color:var(--cyan)}.connection.offline{color:var(--coral)}h1,h2,p{margin-top:0}h1{font-size:38px;line-height:1.3;letter-spacing:-.04em;margin-bottom:14px}.intro h1{font-size:clamp(34px,5vw,54px);font-weight:900}.intro h1 span{color:var(--lime)}.intro p:not(.eyebrow){color:var(--muted);margin-bottom:28px}.eyebrow{font-size:12px;color:var(--cyan);font-weight:750;letter-spacing:.13em;margin-bottom:14px}.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,#23383b,#19292d);padding:28px}.lobby-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.setup>label,legend,.join>label{font-size:14px;color:var(--muted);display:block;margin-bottom:9px}input{min-width:0;width:100%;background:#112024;color:var(--ink);border:1px solid #4d6367;border-radius:12px;padding:14px 15px;font:inherit;outline:none}input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d8ff6b17}input::placeholder{color:#829592}button{font:inherit;cursor:pointer;border:0;border-radius:12px;font-weight:750;min-height:48px;padding:12px 18px;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--lime);color:#172025;display:flex;justify-content:space-between;align-items:center;gap:15px}.secondary{background:#31474c;color:var(--ink);border:1px solid #4a6267}.quiet{background:transparent;color:var(--muted)}.wide{width:100%}fieldset{padding:0;border:0;margin:23px 0}legend{padding:0}.levels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.levels label{cursor:pointer;position:relative}.levels input{position:absolute;opacity:0;width:1px;height:1px}.levels span{display:block;border:1px solid var(--line);padding:14px 16px;border-radius:12px;background:#14252a;font-weight:800}.levels small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:3px}.levels input:checked+span{border-color:var(--lime);color:var(--lime);background:#d8ff6b09}.levels input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}.join{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.join>div{display:grid;grid-template-columns:1fr auto;gap:10px}#room-code{letter-spacing:.14em;text-transform:uppercase}.rules{background:#142529}.rule-time{border-bottom:1px solid var(--line);padding-bottom:22px}.rule-time strong{font-family:ui-monospace,monospace;font-size:66px;line-height:1;color:var(--lime);font-weight:750;letter-spacing:-.05em;display:block}.rule-time span{font-size:14px;color:var(--muted);display:block;margin-top:12px}.rules ol{list-style:none;counter-reset:rule;padding:0;margin:24px 0 16px}.rules li{position:relative;padding-left:38px;margin-bottom:20px;counter-increment:rule}.rules li:before{content:"0" counter(rule);position:absolute;left:0;top:2px;color:var(--cyan);font:13px ui-monospace,monospace}.rules b{font-size:16px}.rules p{font-size:14px;line-height:1.6;color:var(--muted);margin:5px 0 0}.rule-note{padding-top:12px;border-top:1px solid var(--line)}.source{font-size:13px;color:var(--muted);margin-top:25px;line-height:1.8}.source summary,.review summary{cursor:pointer}.source p{margin:10px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h1{font-size:32px}.waiting-panel{max-width:640px;margin:10px auto;text-align:center}.room-label{font-size:14px;color:var(--muted)}.invite-code{display:block;font:800 clamp(36px,7vw,60px) ui-monospace,monospace;letter-spacing:.15em;margin:12px 0 20px;color:var(--lime)}.invite-actions{display:flex;justify-content:center;gap:10px}.muted{color:var(--muted);font-size:14px;line-height:1.6;margin:16px 0}.seats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.seat{border:1px solid var(--line);border-radius:16px;padding:24px 12px;background:#132328}.seat b,.seat small{display:block}.seat b{font-size:18px;overflow-wrap:anywhere}.seat small{color:var(--muted);margin-top:8px;font-size:14px}.seat.ready{border-color:var(--cyan)}.seat.ready small{color:var(--cyan)}.seat.empty{border-style:dashed}.avatar{width:44px;height:44px;border-radius:14px;background:#d8ff6b18;color:var(--lime);display:grid;place-items:center;font-size:22px;font-weight:900;margin:0 auto 12px}.arena-header{display:flex;align-items:center;justify-content:space-between}.arena-header .eyebrow{margin:0}.scoreboard{display:grid;grid-template-columns:1fr 1.25fr 1fr;text-align:center;align-items:center;margin:18px 0}.player{min-width:0}.player>span{font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player strong{display:block;font-family:ui-monospace,monospace;font-size:58px;line-height:1.25}.player small{color:var(--muted);font-size:12px}.mine strong{color:var(--lime)}.rival strong{color:var(--coral)}.clock>span{display:block;color:var(--muted);font-size:13px}.clock>strong{display:block;font:800 clamp(32px,6vw,50px) ui-monospace,monospace;letter-spacing:-.04em;margin:6px 0}.clock small{font-size:14px;color:var(--cyan)}.clock.urgent>strong{color:var(--coral)}.race-track{display:flex;gap:5px;height:5px;border-radius:10px;overflow:hidden}.race-track div{width:50%;transition:width .25s}.race-track div:first-child{background:var(--lime)}.race-track div:last-child{background:var(--coral)}.opponent-status{font-size:13px;color:var(--muted);text-align:center;min-height:20px;margin:12px 0 18px}.question-panel{max-width:720px;margin:auto;padding:26px 30px}.question-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.chain-link{font-family:ui-monospace,monospace;color:var(--cyan)}.question-caption{text-align:center;color:var(--muted);font-size:14px;margin:24px 0 10px}#meaning{text-align:center;font-size:clamp(26px,5vw,38px);line-height:1.4;min-height:54px;margin:0 0 24px;overflow-wrap:anywhere}.slots{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:18px 0 22px}.slot{width:35px;height:45px;border-bottom:3px solid #59716f;display:grid;place-items:center;font-size:24px;font-weight:800;font-family:ui-monospace,monospace}.slot.hint{color:var(--cyan);border-color:var(--cyan);opacity:.8}.slot.filled{background:#d8ff6b0a;border-color:var(--lime);border-radius:6px 6px 0 0}.answer{font-family:ui-monospace,monospace;font-size:20px;padding:17px}.answer::placeholder{font-family:system-ui,sans-serif;font-size:15px}.answer-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-top:14px}.feedback{font-size:14px;text-align:center;min-height:22px;margin:15px 0 0;color:var(--muted)}.feedback.good{color:var(--lime)}.feedback.bad{color:var(--coral)}.arena-note{font-size:13px;text-align:center;color:var(--muted);margin-top:18px}.intermission{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.intermission>span{color:var(--cyan);font-size:18px}.intermission>strong{font:800 90px ui-monospace,monospace;color:var(--lime);margin:10px 0}.intermission p{font-size:14px;color:var(--muted);line-height:1.6}.result-panel{max-width:600px;margin:auto;text-align:center}.result-symbol{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:var(--lime);color:#152328;margin:20px auto;font-size:32px;font-weight:900}.final-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:26px 0}.final-score strong{display:block;font:800 58px ui-monospace,monospace;color:var(--lime)}.final-score>div:last-child strong{color:var(--coral)}.final-score small{display:block;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.final-score>span{font:24px ui-monospace,monospace;color:var(--muted)}.review{max-width:600px;margin:18px auto}.review-row{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:15px 0;border-top:1px solid var(--line)}.review-row:first-child{margin-top:20px}.review-row b{color:var(--lime)}.review-row p{grid-column:1 / -1;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.review-row small{color:var(--muted);font-size:13px}.review-row.skipped b,.review-row.skipped small{color:var(--coral)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:14px 20px;max-width:90vw;width:max-content;background:var(--ink);color:#152328;border-radius:12px;box-shadow:0 10px 40px #0007;z-index:10;font-size:14px}dialog{max-width:430px;width:calc(100% - 32px);padding:26px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px}dialog::backdrop{background:#071012b8}dialog p{color:var(--muted);line-height:1.7;font-size:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hidden{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:650px){main{padding:20px 16px 30px}header{margin-bottom:28px}.brand small{margin-left:9px;padding-left:9px;font-size:12px}.connection{font-size:12px}.intro h1{font-size:36px}.intro p:not(.eyebrow){font-size:14px}.lobby-grid{grid-template-columns:1fr}.panel{padding:22px}.rules{padding:22px}.rule-time strong{font-size:42px}.rules ol{margin-bottom:0}.rules li{margin-bottom:14px}.section-heading{align-items:flex-start}.section-heading h1{font-size:26px}.section-heading .quiet{padding:8px 0}.seats{gap:10px}.seat{padding:18px 8px}.scoreboard{margin:15px 0}.player strong{font-size:46px}.player>span{font-size:14px}.question-panel{padding:20px 17px}.slot{width:29px;height:38px;font-size:21px}.slots{gap:5px}.answer-actions{gap:9px}button{padding:12px 14px}.question-top{font-size:13px}#meaning{font-size:28px}.invite-actions{gap:5px}.intermission{min-height:270px}.arena-note{font-size:12px}.final-score strong{font-size:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}