.lt{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.lt__intro{text-align:center;max-width:74ch;margin-inline:auto}.lt__title{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.05}.lt__lead{margin-top:var(--space-2);color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.lt__card{width:100%;max-width:640px;min-height:440px;background:var(--c-bg-800);border-radius:var(--r-lg);padding:clamp(1.2rem,3.5vw,2.2rem);box-shadow:0 20px 50px #00000059;display:grid}.lt__stage{display:grid;align-content:center;gap:var(--space-4)}.lt__stage[hidden]{display:none!important}.lt__start{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.lt__start-icon{color:var(--c-gold-400);filter:drop-shadow(0 0 16px rgba(245,182,34,.35))}.lt__start-p{color:var(--c-ink-soft);font-size:var(--fs-lead);line-height:var(--lh-snug);max-width:38ch}.lt__bar{height:6px;border-radius:999px;background:var(--c-bg-600);overflow:hidden}.lt__bar i{display:block;height:100%;width:0%;background:var(--grad-gold);border-radius:999px;transition:width .4s var(--ease-out)}.lt__qhead{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold-400)}.lt__q{font-family:var(--font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:var(--lh-snug);color:var(--c-ink)}.lt__opts{display:grid;gap:var(--space-2)}.lt__opt{display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--r-md);background:var(--c-bg-700);border:0;color:var(--c-ink-soft);font-size:var(--fs-body);font-weight:500;cursor:pointer;transition:transform var(--dur-fast),background var(--dur-fast)}.lt__opt:hover:not([disabled]){transform:translateY(-2px);background:var(--c-bg-600)}.lt__opt-k{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--c-bg-900);font-family:var(--font-mono);font-weight:700;font-size:var(--fs-sm);color:var(--c-ink-mute)}.lt__opt[disabled]{cursor:default}.lt__opt.is-correct{background:color-mix(in srgb,var(--c-success) 18%,transparent);color:var(--c-ink)}.lt__opt.is-correct .lt__opt-k{background:var(--c-success);color:#04140a}.lt__opt.is-wrong{background:color-mix(in srgb,var(--c-red-500) 16%,transparent)}.lt__opt.is-wrong .lt__opt-k{background:var(--c-red-500);color:#fff}.lt__explain{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)}.lt__explain b{color:var(--c-ink)}.lt__explain[hidden]{display:none}.lt__after{display:flex;justify-content:flex-end}.lt__after[hidden]{display:none}.lt__res-badge{display:flex;align-items:baseline;justify-content:center;gap:6px}.lt__res-score{font-family:var(--font-mono);font-weight:800;font-size:clamp(3rem,9vw,4.2rem);line-height:1;color:var(--c-gold-400);text-shadow:0 0 28px color-mix(in srgb,var(--c-gold-500) 45%,transparent)}.lt__res-of{font-family:var(--font-mono);font-size:1.4rem;color:var(--c-ink-mute)}.lt__res-name{font-size:var(--fs-h2);color:var(--c-ink);text-align:center}.lt__res-blurb{color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-body);text-align:center;max-width:44ch;margin:var(--space-2) auto 0}.lt__recs-l{text-align:center;font-size:var(--fs-sm);color:var(--c-ink-mute);margin-top:var(--space-4)}.lt__recs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-2)}@media(max-width:560px){.lt__recs{grid-template-columns:1fr}}.lt__rec{display:grid;gap:2px;padding:var(--space-3);border-radius:var(--r-md);background:var(--c-bg-700);text-align:left;transition:transform var(--dur-fast)}.lt__rec:hover{transform:translateY(-3px)}.lt__rec-name{font-family:var(--font-display);font-weight:700;color:var(--c-ink);font-size:var(--fs-sm)}.lt__rec-d{font-size:var(--fs-xs);color:var(--c-ink-mute)}.lt__rec-go{font-size:var(--fs-xs);color:var(--c-teal-400);font-weight:600;margin-top:4px}.lt__res-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-5)}.lt__btn{cursor:pointer;border-radius:var(--r-md);padding:11px 24px;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)}.lt__btn:hover{color:var(--c-gold-400)}.lt__btn--go{background:var(--grad-gold);color:#1a1200}.lt__btn--go:hover{opacity:.92;color:#1a1200}