.dance-boombox{z-index:100;color:#e8e9e5;isolation:isolate;pointer-events:auto;background:linear-gradient(105deg,#0000 0 48%,#ffffff09 49% 50%,#0000 51%) 0 0/9px 100%,linear-gradient(145deg,#555960,#25282d 48%,#41444a);border:3px solid #090a0d;border-radius:.35rem;width:clamp(310px,27vw,410px);padding:.8rem;position:absolute;top:clamp(6.7rem,14vh,9rem);right:clamp(2rem,5vw,5rem);transform:rotate(10deg)scale(.8);box-shadow:0 26px 60px #000b,inset 0 2px #ffffff35,inset 0 -3px #08090b}.dance-boombox button,.dance-boombox input{z-index:2;pointer-events:auto;touch-action:manipulation;position:relative}.dance-boombox__handle{border:9px solid #383b40;border-bottom:0;border-radius:9px 9px 0 0;height:23px;position:absolute;bottom:calc(100% - 2px);left:25%;right:25%}.dance-boombox__antenna{transform-origin:100%;background:linear-gradient(90deg,#55585d,#d3d4d1);border-radius:3px;width:43%;height:3px;position:absolute;bottom:calc(100% + 5px);right:1rem;transform:rotate(-13deg);box-shadow:0 1px #111}.dance-boombox__top{letter-spacing:.08em;grid-template-columns:auto 42px 1fr auto;align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:.48rem;display:grid}.dance-boombox__top span{color:#ff3bbd;background:#15151a;padding:.25rem .35rem;font-weight:900}.dance-boombox__top b{white-space:nowrap;color:#c4c7c8;font-weight:700;overflow:hidden}.dance-boombox__top em{color:#59efff;font-style:normal;font-weight:900}.dance-boombox__tuner{background:#15151a;gap:2px;height:8px;padding:2px;display:flex}.dance-boombox__tuner i{background:#59efff;flex:1}.dance-boombox__body{grid-template-columns:76px 1fr 76px;align-items:center;gap:.65rem;display:grid}.dance-boombox__speaker{aspect-ratio:1;background:repeating-radial-gradient(circle,#0b0c0f 0 2px,#292c31 3px 5px);border:5px solid #090a0c;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 3px #62666b,inset 0 0 0 4px #1a1c20}.dance-boombox__speaker i{aspect-ratio:1;background:#09090b;border-radius:50%;width:31%;box-shadow:0 0 0 4px #202025}.dance-boombox.is-playing .dance-boombox__speaker i{animation:.45s ease-in-out infinite alternate boombox-pulse}.dance-boombox__center{text-align:center;min-width:0}.dance-boombox__wave{background:#172326;border:2px solid #19191d;align-items:center;gap:2px;height:31px;margin-bottom:.65rem;padding:4px 7px;display:flex;overflow:hidden;box-shadow:inset 0 0 12px #000}.dance-boombox__wave span{opacity:.35;background:linear-gradient(#ff3bbd 0 24%,#ffdb45 25% 50%,#59efff 51%);flex:1;height:100%;transition:transform 80ms linear,opacity 80ms linear;transform:scaleY(.12)}.dance-boombox__center strong{color:#d9dcda;letter-spacing:.08em;margin-bottom:.3rem;font-size:.42rem;display:block}.dance-boombox__cassette{color:#fff;cursor:pointer;background:linear-gradient(#453d48aa,#17171bd9),#ff3bbd;border:5px solid #202024;border-radius:.2rem;justify-content:space-around;align-items:center;width:100%;height:57px;padding:.4rem;display:flex;box-shadow:inset 0 0 0 2px #9b969b}.dance-boombox__cassette b{letter-spacing:.08em;font-size:.4rem;line-height:1.2}.dance-boombox__reel{aspect-ratio:1;border:4px dotted #eee;border-radius:50%;place-items:center;width:32px;display:grid}.dance-boombox__reel i{aspect-ratio:1;background:#151519;border-radius:50%;width:8px}.dance-boombox__reel.is-spinning{animation:1.2s linear infinite boombox-reel}.dance-boombox__transport{justify-content:center;gap:3px;margin-top:.3rem;display:flex}.dance-boombox__transport button{color:#fff;cursor:pointer;background:#292a2e;border:1px solid #222;border-radius:0 0 .18rem .18rem;flex:1;height:22px;padding:0;font-size:.46rem;box-shadow:inset 0 1px #fff3}.dance-boombox__transport .dance-boombox__play{color:#111;background:#ff3bbd}.dance-boombox__center input{accent-color:#ff3bbd;width:100%;height:8px;margin-top:.25rem;display:block}.dance-boombox>small{text-align:center;letter-spacing:.16em;opacity:.6;margin-top:.55rem;font-size:.44rem;font-weight:900;display:block}@keyframes boombox-pulse{to{transform:scale(1.14)}}@keyframes boombox-reel{to{transform:rotate(360deg)}}@media (max-width:900px){.dance-boombox{display:none}}@media (prefers-reduced-motion:reduce){.dance-boombox,.dance-boombox__speaker i{transform:none;animation:none!important}}
.dance-world{position:relative;overflow-x:clip}.dance-hero__art{z-index:2;aspect-ratio:1;filter:drop-shadow(0 35px 60px #0008);width:min(62vw,900px);position:absolute;bottom:0;left:-5vw;transform:rotate(-5deg)}.dance-hero__art img{object-fit:contain}.dance-hero__art--portrait{aspect-ratio:auto;width:min(66vw,1020px);height:100vh;bottom:0;left:-5vw;transform:none}.dance-hero__art--portrait img{object-position:center bottom}.dance-world>section:not(.dance-hero){z-index:4;position:relative}@media (hover:hover) and (pointer:fine){.dance-world a,.dance-world button,.dance-world input[type=range]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23111114' stroke='%23e6ff49' stroke-width='2'/%3E%3Cpath d='M20 7v15.2a4.5 4.5 0 1 1-2-3.74V10.2l9-2v10a4.5 4.5 0 1 1-2-3.74V7.1L20 8.2Z' fill='%23ff3bbd'/%3E%3C/svg%3E") 17 17,pointer}}@media (max-width:760px){.dance-hero__stamp{text-align:right;left:auto;right:1rem}.dance-world .dance-hero__art--portrait{width:500px;max-width:none;height:100vh;margin-left:-250px;bottom:0;left:50%;transform:none}}