:root{--cream:#f1dfca;--cream-strong:#fff4e5;--ink:#110f0d;--panel:rgba(13,12,11,0.76);--line:rgba(255,236,211,0.24);--line-strong:rgba(255,231,203,0.62);--glow:rgba(248,184,125,0.58)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#070606;color:var(--cream-strong);font-family:Avenir Next,Helvetica Neue,sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.danceoff-page{min-height:100svh;background:#070606}.danceoff-canvas{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.danceoff-hero{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01)}.danceoff-vignette{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 51% 43%,transparent 0 22%,rgba(6,5,4,.12) 48%,rgba(6,5,4,.62) 82%),linear-gradient(90deg,rgba(2,2,2,.68),transparent 30%,transparent 65%,rgba(2,2,2,.72));pointer-events:none}.danceoff-logo{position:fixed;top:max(0px,env(safe-area-inset-top));left:max(16px,calc(env(safe-area-inset-left) + 14px));z-index:20;width:clamp(78px,20vw,96px);height:clamp(54px,14vw,66px);overflow:hidden;pointer-events:none;border-radius:18px}.danceoff-logo img{display:block;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 10px 28px rgba(0,0,0,.42));transform:scale(1.9);transform-origin:center}.account-control{position:fixed;top:max(18px,env(safe-area-inset-top));right:16px;z-index:40}.account-control__button,.danceoff-action button,.danceoff-checkout button,.danceoff-inline-actions button{border:1px solid var(--line);color:var(--cream-strong);background:rgba(17,14,12,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 24px rgba(0,0,0,.24),inset 0 0 18px rgba(255,231,203,.03)}.account-control__button{min-width:84px;min-height:40px;border-radius:999px;padding:0 16px}.danceoff-back{position:fixed;top:auto;bottom:calc(116px + env(safe-area-inset-bottom) + clamp(146px, 41.9vw, 203px));left:max(18px,calc(env(safe-area-inset-left) + 18px));z-index:24;width:42px;height:42px;border:1px solid rgba(255,236,211,.26);border-radius:999px;padding:0;color:var(--cream-strong);background:rgba(10,9,8,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.danceoff-back:before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-left:2px solid;border-bottom:2px solid;transform:translate(-35%,-50%) rotate(45deg)}.account-control__panel{position:absolute;top:52px;right:0;width:min(320px,calc(100vw - 32px));padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(12,10,9,.88);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 24px 90px rgba(0,0,0,.44)}.account-control__panel span,.danceoff-checkout__header span,.danceoff-inline-sheet span,.danceoff-old-dances span{display:block;color:rgba(255,244,229,.68);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.account-control__panel strong{display:block;margin-top:6px;font-size:1.1rem}.account-control__panel p{margin:8px 0 14px;color:rgba(255,244,229,.72);line-height:1.45}.account-control__panel button{width:100%;min-height:42px;margin-top:8px;border-radius:999px}.account-control__panel form{display:grid;grid-gap:10px;gap:10px}.account-control__panel label{display:grid;grid-gap:6px;gap:6px;color:rgba(255,244,229,.78);font-size:.85rem}.account-control__panel input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--cream-strong);background:rgba(255,255,255,.08);outline:none}.account-control__panel [role=alert]{margin:0;color:#ffc0a8}.danceoff-sidebar{display:none}.danceoff-gender{position:fixed;left:50%;bottom:calc(122px + env(safe-area-inset-bottom));z-index:18;display:flex;width:min(320px,calc(100vw - 32px));padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(20,18,16,.54);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translateX(-50%);transition:opacity .22s ease,transform .22s ease}.is-dance-step .danceoff-gender{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.danceoff-gender button{flex:1 1;min-height:48px;border:0;border-radius:999px;color:rgba(255,244,229,.72);background:transparent}.danceoff-gender button.is-active{color:#201710;background:var(--cream)}.danceoff-dances{position:fixed;left:0;right:0;bottom:calc(98px + env(safe-area-inset-bottom));z-index:16;display:flex;gap:12px;overflow-x:auto;padding:0 18px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .22s ease,transform .22s ease}.danceoff-dances::-webkit-scrollbar{display:none}.danceoff-dances.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.danceoff-dances button{position:relative;flex:0 0 clamp(108px,31vw,150px);aspect-ratio:.74;overflow:hidden;scroll-snap-align:center;border:1px solid var(--line);border-radius:24px;padding:0;color:var(--cream-strong);background:rgba(15,13,12,.42);box-shadow:0 16px 34px rgba(0,0,0,.3)}.danceoff-dances button.is-selected{border-color:var(--line-strong);box-shadow:0 0 0 1px rgba(255,236,211,.32),0 0 28px var(--glow)}.danceoff-dances video{width:100%;height:100%;object-fit:cover}.danceoff-dances span{position:absolute;left:10px;right:10px;bottom:10px;border-radius:999px;padding:6px 8px;font-size:.72rem;color:#241910;background:rgba(255,239,219,.9)}.danceoff-dance-heading{display:none}.danceoff-action{position:fixed;left:18px;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:22;display:grid;grid-gap:8px;gap:8px;place-items:center}.danceoff-action button{width:min(390px,100%);min-height:58px;border-radius:999px;font-size:1.05rem;background:rgba(244,219,192,.88);color:#201710}.danceoff-action small{color:rgba(255,244,229,.74)}.danceoff-checkout,.danceoff-inline-sheet,.danceoff-old-dances{border:1px solid var(--line);background:rgba(13,11,10,.86);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 24px 90px rgba(0,0,0,.46)}.danceoff-inline-sheet{position:fixed;left:18px;right:18px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:30;padding:20px;border-radius:28px}.danceoff-checkout h2,.danceoff-inline-sheet h2,.danceoff-old-dances h2{margin:8px 0;font-size:clamp(1.6rem,7vw,2.8rem);letter-spacing:-.05em}.danceoff-checkout p,.danceoff-inline-sheet p{color:rgba(255,244,229,.74);line-height:1.45}.danceoff-afterpay-actions,.danceoff-inline-actions{display:grid;grid-gap:10px;gap:10px}.danceoff-afterpay-actions button,.danceoff-inline-actions button{min-height:50px;border-radius:999px}.danceoff-old-dances{position:fixed;inset:auto 18px calc(106px + env(safe-area-inset-bottom));z-index:30;max-height:46svh;overflow:hidden;padding:20px;border-radius:28px}.danceoff-old-dances__rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.danceoff-old-dances article{flex:0 0 132px}.danceoff-old-dances video{width:100%;aspect-ratio:.74;object-fit:cover;border-radius:20px}.danceoff-old-dances strong{display:block;margin-top:8px}.danceoff-checkout-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;padding:18px;background:rgba(0,0,0,.48)}.danceoff-checkout{position:relative;width:min(520px,100%);max-height:calc(100svh - 36px);overflow-y:auto;border-radius:32px;padding:22px}.danceoff-checkout__close{position:absolute;top:14px;right:14px;min-height:36px;border-radius:999px;padding:0 12px}.danceoff-checkout__header{padding-right:68px}.danceoff-checkout__packs{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.danceoff-checkout__packs button{display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;min-height:86px;border-radius:22px;padding:14px;text-align:left}.danceoff-checkout__packs button.is-selected{border-color:var(--line-strong);box-shadow:0 0 26px rgba(248,184,125,.24)}.danceoff-checkout__packs em,.danceoff-checkout__packs span{color:rgba(255,244,229,.68);font-style:normal}.danceoff-checkout__packs b{grid-row:1/span 3;grid-column:2;align-self:center}.danceoff-checkout__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.danceoff-checkout__footer div{display:grid}.danceoff-checkout__footer span{color:rgba(255,244,229,.62)}.danceoff-checkout-prime,.danceoff-checkout__footer button{min-height:50px;border-radius:999px;padding:0 22px;color:#201710;background:var(--cream)}.danceoff-checkout-error,.danceoff-checkout-status{border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.08)}.wallet-embedded-checkout-shell{position:relative;min-height:520px;margin-top:16px}.wallet-embedded-checkout-loader{position:absolute;inset:0;z-index:2;display:grid;place-content:center;grid-gap:8px;gap:8px;border-radius:24px;background:rgba(10,9,8,.88);text-align:center}.wallet-embedded-checkout-loader.is-hidden{opacity:0;pointer-events:none}.wallet-embedded-checkout-loader-bars{display:flex;justify-content:center;gap:5px}.wallet-embedded-checkout-loader-bars i{width:24px;height:4px;border-radius:999px;background:var(--cream);animation:pulse .9s ease-in-out infinite alternate}.wallet-embedded-checkout-loader-bars i:nth-child(2){animation-delay:.12s}.wallet-embedded-checkout-loader-bars i:nth-child(3){animation-delay:.24s}.wallet-embedded-checkout-error{display:grid;grid-gap:6px;gap:6px;border:1px solid rgba(255,145,118,.4);border-radius:18px;padding:16px;color:#ffc2ad;background:rgba(68,20,12,.34)}.success-page{display:grid;min-height:100svh;place-content:center;grid-gap:20px;gap:20px;padding:24px;text-align:center}.success-page img{width:78px;justify-self:center}@keyframes pulse{0%{opacity:.4;transform:scaleX(.72)}to{opacity:1;transform:scaleX(1)}}@media (min-width:760px){.danceoff-canvas{width:min(440px,100vw);min-height:100svh;margin:0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 120px rgba(0,0,0,.6)}.account-control,.danceoff-action,.danceoff-back,.danceoff-dances,.danceoff-gender,.danceoff-inline-sheet,.danceoff-logo,.danceoff-old-dances{position:absolute}.account-control{right:16px}.danceoff-dances{left:0;right:0}}@media (min-width:900px) and (min-aspect-ratio:4/3){body,html{overflow:hidden}.danceoff-page{display:grid;min-height:100svh;place-items:center}.danceoff-canvas{width:min(100vw,calc(100svh * 16 / 9));height:min(100svh,calc(100vw * 9 / 16));min-height:0;aspect-ratio:16/9;margin:0;box-shadow:0 0 130px rgba(0,0,0,.58)}.danceoff-hero{object-position:center center;transform:none}.danceoff-vignette{background:radial-gradient(circle at 52% 46%,transparent 0 24%,rgba(6,5,4,.08) 46%,rgba(6,5,4,.42) 80%),linear-gradient(90deg,rgba(0,0,0,.64),transparent 24%,transparent 66%,rgba(0,0,0,.76))}.danceoff-logo{position:absolute;top:clamp(18px,3vh,34px);left:clamp(26px,3vw,48px);width:clamp(76px,6.2vw,96px);height:clamp(52px,4.4vw,66px)}.account-control{position:absolute;top:clamp(24px,3.6vh,40px);right:clamp(28px,3.1vw,52px)}.danceoff-sidebar{position:absolute;top:clamp(116px,17vh,170px);left:clamp(30px,3.3vw,58px);z-index:18;display:grid;width:clamp(184px,15vw,230px);overflow:hidden;border:1px solid rgba(255,236,211,.22);border-radius:18px;background:rgba(8,7,6,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 26px 80px rgba(0,0,0,.38)}.danceoff-sidebar button{display:grid;grid-template-columns:38px 1fr;align-items:center;min-height:66px;border:0;border-bottom:1px solid rgba(255,236,211,.15);color:rgba(255,244,229,.92);background:transparent;text-align:left}.danceoff-sidebar button:last-child{border-bottom:0}.danceoff-sidebar button.is-active{color:#241910;background:rgba(242,224,203,.9)}.danceoff-sidebar span{justify-self:center;font-size:1.15rem}.danceoff-gender{position:absolute;top:clamp(28px,4vh,48px);bottom:auto;width:clamp(190px,14vw,250px)}.is-dance-step .danceoff-gender{opacity:1;pointer-events:auto;transform:translateX(-50%)}.danceoff-gender button{min-height:36px;font-size:.82rem}.danceoff-dances{position:absolute;top:clamp(82px,12vh,128px);right:clamp(28px,3vw,48px);bottom:auto;left:auto;width:clamp(300px,25.2vw,430px);max-height:min(600px,70vh);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:clamp(8px,.8vw,12px);gap:clamp(8px,.8vw,12px);overflow:visible;padding:0;scroll-snap-type:none;transform:none}.danceoff-dance-heading{display:grid;grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;grid-gap:4px 16px;gap:4px 16px;margin-bottom:clamp(4px,.6vh,8px);border-bottom:1px solid rgba(255,236,211,.22);padding-bottom:clamp(8px,1vh,12px)}.danceoff-dance-heading h2{grid-column:1/-1;margin:0;font-size:clamp(1.1rem,1.8vw,1.9rem);letter-spacing:-.04em}.danceoff-dance-heading p,.danceoff-dance-heading span{position:static;margin:0;padding:0;border-radius:0;color:rgba(255,244,229,.68);background:transparent;font-size:clamp(.62rem,.76vw,.82rem);letter-spacing:.08em;text-transform:uppercase}.danceoff-dance-heading span{justify-self:end;letter-spacing:0;text-transform:none}.danceoff-dances button{flex:none;width:100%;border-radius:10px}.danceoff-dances span{left:8px;right:8px;bottom:8px;padding:5px 7px;font-size:clamp(.6rem,.65vw,.72rem)}.danceoff-action{position:absolute;right:clamp(28px,3vw,48px);bottom:clamp(28px,3.2vh,46px);left:auto;width:clamp(230px,20vw,320px)}.danceoff-action button{width:100%}.danceoff-back{position:absolute;bottom:clamp(30px,4vh,52px);left:clamp(30px,3.3vw,58px)}.danceoff-inline-sheet,.danceoff-old-dances{position:absolute;right:clamp(28px,3vw,48px);bottom:clamp(104px,14vh,150px);left:auto;width:clamp(330px,29vw,480px)}.danceoff-checkout-overlay{position:absolute}}