.dance-open{overflow:hidden}.dance-intro{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 25% 45%,#603f6c55,transparent 55%),radial-gradient(ellipse at 75% 45%,#4a805e55,transparent 55%),#111a1c;padding:24px;color:#f4e7c9}.dance-intro[hidden]{display:none}.dance-intro h2{position:relative;z-index:2;text-align:center;font:clamp(35px,5.8vw,72px)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:0}.dance-intro h2 span{display:block;color:#ffbd59}.dance-intro>.eyebrow{position:relative;z-index:2;font-size:9px;letter-spacing:.2em;margin:0 0 12px}.dance-stage{--size:min(58svh,94vw,650px);position:relative;width:var(--size);height:var(--size);flex:none;margin:8px 0 0}.dance-figure{position:absolute;inset:0;background:url('level6-dance-slim.png?v=1') 0 0/200% 200% no-repeat;filter:drop-shadow(0 12px 12px #0006);transform-origin:50% 90%;z-index:2}.dance-intro[data-frame="1"] .dance-figure{background-position:100% 0}.dance-intro[data-frame="2"] .dance-figure{background-position:0 100%}.dance-intro[data-frame="3"] .dance-figure{background-position:100% 100%}.dance-floor{position:absolute;left:-35%;right:-35%;height:35%;bottom:-11%;background:linear-gradient(90deg,#ffbd5922 1px,transparent 1px) 0 0/40px 40px,linear-gradient(#c9ddaa22 1px,transparent 1px) 0 0/40px 40px;transform:perspective(180px) rotateX(55deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);z-index:0}.dance-beam{position:absolute;top:-40%;width:36%;height:150%;background:linear-gradient(#d4b1ff00,#d4b1ff12,transparent);transform-origin:50% 0;filter:blur(10px);pointer-events:none}.dance-beam.left{left:10%;rotate:-20deg}.dance-beam.right{right:10%;rotate:20deg;background:linear-gradient(#b4ffb100,#b4ffb112,transparent)}.dance-intro[data-phase=dance] .dance-figure{animation:dance-groove .88235s ease-in-out infinite}.dance-intro[data-phase=dance] .dance-beam.left{animation:dance-light 3.5294s ease-in-out infinite alternate}.dance-intro[data-phase=dance] .dance-beam.right{animation:dance-light 3.5294s ease-in-out infinite alternate-reverse}.dance-caption{position:relative;z-index:2;font-size:12px;color:#c2cbb5;text-align:center;min-height:20px;margin:15px 0 10px}.dance-play{position:relative;z-index:2;width:260px;max-width:90%;min-height:48px;border:0;border-radius:7px;background:#ffbd59;color:#17241b;font-weight:800}.dance-play[hidden]{display:none}.dance-skip,.dance-sound{position:absolute;top:16px;border:1px solid #738361;background:#18271df0;border-radius:24px;padding:9px 14px;font-size:11px;z-index:5}.dance-skip{right:18px}.dance-sound{left:18px}.dance-replay{display:block;width:100%;padding:12px;background:transparent;border:1px solid #687c55;border-radius:8px;margin:0 0 14px;font-size:11px}@keyframes dance-groove{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-3px) rotate(0)}50%{transform:translateY(1px) rotate(1deg)}75%{transform:translateY(-3px) rotate(0)}}@keyframes dance-light{from{rotate:-30deg;opacity:.4}to{rotate:30deg;opacity:.9}}@media(max-width:540px){.dance-intro{padding:20px 8px}.dance-intro h2{font-size:38px}.dance-intro>.eyebrow{font-size:8px;margin-top:30px}.dance-stage{margin-top:16px}.dance-caption{font-size:11px}.dance-sound,.dance-skip{top:10px;font-size:10px;padding:8px 12px}}.dance-reduced *{animation:none!important}@media(prefers-reduced-motion:reduce){.dance-intro *{animation:none!important}}

/* Exclude shoe pixels from the neighbouring row of animation frames. */
.dance-intro[data-frame="2"] .dance-figure,.dance-intro[data-frame="3"] .dance-figure{clip-path:inset(3% 3% 0 3%)}

.dance-figure{clip-path:inset(0 3% 0 3%)}