.quiz{max-width:1000px;margin:0 auto 80px}.quiz .notice{border:1px solid var(--line-strong);align-items:center;gap:10px;margin:0 0 16px;display:flex}.quiz-lobby{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;display:grid}.quiz-lobby>.notice,.quiz-rules{grid-column:1/-1}.quiz-mode{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;align-items:flex-start;gap:14px;padding:26px;display:flex}.quiz-mode-daily{border-color:var(--line-strong);background:linear-gradient(140deg,#173229,#0b191a 70%)}.quiz-mode h2{font-size:clamp(30px,3.4vw,44px)}.quiz-mode p{color:var(--muted)}.quiz-mode .metric-note{margin-top:auto}.quiz-daily-done{justify-items:start;gap:12px;display:grid}.quiz-daily-done .quiz-actions{justify-content:flex-start;margin:4px 0 0}.quiz-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.quiz-level{text-align:left;border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:#0b191969;border-radius:3px;flex-direction:column;gap:4px;padding:14px;transition:background .2s,border-color .2s;display:flex}.quiz-level:hover:not(:disabled){background:var(--surface-3);border-color:#afba9970}.quiz-level strong{font-size:17px;font-weight:600}.quiz-level span{color:var(--muted);font-size:13px;line-height:1.35}.quiz-level:disabled{opacity:.6;cursor:default}.quiz-rules{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex}body:has(.quiz[data-quiz-playing]) .page-heading{display:none}.quiz[data-quiz-playing]{margin-top:18px}.quiz-bar{font-family:var(--technical);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:12px;display:flex}.quiz-series{color:var(--text)}.quiz-score{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto}.quiz-grid{gap:4px;display:flex}.quiz-grid span{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:2px;width:14px;height:14px}.quiz-grid span.is-right{background:#6fbf73;border-color:#6fbf73}.quiz-grid span.is-wrong{background:#d4685c;border-color:#d4685c}.quiz-timer{z-index:5;background:var(--surface-3);border-radius:3px;height:6px;margin:12px 0 26px;position:sticky;top:80px}.quiz-timer span{background:var(--accent);transform-origin:0;border-radius:3px;transition:transform .25s linear;position:absolute;inset:0}.quiz-timer span.is-short{background:#e8a25c}.quiz-timer b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;position:absolute;top:11px;right:0}.quiz-prompt{margin-bottom:18px;font-size:clamp(24px,2.6vw,34px)}.quiz-play{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.quiz-play.is-large{grid-template-columns:auto minmax(0,1fr)}.quiz-play.no-image{grid-template-columns:minmax(0,1fr)}.quiz-side{align-content:start;gap:18px;min-width:0;display:grid}.quiz-side>.notice{margin:0}.quiz-figure{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;margin:0;overflow:hidden}.quiz-figure img{width:100%;height:auto;display:block}.quiz-play.is-large .quiz-figure img{width:auto;max-width:min(400px,38vw);max-height:max(260px,100dvh - 300px)}.quiz-subject h3{margin-bottom:10px;font-size:24px}.quiz-subject .tag svg,.quiz-option svg{color:var(--element,currentColor);flex-shrink:0}.quiz-subject .tag{align-items:center;gap:5px;display:inline-flex}.quiz-tox{align-items:center;gap:10px;font-size:24px;display:flex}.quiz-abilities{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.quiz-subject>:first-child{margin-top:0}.quiz-abilities li{border-left:2px solid var(--line-strong);padding:6px 0 6px 13px}.quiz-abilities strong{font-size:16px}.quiz-abilities p,.quiz-focus p{color:var(--muted);white-space:pre-line;margin-top:3px;font-size:14px}.quiz-abilities li.is-masked{border-color:var(--accent)}.quiz-blank{vertical-align:-.25em;min-width:2.4em;height:1.4em;color:var(--accent);background:#c4f5780f;border:1px dashed #c4f57880;border-radius:3px;justify-content:center;align-items:center;margin:0 .12em;padding:0 .35em;font-size:.82em;font-weight:700;line-height:1;display:inline-flex}.quiz-blank-ability{min-width:7em;height:1.6em;font-size:.9em}.quiz-cooldown{color:var(--dim);align-items:center;gap:4px;margin-left:10px;font-size:12px;display:inline-flex}.quiz-focus{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:4px;margin-top:16px;padding:12px 15px}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-option{text-align:left;border:1px solid var(--line-strong);min-height:64px;color:var(--text);cursor:pointer;background:#0b1919a8;border-radius:4px;align-items:center;gap:12px;padding:12px 16px;transition:background .15s,border-color .15s,opacity .15s;display:flex}.quiz-options.has-details .quiz-option{align-items:flex-start}.quiz-option:hover:not(:disabled){background:var(--surface-3);border-color:#afba9970}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option kbd{border:1px solid var(--line-strong);font-family:var(--technical);color:var(--dim);border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:11px}.quiz-option>span{flex-direction:column;gap:3px;min-width:0;display:flex}.quiz-option strong{white-space:pre-line;overflow-wrap:anywhere;font-size:16px;font-weight:600}.quiz-option small{color:var(--muted);font-size:13px;line-height:1.4}.quiz-option.is-chosen{border-color:var(--accent)}.quiz-option.is-right{background:#15301f;border-color:#6fbf73}.quiz-option.is-wrong{background:#311a17;border-color:#d4685c}.quiz-option.is-dimmed{opacity:.45}.quiz-feedback{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;gap:10px;padding:18px 20px;display:grid}.quiz-feedback.is-right{border-color:#6fbf7366}.quiz-feedback.is-wrong{border-color:#d4685c66}.quiz-feedback-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.quiz-feedback-head strong{font-family:var(--display);text-transform:uppercase;font-size:26px;font-weight:400}.quiz-feedback.is-right .quiz-feedback-head strong{color:#9ad89d}.quiz-feedback.is-wrong .quiz-feedback-head strong{color:#ef9b8f}.quiz-feedback-head span{color:var(--muted);font-variant-numeric:tabular-nums}.quiz-feedback-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.quiz-feedback-meta a{color:var(--text)}.quiz-feedback .button{justify-self:start;margin-top:4px}.quiz-done,.quiz-result{text-align:center}.quiz-done .section-kicker,.quiz-result .section-kicker{justify-content:center}.quiz-done h2,.quiz-result h2{margin:10px 0 6px;font-size:clamp(72px,10vw,128px);line-height:1}.quiz-total{color:var(--muted);margin-bottom:18px;font-size:17px}.quiz-done .metric-note{text-align:center}.quiz-done .quiz-grid,.quiz-result .quiz-grid{justify-content:center}.quiz-done .quiz-grid span,.quiz-result .quiz-grid span{border-radius:3px;width:26px;height:26px}.quiz-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 14px;display:flex}.quiz-result .notice{text-align:left;justify-content:center;max-width:640px;margin:24px auto 0}.quiz-recap{text-align:left;counter-reset:recap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:grid}.quiz-recap li{border:1px solid var(--line);background:var(--surface);counter-increment:recap;border-left:3px solid #6fbf73;border-radius:4px;gap:3px;padding:12px 16px;display:grid}.quiz-recap li.is-wrong{border-left-color:#d4685c}.quiz-recap strong:before{content:counter(recap) ". ";color:var(--dim)}.quiz-recap span{font-size:14px}.quiz-recap small{color:var(--muted);font-size:13px}@media (width<=900px){.quiz-lobby{grid-template-columns:minmax(0,1fr)}.quiz-play{gap:18px}.quiz-play.is-large .quiz-figure img{max-width:min(300px,40vw)}}@media (width<=680px){.quiz-mode{padding:20px 18px}.quiz-levels{grid-template-columns:minmax(0,1fr)}.quiz[data-quiz-playing]{margin-top:12px}.quiz-bar{gap:6px 14px}.quiz-bar .quiz-grid{display:none}.quiz-timer{margin:10px 0 20px;top:70px}.quiz-prompt{margin-bottom:12px;font-size:22px}.quiz-play{grid-template-columns:84px minmax(0,1fr);gap:12px 14px}.quiz-play.is-large{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.quiz-play.no-image{grid-template-columns:minmax(0,1fr)}.quiz-play.is-large .quiz-figure img{object-fit:contain;width:100%;max-width:100%;max-height:38dvh}.quiz-side{display:contents}.quiz-play:not(.no-image) .quiz-subject{grid-column:2}.quiz-side>.quiz-options,.quiz-side>.notice,.quiz-side>.quiz-feedback{grid-column:1/-1}.quiz-play.is-large:has(.quiz-figure-detail){grid-template-columns:minmax(0,1fr)}.quiz-play.is-large:has(.quiz-figure-detail) .quiz-figure{justify-self:center;max-width:72%}.quiz-subject h3{margin-bottom:8px;font-size:20px}.quiz-abilities{gap:8px;margin-top:10px}.quiz-abilities li{padding:3px 0 3px 10px}.quiz-abilities strong{font-size:15px}.quiz-abilities p,.quiz-focus p{font-size:13px;line-height:1.4}.quiz-cooldown{margin-left:6px}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiz-options.has-details{grid-template-columns:minmax(0,1fr);gap:6px}.quiz-option{gap:8px;min-height:50px;padding:10px 12px}.quiz-options.has-details .quiz-option{min-height:0;padding:8px 12px}.quiz-options.has-details .quiz-option small{font-size:12.5px;line-height:1.35}.quiz-option strong{font-size:15px}.quiz-option kbd{display:none}.quiz-score{margin-left:0}.quiz-done .quiz-grid span,.quiz-result .quiz-grid span{width:22px;height:22px}}