.rh{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.rh__intro{text-align:center;max-width:74ch;margin-inline:auto}.rh__title{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.05}.rh__lead{margin-top:6px;color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.rh__panel{width:100%;max-width:560px;background:var(--c-bg-800);border-radius:var(--r-lg);padding:clamp(.8rem,1.8vw,1.1rem);display:grid;gap:var(--space-2);box-shadow:0 20px 50px #00000059}.rh__tabs{display:flex;gap:6px;background:var(--c-bg-700);padding:5px;border-radius:var(--r-md)}.rh__tab{flex:1;cursor:pointer;border:0;background:transparent;color:var(--c-ink-mute);font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);padding:9px;border-radius:var(--r-sm)}.rh__tab.is-on{background:var(--c-bg-900);color:var(--c-gold-400);box-shadow:inset 0 0 0 1px var(--c-gold-600)}.rh__filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rh__filters[hidden]{display:none}.rh__filters-l{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-mute)}.rh__chip{cursor:pointer;border:0;background:var(--c-bg-700);color:var(--c-ink-soft);border-radius:var(--r-pill);padding:6px 12px;font-size:var(--fs-sm);font-weight:600}.rh__chip.is-on{background:var(--c-teal-glow);color:var(--c-teal-400);box-shadow:inset 0 0 0 1px var(--c-teal-600)}.rh__gridwrap{display:grid;justify-items:center;gap:var(--space-2)}.rh__gridwrap.is-quiet{opacity:.5;pointer-events:none}.rh__grid{display:grid;grid-template-columns:repeat(13,1fr);gap:2px;width:100%;max-width:338px}.rh__cell{aspect-ratio:1;display:grid;place-items:center;border-radius:3px;font-family:var(--font-mono);font-size:.5rem;font-weight:700;color:#0c0f14;transition:opacity var(--dur-fast)}.rh__cell.b-0{background:linear-gradient(180deg,#f7c53f,#e8a712)}.rh__cell.b-1{background:linear-gradient(180deg,#2ad2c2,#10b6a6)}.rh__cell.b-2{background:linear-gradient(180deg,#9d74f7,#7d4fe6);color:#fff}.rh__cell.b-3{background:#1a212c;color:#55606f}.rh__cell.is-dim{opacity:.16}.rh__cell{position:relative}.rh__mk{position:absolute;top:1px;right:2px;font-size:.34rem;font-weight:800;line-height:1;opacity:.62}.rh__key{max-width:420px;font-size:.68rem;line-height:1.4;color:var(--c-ink-mute);text-align:center;margin:0 auto}.rh__key b{color:var(--c-ink-soft)}.rh__legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--fs-xs);color:var(--c-ink-soft);justify-content:center}.rh__legend li{display:flex;align-items:center;gap:5px}.rh__dot{width:14px;height:14px;border-radius:3px;display:grid;place-items:center}.rh__dot b{font-size:.5rem;font-weight:800;color:#0c0f14}.rh__dot.b-2 b{color:#fff}.rh__dot.b-0{background:#f5b622}.rh__dot.b-1{background:#14c7b6}.rh__dot.b-2{background:#8b5cf6}.rh__dot.b-3{background:#1a212c}.rh__drill[hidden]{display:none}.rh__score{display:flex;gap:var(--space-2)}.rh__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:var(--c-bg-700);border-radius:var(--r-md)}.rh__stat-v{font-family:var(--font-mono);font-weight:800;font-size:1.25rem;color:var(--c-ink)}.rh__stat-v--gold{color:var(--c-gold-400)}.rh__stat-l{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-mute)}.rh__q{text-align:center;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--c-ink);margin-top:var(--space-2)}.rh__q b{color:var(--c-gold-400)}.rh__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.rh__act{cursor:pointer;border:0;border-radius:var(--r-md);padding:14px;font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);background:var(--c-bg-700);color:var(--c-ink)}.rh__act:hover:not([disabled]){background:var(--c-bg-600)}.rh__act[disabled]{opacity:.7;cursor:default}.rh__fb{font-size:var(--fs-sm);color:var(--c-ink-soft);line-height:var(--lh-body);background:var(--c-bg-900);border-radius:var(--r-md);padding:var(--space-3) var(--space-4)}.rh__fb[hidden]{display:none}.rh__fb b{color:var(--c-ink)}.rh__after{display:flex;justify-content:flex-end}.rh__after[hidden]{display:none}.rh__btn{cursor:pointer;border-radius:var(--r-md);padding:11px 22px;min-height:46px;font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);border:0;background:var(--c-bg-600);color:var(--c-ink)}.rh__btn--go{background:var(--grad-gold);color:#1a1200}