.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:#566469;border:.7rem solid #9dc681;border-radius:1.3rem;min-height:31rem;position:relative;overflow:hidden}.road.svelte-1fr4xae:after{content:"";border-left:3px dashed #fff9;position:absolute;top:0;bottom:0;left:50%}.wet.svelte-1fr4xae .road:where(.svelte-1fr4xae){background:#4e5b60;border-color:#779a75}.road.svelte-1fr4xae>span:where(.svelte-1fr4xae){z-index:2;aspect-ratio:1;background:#fff;border:.45rem solid #db3e35;border-radius:50%;align-content:center;place-items:center;width:6rem;font-size:2rem;font-weight:950;display:grid;position:absolute;top:1rem;left:1rem}.road.svelte-1fr4xae small:where(.svelte-1fr4xae){font-size:.55rem}.car.svelte-1fr4xae{z-index:2;font-size:4rem;position:absolute;bottom:4rem;left:calc(50% + 2rem);transform:rotate(-90deg)}.markers.svelte-1fr4xae{gap:1rem;display:flex;position:absolute;bottom:1rem;left:2rem;right:2rem}.markers.svelte-1fr4xae i:where(.svelte-1fr4xae){background:#f4d25a;width:100%;height:.4rem}.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}.road.svelte-1fr4xae{min-height:24rem}.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)}.road.svelte-1fr4xae{min-height:20rem}.choices.svelte-1fr4xae{grid-template-columns:1fr}}