.game{max-width:34rem;margin:0 auto}.menu{gap:1rem;display:grid}.modecard{border:1px solid var(--line);background:var(--raised);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;gap:.4rem;padding:1.5rem 1.5rem 1.6rem;transition:border-color .14s,transform .14s;display:flex}.modecard:hover{border-color:var(--accent);transform:translateY(-2px)}.modecard__tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.modecard__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.modecard__desc{color:var(--ink-2);font-size:.9rem;line-height:1.5}.hud{justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;display:flex}.hud__item{border:1px solid var(--line);background:var(--raised);border-radius:12px;flex-direction:column;flex:1;gap:.15rem;padding:.7rem .9rem;display:flex}.hud__item b{color:var(--ink);font-size:1.4rem;font-weight:700}.hud__lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem}.hud__item.is-urgent b{color:var(--accent)}.prompt{text-align:center;margin-bottom:1.25rem}.prompt__photo{object-fit:cover;border:1px solid var(--line);background:#000;border-radius:16px;width:100%;height:clamp(12rem,40vw,18rem);display:block}.prompt__name{border:1px solid var(--line);background:var(--raised);min-height:clamp(9rem,30vw,12rem);font-family:var(--font-display);letter-spacing:-.02em;border-radius:16px;place-items:center;padding:1rem;font-size:clamp(2rem,8vw,3rem);font-weight:700;display:grid}.prompt__q{color:var(--ink-2);margin:.9rem 0 0;font-size:.9rem}.options{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.option{border:1px solid var(--line);background:var(--raised);min-height:3.6rem;color:var(--ink);font-family:var(--font-display);cursor:pointer;border-radius:12px;padding:.9rem 1rem .9rem 1.4rem;font-size:1.1rem;font-weight:600;transition:border-color .12s,background-color .12s,transform .1s,opacity .15s;position:relative}.option:before{content:"";background:var(--oc);border-radius:3px;width:.4rem;height:1.4rem;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.option:hover{border-color:var(--line-2);transform:translateY(-1px)}.option.is-correct{background:color-mix(in oklab, #4ade80 20%, var(--raised));border-color:#4ade80}.option.is-wrong{background:color-mix(in oklab, #f87171 20%, var(--raised));border-color:#f87171}.option.is-faded{opacity:.4}.advance{text-align:center;margin-top:1.1rem}.btn{border:1px solid var(--line);background:var(--raised);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:.7rem 1.4rem;font-weight:600;transition:border-color .12s,filter .12s,opacity .12s}.btn:hover:not(:disabled){border-color:var(--line-2)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.result{text-align:center;padding:1.5rem 0}.result__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem}.result__score{color:var(--ink);margin:.75rem 0 0;font-size:clamp(3.5rem,16vw,6rem);font-weight:700;line-height:1}.result__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:.4rem 0 0;font-size:.85rem}.result__streak{color:var(--ink-2);margin:1.25rem 0 0}.result__streak b{color:var(--ink)}.result__actions{justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}@media (width<=30rem){.result__actions{flex-direction:column}}.playhero[data-astro-cid-ikqophwf]{text-align:center;max-width:34rem;margin:.5rem auto 2rem}.playhero__eyebrow[data-astro-cid-ikqophwf]{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.74rem;display:inline-flex}.playhero__dot[data-astro-cid-ikqophwf]{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 24%, transparent);border-radius:50%}.playhero__title[data-astro-cid-ikqophwf]{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .7rem;font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;line-height:.95}.playhero__lead[data-astro-cid-ikqophwf]{color:var(--ink-2);margin:0;line-height:1.6}