.scrub-hud{position:absolute;inset-inline:0;bottom:0;padding:0 clamp(1.25rem,4vw,3rem) 1.75rem;display:flex;flex-direction:column;gap:.9rem;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:5}.scrub-hud__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.scrub-hud__label{font-family:var(--font-display),sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--color-mist-300);padding:.35rem .8rem;border:1px solid color-mix(in srgb,var(--color-mist-500) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-night-950) 72%,transparent);backdrop-filter:blur(8px)}.scrub-hud__bottom{display:flex;flex-direction:column;gap:.65rem;align-items:center}.scrub-hud__caption{font-family:var(--font-display),sans-serif;font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:600;color:var(--color-mist-100);padding:.4rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--color-night-950) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-brand-500) 25%,transparent);backdrop-filter:blur(8px);min-height:2.2rem;display:inline-flex;align-items:center}.scrub-hud__track{position:relative;width:min(720px,86vw);height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-mist-500) 28%,transparent);overflow:visible}.scrub-hud__fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--color-brand-500),var(--color-violet-500));transition:width .12s linear}.scrub-hud__tick{position:absolute;top:50%;width:1px;height:10px;transform:translateY(-50%);background:color-mix(in srgb,var(--color-mist-500) 45%,transparent)}.scrub-hud__head{position:absolute;top:50%;left:0;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--color-night-950);border:3px solid var(--color-brand-500);box-shadow:0 2px 10px color-mix(in srgb,var(--color-brand-500) 45%,transparent);transition:left .12s linear}.drift-wall{position:relative;width:100%;height:100%;overflow:hidden;perspective:var(--dw-perspective,1200px);perspective-origin:50% 50%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge,40%),transparent 100%),linear-gradient(to top,#000 var(--dw-edge,40%),transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 78% 82% at 50% 46%,#000 var(--dw-edge,40%),transparent 100%),linear-gradient(to top,#000 var(--dw-edge,40%),transparent 100%);mask-composite:intersect}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.drift-wall__col{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d}.drift-wall__name{position:absolute;inset:calc(var(--dw-gap) / 2);display:flex;align-items:center;justify-content:center;border-radius:var(--dw-radius);border:1px solid color-mix(in srgb,var(--color-brand-500) 32%,transparent);background:color-mix(in srgb,var(--color-night-800) 68%,transparent);font-family:var(--font-display),sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dw-name-color,var(--color-mist-300));opacity:var(--dw-dim,.5);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),border-color .42s,box-shadow .42s}.drift-wall__tile.is-active .drift-wall__name{opacity:1;transform:translateZ(var(--dw-lift,64px));border-color:color-mix(in srgb,var(--color-brand-400) 60%,transparent);box-shadow:0 24px 60px -18px rgba(0,0,0,.7);color:var(--color-mist-100)}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}