.crash-page{gap:1.25rem;padding-bottom:3rem;display:grid}.crash-intro{max-width:60ch;color:var(--color-ink-700);line-height:1.6}.crash-notice{border-radius:var(--radius-surface);background:#fff4e6;padding:.75rem 1rem}.crash-presets{gap:.5rem;padding:0;list-style:none;display:grid}.crash-presets a{min-height:44px;color:var(--color-link);overflow-wrap:anywhere;align-items:center;display:flex}.crash-arena{gap:1.25rem;display:grid;position:relative}.speed-slider{gap:.25rem;padding-bottom:1.25rem;display:grid;position:relative}.speed-slider input[type=range]{width:100%;min-height:44px;accent-color:var(--color-link)}.speed-landmarks{height:1rem;color:var(--color-ink-500);font-size:.75rem;position:absolute;inset:auto 0 0}.speed-landmarks span{position:absolute;translate:-50%}.speed-landmarks span:last-child{translate:-100%}.crash-result{gap:.75rem;display:grid}.utility-shell .crash-result h2{font-size:var(--text-lg);line-height:1.2}.vs-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.vs-col{border-radius:var(--radius-surface);background:var(--color-ink-100);transition:background-color var(--dur-base) var(--ease);padding:.75rem;position:relative}.vs-col.is-winner{outline:2px solid var(--color-link);background:#e7f1fb}.vs-badge{background:var(--color-link);color:#fff;font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:.375rem;padding:.125rem .5rem;font-weight:700;display:inline-block}.vs-name{overflow-wrap:anywhere;font-weight:700}.vs-col dt{font-size:var(--text-micro);color:var(--color-ink-500);text-transform:uppercase;letter-spacing:.04em}.vs-col dd{margin:0 0 .375rem;font-weight:600}.vs-mid{color:var(--color-ink-500);padding-top:1.5rem;font-weight:800}.is-muted{color:var(--color-ink-700);font-weight:400}.crash-why{font-size:var(--text-2xs);color:var(--color-ink-700)}.crash-caveat{font-size:var(--text-3xs);color:var(--color-ink-500)}@media (prefers-reduced-motion:reduce){.vs-col{transition:none}}.crash-arena{width:100%;max-width:44rem}.crash-replay{justify-self:start;min-height:44px}.crash-frames{gap:.5rem;display:grid}.crash-frame-label{color:var(--color-ink-500);text-transform:uppercase;font-size:.75rem;font-weight:700}.crash-stage{background:linear-gradient(#f4f8ff 0 64%,#e7ecf3 64% 100%);border-radius:12px;height:clamp(140px,40vw,230px);position:relative;overflow:hidden;container-type:inline-size}.crash-lane{border-top:3px dashed #c3cad4;position:absolute;inset:80% 0 auto}.crash-car{transform-origin:50% 100%;position:absolute;bottom:14%}.crash-car img{transform-origin:50% 100%;width:100%;height:auto;display:block}.crash-car-a{width:calc(var(--w-a) * 1%);left:2%}.crash-car-b{width:calc(var(--w-b) * 1%);right:2%}.crash-mirror{transform:scaleX(-1)}.crash-burst{opacity:0;width:min(22cqw,96px);position:absolute;top:20%;left:50%;translate:-50%}.crash-tag{color:#18324a;overflow-wrap:anywhere;max-width:45%;font-size:.8rem;font-weight:700;position:absolute;top:6%}.crash-tag-a{left:3%}.crash-tag-b{text-align:right;right:3%}.is-play .crash-car-a{animation:4.6s cubic-bezier(.2,.7,.4,1) both crash-a}.is-play .crash-car-b{animation:4.6s cubic-bezier(.2,.7,.4,1) both crash-b}.is-play .crash-car-a img{animation:4.6s ease-out both crash-squash-a}.is-play .crash-mirror img{animation:4.6s ease-out both crash-squash-b}.is-play .crash-burst{animation:4.6s ease-out both crash-pop}@keyframes crash-a{0%{transform:translate(0)}32%{transform:translateX(calc((var(--travel-a) - 6) * 1cqw))}44%{transform:translateX(calc(var(--travel-a) * 1cqw))}78%,to{transform:translateX(calc((var(--travel-a) + var(--settle)) * 1cqw))}}@keyframes crash-b{0%{transform:translate(0)}32%{transform:translateX(calc((var(--travel-b) - 6) * -1cqw))}44%{transform:translateX(calc(var(--travel-b) * -1cqw))}78%,to{transform:translateX(calc((var(--settle) - var(--travel-b)) * 1cqw))}}@keyframes crash-pop{0%,43%{opacity:0;transform:scale(.3)rotate(0)}45%{opacity:1;transform:scale(1.15)rotate(12deg)}52%{opacity:1;transform:scale(1)rotate(8deg)}60%,to{opacity:0;transform:scale(1.25)rotate(20deg)}}@keyframes crash-squash-a{0%,43%{rotate:none;scale:1}45%{scale:calc(1 - .16 * var(--k-a)) calc(1 + .1 * var(--k-a))}50%{scale:calc(1 + .05 * var(--k-a)) calc(1 - .04 * var(--k-a))}56%{scale:1}80%{rotate:none}84%{rotate:calc(-4deg * var(--k-a))}88%{rotate:calc(2.5deg * var(--k-a))}92%{rotate:calc(-1deg * var(--k-a))}96%,to{rotate:none}}@keyframes crash-squash-b{0%,43%{rotate:none;scale:1}45%{scale:calc(1 - .16 * var(--k-b)) calc(1 + .1 * var(--k-b))}50%{scale:calc(1 + .05 * var(--k-b)) calc(1 - .04 * var(--k-b))}56%{scale:1}80%{rotate:none}84%{rotate:calc(4deg * var(--k-b))}88%{rotate:calc(-2.5deg * var(--k-b))}92%{rotate:calc(1deg * var(--k-b))}96%,to{rotate:none}}@media (prefers-reduced-motion:no-preference){.crash-before{display:none}}@media (prefers-reduced-motion:reduce){.crash-stage,.crash-stage *{animation:none!important}.is-play .crash-car-a{transform:translateX(calc((var(--travel-a) + var(--settle)) * 1cqw))}.is-play .crash-car-b{transform:translateX(calc((var(--settle) - var(--travel-b)) * 1cqw))}}