.thq-panel{flex-direction:column;gap:14px;width:100%;max-width:720px;margin:0 auto;padding:20px;display:flex}.thq-field{flex-direction:column;gap:8px;display:flex}.thq-start{align-self:stretch;padding-block:12px;font-size:17px}.thq-variants{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;display:grid}.thq-variant{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.thq-variant small{color:var(--muted);font-size:13px;line-height:1.3}.thq-variant:hover{border-color:var(--accent)}.thq-variant[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.thq-board{outline:none;flex-direction:column;gap:12px;width:100%;max-width:640px;margin:0 auto;display:flex}.thq-time{height:8px}.thq-time.low i{background:var(--bad)}.thq-duck-line{min-height:1.45em;color:var(--muted);text-align:center;margin:0;font-size:14px}.thq-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 18px;display:flex}.thq-card.got{border-color:var(--good)}.thq-card.miss{border-color:var(--bad)}.thq-prompt{overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7vw,38px);line-height:1.25}.thq-prompt.th,.thq-th{font-family:var(--f-body)}.thq-letters .thq-prompt.th{font-size:clamp(64px,20vw,104px);line-height:1.15}.thq-tones .thq-prompt.th{font-size:clamp(44px,13vw,64px)}.thq-sub{color:var(--muted);margin:0;font-size:15px}.thq-say{margin-top:4px}.thq-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.thq-opts.n3,.thq-opts.n5{grid-template-columns:repeat(auto-fit,minmax(min(100%,104px),1fr))}.thq-opt{text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;display:flex;position:relative}.thq-opt .thq-th{font-size:22px}.thq-opt small{color:var(--muted);font-size:13px}.thq-opt.right small,.thq-opt.wrong small{color:inherit}.thq-opt.mine{border-color:var(--accent)}.thq-num{color:var(--muted);font-size:11px;position:absolute;top:4px;left:7px}.thq-why{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.thq-why p{margin:0}.thq-good{color:var(--good)}.thq-bad{color:var(--bad)}.thq-big{font-family:var(--f-display);font-size:54px;line-height:1}.thq-big small{font-family:var(--f-body);color:var(--muted);font-size:16px}.thq-h3{margin:6px 0 0;font-size:17px}.thq-missed{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;display:flex}.thq-missed b{margin-right:4px;font-size:18px}@media (max-width:420px){.thq-panel{padding:16px 14px}.thq-opt{min-height:52px}}
