.dance-section{padding:45px 5%;background:radial-gradient(ellipse at 5% 0,#a52583a6,transparent 55%),linear-gradient(135deg,#1b1035f2,#261945eb 60%,#113054ef);border-block:1px solid #d8a65f;scroll-margin-top:15px}.dance-section .section-heading{margin-bottom:12px}.dance-intro{max-width:700px;color:#eecbe5;font-size:13px;line-height:1.8}.dance-intro strong{color:#ffdaa1}.dance-topbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:21px 0}.dance-stars-pill{padding:10px 17px;border:1px solid #d8ad6b;background:#54215a8c;border-radius:24px;color:#ffe49c;font-size:12px}.dance-topbar>small{color:#dfbada;font-size:10px}.dance-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 25px}.dance-stage-button{display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:12px;text-align:left;border:1px solid #9e6c87;background:linear-gradient(110deg,#40204a,#211632);border-radius:11px;padding:8px 12px;color:#ffe3f4}.dance-stage-button img{grid-row:1/3;width:60px;height:77px;object-fit:contain;background:#0d091e;border-radius:5px}.dance-stage-button b{align-self:end;font:17px 'Playfair Display',Georgia,serif}.dance-stage-button small{align-self:start;margin-top:6px;font-size:9px;color:#e6bad9}.dance-stage-button[aria-pressed=true]{border-color:#ffe0a0;box-shadow:0 0 0 2px #e355a7,0 0 20px #ee4ab72b}.dance-stage-button:disabled{opacity:.5;cursor:not-allowed}.dance-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:start}.dance-stage-picture{padding:6px;background:#140b26;border:1px solid #e2ae65;border-radius:13px;box-shadow:0 0 30px #e248aa22;max-width:370px;margin:auto}.dance-stage-picture img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain;background:#0d091b;border-radius:7px}.dance-stage-picture figcaption{display:flex;justify-content:space-between;gap:10px;padding:13px 8px;font-size:11px;color:#f5cfeb}.dance-stage-picture figcaption span{color:#ffe1a3;font-size:9px}.dance-game{padding:22px;min-width:0}.dance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;margin-bottom:17px}.dance-metrics small{display:block;font-size:8px;letter-spacing:1px;color:#d9b4d3}.dance-metrics b{display:block;font-size:24px;font-weight:600;margin-top:5px;color:#ffe9f8}.dance-metrics>div:nth-child(2) b{color:#ffb4dd}.dance-board{border:1px solid #94588a;border-radius:12px;overflow:hidden;background:linear-gradient(#170c2d,#341644);position:relative}.dance-track{height:340px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0%,transparent calc(25% - 1px),#d380bc29 calc(25% - 1px),#d380bc29 25%)}.dance-hitline{position:absolute;left:0;right:0;top:calc(100% - 88px);height:2px;background:#ffe298;box-shadow:0 0 12px #ffc974;pointer-events:none}.dance-hitline:after{content:'HIT LINE';position:absolute;font-size:7px;letter-spacing:1.7px;color:#ffe6b5;right:8px;top:9px}.dance-heart{position:absolute;top:0;width:25%;text-align:center;font-size:33px;line-height:28px;text-shadow:0 0 12px currentColor;will-change:transform;pointer-events:none}.dance-heart[hidden]{display:none}.heart-lane-0{left:0;color:#ff72b9}.heart-lane-1{left:25%;color:#cba4ff}.heart-lane-2{left:50%;color:#79dcff}.heart-lane-3{left:75%;color:#ffdc84}.dance-count{position:absolute;inset:32% 0 auto;text-align:center;font:700 65px 'Playfair Display',Georgia,serif;color:#ffdbf1;text-shadow:0 0 25px #f766be;pointer-events:none}.dance-judgement{position:absolute;top:18px;left:0;right:0;text-align:center;font-size:20px;font-weight:700;color:#e6bddb;pointer-events:none}.dance-judgement.perfect{color:#ffe092}.dance-judgement.good{color:#85e6ff}.dance-how{position:absolute;inset:23px 20px auto;padding:25px 15px;text-align:center;color:#f8d9ed;line-height:1.9;background:#1c1034ee;border-radius:8px;pointer-events:none}.dance-how b{display:block;font:24px 'Playfair Display',Georgia,serif;margin-bottom:8px;color:#ffc9e8}.dance-how span{display:block;font-size:11px}.dance-how em{display:block;color:#ffe3aa;font-style:normal;font-size:10px;margin-top:10px}.dance-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;background:#160c28;border-top:1px solid #774771}.dance-pad{border-radius:12px;min-height:66px;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(#63345d,#351737);border:1px solid #c578a5;color:#ffb5de;font-size:28px;box-shadow:inset 0 1px #fcbce14d}.dance-pad small{display:block;font-size:9px;letter-spacing:1px;color:#edd3e4;margin-top:4px}.dance-pad:nth-child(2){color:#d4b1ff}.dance-pad:nth-child(3){color:#83ddff}.dance-pad:nth-child(4){color:#ffe49b}.dance-pad.lit{background:#b74a93;box-shadow:0 0 20px #ee70d9,inset 0 0 16px #ffe3b28a;border-color:#ffe4a5}.dance-game-progress{height:3px;background:#644063;margin:17px 0}.dance-game-progress>div{height:100%;width:0;background:linear-gradient(90deg,#ff64b2,#a3d8ff,#ffe2a1);transition:width .08s linear}.dance-start{margin-top:2px}.dance-status{font-size:11px;line-height:1.8;color:#edcee4;margin:13px 0 0;min-height:35px}.dance-result{margin-top:16px;border:1px solid #ddb36a;border-radius:10px;background:linear-gradient(130deg,#612458,#2a1b49);padding:20px;text-align:center}.dance-result[hidden]{display:none}.dance-result h3{font-size:25px;color:#ffe5f4;margin:6px 0 10px}.dance-earned{color:#ffe3a2;font-size:34px;letter-spacing:6px}.dance-result p{font-size:12px;line-height:1.7;color:#edc8df}.dance-result .dance-unlock{color:#ffe1a1}.dance-footnote{color:#d7b3d3;font-size:9px;line-height:1.8;margin-top:17px}.dance-caption{margin-top:20px;text-align:center;color:#f5c2e3;font:italic 19px 'Playfair Display',Georgia,serif}
@media(max-width:850px){.dance-layout{grid-template-columns:.7fr 1fr;gap:16px}.dance-game{padding:17px}.dance-stage-button{grid-template-columns:45px 1fr;padding:8px;gap:8px}.dance-stage-button img{width:45px;height:64px}.dance-stage-button b{font-size:15px}.dance-stage-button small{font-size:8px}.dance-track{height:310px}}
@media(max-width:650px){.dance-section{padding:32px 5%}.dance-section h2{font-size:30px}.dance-intro{font-size:12px}.dance-topbar{align-items:start;gap:12px}.dance-topbar>small{max-width:150px;text-align:right;line-height:1.7}.dance-stages{gap:8px}.dance-stage-button{display:block;text-align:center;padding:5px}.dance-stage-button img{width:100%;height:108px;display:block;margin-bottom:8px}.dance-stage-button b{font-size:15px}.dance-stage-button small{font-size:8px;display:block;min-height:28px;padding:0 2px}.dance-layout{grid-template-columns:1fr}.dance-stage-picture{max-width:300px}.dance-stage-picture img{max-height:380px}.dance-game{padding:17px}.dance-track{height:340px}.dance-metrics{gap:6px}.dance-metrics b{font-size:22px}.dance-metrics small{font-size:7px}.dance-pads{gap:7px;padding:10px}.dance-pad{min-height:74px}.dance-how{inset:20px 12px auto;padding:25px 12px}.dance-how b{font-size:22px}.dance-caption{font-size:17px}}