.intro.svelte-1fr4xae,.finish.svelte-1fr4xae{background:var(--mint);border-radius:1.3rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.2rem;padding:1.5rem;display:grid}h2.svelte-1fr4xae{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.intro.svelte-1fr4xae p:where(.svelte-1fr4xae):not(.eyebrow){max-width:700px;color:var(--muted);font-size:.7rem;line-height:1.55}.record.svelte-1fr4xae,.score.svelte-1fr4xae{color:#fff;background:var(--ink);text-align:center;border-radius:1rem;min-width:7rem;padding:1rem;display:grid}.record.svelte-1fr4xae span:where(.svelte-1fr4xae),.record.svelte-1fr4xae small:where(.svelte-1fr4xae),.score.svelte-1fr4xae span:where(.svelte-1fr4xae){font-size:.55rem}.record.svelte-1fr4xae strong:where(.svelte-1fr4xae),.score.svelte-1fr4xae strong:where(.svelte-1fr4xae){font-size:2rem}.toolbar.svelte-1fr4xae{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.62rem;font-weight:850;display:grid}.toolbar.svelte-1fr4xae>div:where(.svelte-1fr4xae){background:#e6ebe3;border-radius:1rem;height:.45rem;overflow:hidden}.toolbar.svelte-1fr4xae i:where(.svelte-1fr4xae){background:var(--teal);height:100%;display:block}.toolbar.svelte-1fr4xae b:where(.svelte-1fr4xae){background:var(--blue);border-radius:3rem;padding:.45rem .7rem}.play.svelte-1fr4xae{grid-template-columns:minmax(20rem,1.1fr) minmax(18rem,.9fr);gap:1.2rem;display:grid}.road.svelte-1fr4xae{background:var(--ink);color:#fff;border-radius:1.3rem;align-self:start;margin:0;overflow:hidden}.scenario-details.svelte-1fr4xae{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem;font-size:.75rem;display:flex}.scenario-details.svelte-1fr4xae span:where(.svelte-1fr4xae){gap:.25rem;display:grid}.scenario-details.svelte-1fr4xae strong:where(.svelte-1fr4xae){font-size:1.6rem}.road.svelte-1fr4xae img:where(.svelte-1fr4xae){aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.image-note.svelte-1fr4xae{margin:0;padding:.75rem 1rem;font-size:.65rem;line-height:1.5}.question.svelte-1fr4xae{align-content:center;display:grid}.question.svelte-1fr4xae h2:where(.svelte-1fr4xae){margin-bottom:1rem}.choices.svelte-1fr4xae{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.choices.svelte-1fr4xae button:where(.svelte-1fr4xae){border:1px solid var(--line);cursor:pointer;min-height:4.5rem;font:inherit;background:#fff;border-radius:1rem}.choices.svelte-1fr4xae strong:where(.svelte-1fr4xae){font-size:1.4rem}.choices.svelte-1fr4xae button.correct:where(.svelte-1fr4xae){background:var(--mint);border-color:#1f9b67}.choices.svelte-1fr4xae button.wrong:where(.svelte-1fr4xae){border-color:var(--orange);background:#fff0e9}.feedback.svelte-1fr4xae{border-left:4px solid var(--orange);background:#fff0e9;border-radius:0 1rem 1rem 0;margin-top:1rem;padding:1rem}.feedback.success.svelte-1fr4xae{background:var(--mint);border-color:#1f9b67}.feedback.svelte-1fr4xae p:where(.svelte-1fr4xae){font-size:.68rem}.feedback.svelte-1fr4xae button:where(.svelte-1fr4xae){color:var(--teal);cursor:pointer;font:inherit;background:0 0;border:0;font-size:.65rem;font-weight:900}.finish.svelte-1fr4xae{grid-template-columns:12rem minmax(0,1fr)}.score.svelte-1fr4xae{aspect-ratio:1;place-items:center}.finish.svelte-1fr4xae button:where(.svelte-1fr4xae){margin-top:1rem}@media (width<=850px){.intro.svelte-1fr4xae,.play.svelte-1fr4xae{grid-template-columns:1fr}.intro.svelte-1fr4xae{align-items:stretch}.finish.svelte-1fr4xae{grid-template-columns:1fr}.score.svelte-1fr4xae{aspect-ratio:auto}}@media (width<=620px){.toolbar.svelte-1fr4xae{grid-template-columns:1fr auto}.toolbar.svelte-1fr4xae>div:where(.svelte-1fr4xae){grid-area:2/1/auto/-1}.play.svelte-1fr4xae{grid-template-columns:minmax(0,1fr)}.choices.svelte-1fr4xae{grid-template-columns:1fr}}
