.play{max-width:1180px;padding:0 var(--gutter) 40px;margin:0 auto}.score-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.score-row .h{letter-spacing:.06em;font-size:26px}.score-row b{color:var(--yellow);font-weight:inherit}.pips{gap:10px;display:flex}.pip{border-radius:var(--r-icon);border:1.5px solid #94b4ff4d;width:44px;height:10px}.pip.now{border-color:var(--yellow);background:#facc1540}.pip.ok{background:var(--green);border-color:var(--green)}.pip.no{background:var(--pink);border-color:var(--pink)}.score-side{align-items:center;gap:18px;display:flex}.ring{width:64px;height:64px;position:relative}.ring svg{display:block}.ring .track{fill:#0b1220;stroke:#94b4ff2e;stroke-width:5px}.ring .arc{fill:none;stroke:var(--blue);stroke-width:5px;stroke-linecap:round;stroke-dasharray:163.4;transition:stroke-dashoffset .25s linear}.ring.low .arc{stroke:var(--pink)}.ring span{justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.q-card{border:1px solid var(--line-2);border-radius:var(--r-sheet);background:#0b1220;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;box-shadow:0 24px 60px #00000073}.q-head{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.q-head img{object-fit:cover;border-radius:var(--r-button);border:1px solid #94b4ff33;flex:none;width:220px;max-width:100%;height:150px}.q-head img[hidden]{display:none}.q-text{flex-direction:column;flex:380px;gap:12px;min-width:0;display:flex}.q-tag{color:var(--link);letter-spacing:.12em;border-radius:var(--r-pill);border:1px solid #60a5fa99;align-self:flex-start;padding:4px 12px;font-size:15px}.q-text h1{font-family:var(--display);color:#fff;margin:0;font-size:40px;font-weight:700;line-height:1.08}.play .opt{gap:16px;padding:12px 20px;font-size:21px}.play .opt .letter{font-size:28px}.reveal{background:var(--surface);border-radius:var(--r-button);border:1px solid #94b4ff2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex}.reveal[hidden]{display:none}.reveal .copy{flex-direction:column;flex:520px;gap:6px;min-width:0;display:flex}.reveal .verdict{font-size:34px}.reveal p{color:var(--text-2);margin:0;font-size:17px;line-height:1.55}.play-hint{text-align:center;color:var(--muted);margin:14px 0 0;font-size:14px}.play-hint[hidden]{display:none}.finished{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:48px 24px 40px;display:flex}.finished[hidden]{display:none}.finished .kicker{letter-spacing:.16em;color:var(--link);font-size:22px}.final{color:var(--yellow);font-size:168px;line-height:.85}.final i{color:#64708a;font-style:normal}.finished h2{margin:0;font-size:52px}.squares{gap:10px;display:flex}.square{border-radius:var(--r-button);border:2px solid;width:52px;height:52px}.square.ok{background:var(--green);border-color:var(--green)}.square.no{background:var(--pink);border-color:var(--pink)}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-outline{color:#fff;letter-spacing:.05em;border-radius:var(--r-button);cursor:pointer;background:0 0;border:1.5px solid #eef2fa80;padding:15px 26px;font-size:22px;text-decoration:none;display:inline-block}.btn-outline:hover{color:var(--yellow);border-color:var(--yellow)}.finished .btn-primary{padding:16px 26px;font-size:22px}.finished p{color:var(--muted);margin:0;font-size:15px}.finished p[hidden]{display:none}.answers-noscript{padding:0 var(--gutter)}@media (width<=640px){.q-head img{width:100%;height:150px}.q-text h1{font-size:32px}.pip{width:30px}.final{font-size:120px}}@media (prefers-reduced-motion:reduce){.ring .arc{transition:none}}