html[data-splash=play]{--splash-scene-fade-duration:.9s;--splash-push-in-duration:3.2s;--splash-ignite-at:.35s;--splash-ignite-stagger:.22s;--splash-flicker-duration:.18s;--splash-halo-at:.9s;--splash-halo-duration:1.2s;--splash-horizon-at:1.05s;--splash-horizon-duration:.7s;--splash-letters-at:1.1s;--splash-letter-stagger:28ms;--splash-tagline-at:1.45s;--splash-shine-at:1.5s;--splash-shine-duration:.8s;--splash-truck-at:1.6s;--splash-truck-duration:2.6s;--splash-exit-at:2.6s;--splash-streak-ease:cubic-bezier(.5, 0, .75, 0);--splash-tint-opacity:.85}.brand-splash{pointer-events:none;display:none}html[data-splash=play] .brand-splash{z-index:9999;isolation:isolate;background:var(--bg-app);animation:splash-exit var(--duration-slower) var(--ease-in) var(--splash-exit-at) forwards;display:block;position:fixed;inset:0;overflow:hidden;container-type:inline-size}html[data-splash=play] .brand-splash+*{animation:splash-page-enter var(--duration-slower) var(--ease-out) var(--splash-exit-at) both}.splash-scene{filter:grayscale()contrast(1.15)brightness(.85);opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}html[data-splash=play] .splash-scene{animation:splash-fade-in var(--splash-scene-fade-duration) var(--ease-out) forwards, splash-push-in var(--splash-push-in-duration) linear both}html[data-splash=play] .depot-headlights{animation:splash-headlight-ignite var(--splash-flicker-duration) linear both}.depot-truck{transform-box:view-box}html[data-splash=play] .depot-truck{animation:splash-truck-advance var(--splash-truck-duration) var(--ease-in-out) var(--splash-truck-at) both}.splash-tint{background:linear-gradient(160deg, var(--color-primary), var(--color-secondary));mix-blend-mode:color;opacity:var(--splash-tint-opacity);position:absolute;inset:0}.splash-vignette{background:radial-gradient(ellipse 60% 55% at 50% 50%, transparent 30%, var(--bg-app) 100%), linear-gradient(to top, var(--bg-app) 0%, transparent 35%);position:absolute;inset:0}.splash-halo{aspect-ratio:2.4;background:radial-gradient(closest-side, var(--color-primary), transparent);opacity:0;border-radius:50%;width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-splash=play] .splash-halo{animation:splash-halo var(--splash-halo-duration) var(--ease-out) var(--splash-halo-at) forwards}.splash-streak{background:linear-gradient(90deg, var(--glow-highlight) 0%, var(--color-primary) 12%, transparent 100%);height:.16cqw;min-height:1px;filter:drop-shadow(0 0 .5cqw var(--color-primary));opacity:0;border-radius:999px;position:absolute;left:0;transform:translate(110cqw)}html[data-splash=play] .splash-streak{animation:splash-streak var(--duration-slower) var(--splash-streak-ease) both}.splash-horizon{background:linear-gradient(90deg, transparent, var(--color-primary) 30%, var(--glow-highlight) 50%, var(--color-primary) 70%, transparent);width:40%;height:.15cqw;min-height:1px;filter:drop-shadow(0 0 .8cqw var(--color-primary));opacity:0;position:absolute;top:61%;left:30%;transform:scaleX(0)}html[data-splash=play] .splash-horizon{animation:splash-horizon var(--splash-horizon-duration) var(--ease-out) var(--splash-horizon-at) forwards}.splash-brand{text-align:center;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.splash-word{letter-spacing:-.035em;color:var(--text-primary);text-shadow:0 0 3cqw var(--overlay-scrim);font-size:clamp(2.25rem,6.4cqw,6rem);font-weight:600;line-height:1;display:inline-block;position:relative}.splash-letter{white-space:pre;display:inline-block}.splash-word-nova{color:var(--text-secondary);font-weight:400}html[data-splash=play] .splash-letter{opacity:0;animation:splash-letter-in var(--duration-slower) var(--ease-out) both}.splash-shine{white-space:nowrap;text-shadow:none;background:linear-gradient(105deg, transparent 35%, var(--glow-highlight) 50%, transparent 65%);color:#0000;opacity:0;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.splash-shine-nova{font-weight:400}html[data-splash=play] .splash-shine{animation:splash-shine var(--splash-shine-duration) var(--ease-in-out) var(--splash-shine-at) forwards}.splash-tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--text-secondary);opacity:0;margin-top:3.2cqw;font-size:clamp(.6875rem,1.15cqw,1rem)}html[data-splash=play] .splash-tagline{animation:splash-fade-in var(--duration-slower) var(--ease-out) var(--splash-tagline-at) forwards}@media (prefers-reduced-motion:reduce){html[data-splash=play]{--splash-letters-at:0s;--splash-letter-stagger:0s;--splash-exit-at:.35s}html[data-splash=play] .splash-scene{animation:splash-fade-in var(--duration-base) linear forwards}html[data-splash=play] .depot-headlights,html[data-splash=play] .depot-truck{animation:none}html[data-splash=play] .splash-streak,html[data-splash=play] .splash-horizon,html[data-splash=play] .splash-shine{display:none}html[data-splash=play] .splash-letter,html[data-splash=play] .splash-tagline{animation:splash-fade-in var(--duration-base) linear both}html[data-splash=play] .splash-halo{animation:splash-halo-still var(--duration-base) linear forwards}html[data-splash=play] .brand-splash+*{animation:splash-fade-in var(--duration-slower) var(--ease-out) var(--splash-exit-at) both}}@keyframes splash-exit{to{opacity:0;visibility:hidden}}@keyframes splash-page-enter{0%{opacity:0;filter:blur(4px);transform:scale(1.015)}to{opacity:1;filter:none;transform:none}}@keyframes splash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes splash-push-in{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes splash-headlight-ignite{0%{opacity:0}25%{opacity:.6}40%{opacity:.15}65%{opacity:.85}78%{opacity:.4}to{opacity:1}}@keyframes splash-truck-advance{0%{transform:none}to{transform:translateY(46px)scale(1.32)}}@keyframes splash-streak{0%{opacity:0;transform:translate(110cqw)}15%{opacity:1}to{opacity:1;transform:translate(-60cqw)}}@keyframes splash-halo{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:.35;transform:translate(-50%,-50%)scale(1)}}@keyframes splash-halo-still{0%{opacity:0}to{opacity:.35}}@keyframes splash-horizon{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}to{opacity:.8;transform:scaleX(1)}}@keyframes splash-letter-in{0%{opacity:0;filter:blur(10px);transform:translateY(.25em)}to{opacity:1;filter:none;transform:none}}@keyframes splash-shine{0%{opacity:.85;background-position:100% 0}to{opacity:.85;background-position:0 0}}
