.race{display:flex;flex-direction:column;gap:var(--space-6);max-width:var(--container-narrow);margin:0 auto}.race__track{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-lg);overflow:hidden}.race__lane{container-type:inline-size;position:relative;height:var(--race-runner, 40px);border-bottom:2px dashed var(--border-subtle)}.race__lane--rival{border-bottom-color:transparent}.race__runner{--pos: 0;--race-runner: 40px;position:absolute;top:0;left:0;width:var(--race-runner);height:var(--race-runner);border-radius:var(--radius-pill);transform:translate(calc(var(--pos) * (100cqw - var(--race-runner))));transition:transform var(--dur-slow) var(--ease-out)}.race__runner--you{background:var(--action-primary);box-shadow:var(--shadow-ledge)}.race__runner--rival{background:var(--teal-300);border:var(--border-w) solid var(--teal-600)}.race__finish{position:absolute;top:var(--space-4);bottom:var(--space-4);right:var(--space-4);width:4px;background:repeating-linear-gradient(to bottom,var(--text-strong) 0 8px,var(--white) 8px 16px)}.race__status{margin:0;text-align:center;font-size:var(--text-label);color:var(--text-muted)}[data-mode=projector] .race__runner{--race-runner: 72px}[data-mode=projector] .race__lane{height:72px}@media print{.race{display:none}}.site-adopted{width:100%;aspect-ratio:4 / 3;max-height:70vh;margin-block:var(--space-6, 1.5rem);border:var(--border-w, 2px) solid var(--gray-400);border-radius:var(--radius-lg);background:var(--white);overflow:hidden;touch-action:none}.site-adopted canvas,.site-adopted svg{display:block;width:100%;height:100%}.site-fineprint{margin-block-start:var(--space-4, 1rem);font-size:var(--text-label);color:var(--text-muted)}.site-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}@media print{.site-adopted{display:none}}