.mq{padding:100px 0 72px}.mq-wrap{max-width:860px}.mq [data-screen],.mq-board,.mq-review,.mq-signup{display:none}.mq[data-phase=intro] [data-screen=intro],.mq[data-phase=play] [data-screen=play],.mq[data-phase=end] [data-screen=end],.mq[data-phase=intro] .mq-board,.mq[data-phase=end] .mq-board,.mq[data-phase=end] .mq-review,.mq[data-phase=end] .mq-signup{display:block}.mq-intro h1{font-size:clamp(36px,8vw,76px);font-weight:900;text-transform:uppercase;margin-bottom:16px}.mq-lead{margin:0 0 20px;color:var(--muted);max-width:58ch}.mq-rules{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px}.mq-rules li{font-size:14px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px}.mq-rules b{color:var(--text);font-stretch:112%}.mq section{padding:0;border-top:0}.mq .btn{cursor:pointer}.mq [hidden]{display:none!important}.mq .btn-ghost{background:transparent}.mq .btn:disabled{opacity:.6;cursor:default}.mq-start{min-width:200px;min-height:56px;font-size:16px}.mq-hint{font-size:13px;margin:14px 0 0}@media(hover:none){.mq-hint{display:none}}.mq-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--muted);letter-spacing:.04em;margin-bottom:10px}.mq-hud b{color:var(--text);font-weight:800;font-stretch:112%;font-size:16px}.mq-streak{color:#ffb347;font-weight:700;font-size:13px}.mq-timer{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.mq-timer-bar{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--violet),var(--red))}.mq-timer-bar.low{background:var(--red)}.mq-secs{margin:6px 0 0;text-align:right;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.mq-kind{margin:18px 0 8px;font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--red)}.mq-q{font-size:clamp(22px,4.6vw,34px);font-weight:800;line-height:1.2;text-transform:none;margin-bottom:22px;overflow-wrap:anywhere}.mq-q:focus{outline:none}.mq-q .subject{display:block;margin-top:10px;font-size:clamp(26px,6vw,44px);font-weight:900;text-transform:uppercase;color:var(--text);text-shadow:0 0 24px rgba(138,60,255,.45)}.mq-q .ask{display:block;font-size:.7em;font-weight:700;color:var(--muted);font-stretch:112%}.mq-options{display:grid;gap:10px}@media(min-width:640px){.mq-options{grid-template-columns:1fr 1fr}}.mq-opt{display:flex;align-items:center;gap:14px;min-height:60px;width:100%;padding:10px 16px;font:inherit;font-size:16px;font-weight:600;text-align:left;color:var(--text);background:var(--surface);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mq-opt:hover:not(:disabled){border-color:#ffffff73;background:var(--surface-2)}.mq-opt:active:not(:disabled){transform:scale(.98)}.mq-opt .k{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-size:13px;color:var(--muted)}.mq-opt:disabled{cursor:default}.mq-opt.is-right{border-color:#2ecc71;background:#2ecc7124}.mq-opt.is-right .k{border-color:#2ecc71;color:#2ecc71}.mq-opt.is-wrong{border-color:var(--red);background:#e3232f24}.mq-opt.is-wrong .k{border-color:var(--red);color:#ff6b74}.mq-opt.is-dim{opacity:.5}.mq-feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;min-height:48px}.mq-fb{margin:0;font-weight:700;font-size:16px}.mq-fb.ok{color:#2ecc71}.mq-fb.bad{color:#ff6b74}.mq-fb small{display:block;font-weight:400;color:var(--muted);font-size:14px}.mq-final{font-size:clamp(56px,14vw,120px);font-weight:900;line-height:1;margin-bottom:8px}.mq-final:focus{outline:none}.mq-final small{font-size:.28em;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.mq-correct{margin:0;font-size:18px;font-weight:700}.mq-grade{margin:6px 0 28px;font-size:18px;color:var(--muted)}.mq-save{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px;display:grid;gap:8px;max-width:560px}.mq-save label{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.mq-save-row{display:flex;gap:10px;flex-wrap:wrap}.mq-save input{flex:1 1 200px;min-width:0;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);min-height:48px;padding:0 14px}.mq-save input:focus{outline:none;border-color:var(--red)}.mq-save-msg{margin:0;font-size:14px;color:var(--muted);min-height:1.4em}.mq-save-msg.ok{color:#2ecc71}.mq-save-msg.err{color:#ff6b74}.mq-save.done .mq-save-row,.mq-save.done label{display:none}.mq-end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:20px}.mq-share-msg{font-size:14px;color:var(--muted)}.mq-h3{font-size:20px;font-weight:800;text-transform:uppercase;margin:0}.mq-board{margin-top:48px;border-top:1px solid var(--line);padding-top:28px}.mq-board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mq-tabs{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);padding:3px;gap:3px}.mq-tabs button{font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-radius:3px;min-height:44px;padding:0 14px;cursor:pointer}.mq-tabs button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.mq-rows{list-style:none;margin:0;padding:0;counter-reset:r}.mq-rows li{counter-increment:r;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:46px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:15px}.mq-rows li:before{content:counter(r);color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.mq-rows li:nth-child(1):before{color:#ffd36b}.mq-rows li:nth-child(2):before{color:#d7d7df}.mq-rows li:nth-child(3):before{color:#d79b6b}.mq-rows li.me{background:#e3232f1f}.mq-rows .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-rows .pts{font-weight:800;font-stretch:112%;font-variant-numeric:tabular-nums}.mq-board-msg{margin:12px 0 0;font-size:14px}.mq-board-msg:empty{display:none}.mq-review{margin-top:48px}.mq-review-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.mq-review-list li{border:1px solid var(--line);border-left:3px solid var(--red);background:var(--surface);border-radius:var(--radius);padding:12px 14px;font-size:15px}.mq-review-list li.ok{border-left-color:#2ecc71}.mq-review-list .rq{margin:0 0 6px;font-weight:700}.mq-review-list .ra{margin:0;color:var(--muted)}.mq-review-list .ra b{color:var(--text)}.mq-review-list .pts{float:right;margin-left:10px;font-weight:800;font-stretch:112%;color:var(--muted)}.mq-signup{margin-top:48px}@media(max-width:480px){.mq-start,.mq-end-actions .btn,.mq-save-row .btn{width:100%}}