:root{--u:1vmin;--ctl:max(76px, 9.5vmin);--hero:max(150px, 22vmin);--pink:#ff3fa4;--cyan:#19e6ff;--gold:#ffc933;--purple:#8b5cff;--ink:#0b0820;--glass:linear-gradient(160deg, #46268cd1, #120932e6);--s1:max(8px, 1vmin);--s2:max(14px, 1.8vmin);--s3:max(22px, 2.8vmin);--s4:max(32px, 4.2vmin);--gap:var(--s2);--pad:max(16px, 2.4vmin);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--r:4vmin;--t:.26s cubic-bezier(.3,.8,.3,1);--font:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}img,svg,canvas{-webkit-user-drag:none}@media (display-mode:standalone),(display-mode:fullscreen){html,body{overscroll-behavior:none}}body{font-family:var(--font);color:#fff}#app{background:var(--ink);touch-action:none;position:fixed;inset:0;overflow:hidden}#app button{touch-action:manipulation}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#nova{aspect-ratio:400/604;pointer-events:none;height:86vh;transition:height .5s cubic-bezier(.2,.9,.2,1.2),bottom .5s,left .5s;position:absolute;bottom:1.5vh;left:50%;transform:translate(-50%)}#nova.raster{aspect-ratio:1}#nova canvas{transform-origin:50% 90%;width:116%;height:116%;display:block;position:relative;top:-16%;left:-8%}#nova svg{width:100%;height:100%;display:block;overflow:visible}#app[data-screen=home] #nova{height:60vh;bottom:5vh;left:19%}#app[data-screen=songs] #nova{opacity:0;height:40vh}#app[data-screen=listen] #nova{height:54vh;bottom:19vh}#app[data-screen=finale] #nova{height:74vh;bottom:7vh;left:25%}.screen,.overlay{padding:calc(var(--pad) + var(--sat)) calc(var(--pad) + var(--sar)) calc(var(--pad) + var(--sab)) calc(var(--pad) + var(--sal));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t), transform var(--t), visibility 0s linear var(--t);position:absolute;inset:0;transform:translateY(1.6vmin)}#app[data-screen=home] #screen-home,#app[data-screen=songs] #screen-songs,#app[data-screen=listen] #screen-listen,#app[data-screen=dance] #screen-dance,#app[data-screen=finale] #screen-finale,#app[data-paused="1"] #overlay-pause,#app[data-privacy="1"] #overlay-privacy,#app[data-tvhelp="1"] #overlay-tv,#app[data-unlock="1"] #overlay-unlock,#app[data-gate="1"] #overlay-gate,#app[data-parent="1"] #overlay-parent{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}#screen-dance{pointer-events:none}.corner{z-index:5;position:absolute}.corner.tl{left:calc(var(--pad) + var(--sal));top:calc(var(--pad) + var(--sat))}.corner.tr{right:calc(var(--pad) + var(--sar));top:calc(var(--pad) + var(--sat))}.row{gap:var(--gap);justify-content:center;align-items:center;display:flex}.bottom-center{left:0;right:0;bottom:calc(3.5vh + var(--sab));z-index:5;gap:var(--s3);position:absolute}.btn{appearance:none;border:max(3px, .4vmin) solid var(--cyan);cursor:pointer;color:#fff;width:var(--ctl);height:var(--ctl);font:inherit;background:var(--glass);border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .14s cubic-bezier(.2,.9,.2,1.3),box-shadow .14s,background .14s,border-color .14s,color .14s;display:grid;position:relative;box-shadow:0 .7vmin #00000059,0 0 2.6vmin #19e6ff73,inset 0 .3vmin .5vmin #ffffff47}.btn svg{filter:drop-shadow(0 .3vmin #00000059);width:54%;height:54%}.btn.hero{width:var(--hero);height:var(--hero);border-width:max(4px,.6vmin)}.btn.hero svg{width:50%;height:50%}.btn.primary{background:radial-gradient(circle at 30% 25%, #b6fdff 0%, var(--cyan) 42%, #0a8fa8 100%);color:#052f38;border-color:#d9feff;box-shadow:0 .8vmin #00000059,0 0 4vmin #19e6ffb3,inset 0 .4vmin .7vmin #ffffff8c}.btn.primary svg{filter:none}.btn.hero.primary{animation:1.1s ease-in-out infinite beatpulse;box-shadow:0 1vmin #00000059,0 0 6vmin #19e6ffbf,inset 0 .5vmin .8vmin #ffffff8c}.btn[aria-pressed=true],.btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 .7vmin #00000059,0 0 3vmin #ffc933a6,inset 0 .3vmin .5vmin #ffffff47}.btn[aria-pressed=false]{color:#ffffffeb;border-color:#ffffffd9;box-shadow:0 .7vmin #00000059}.btn:hover{transform:translateY(-.4vmin)scale(1.05)}.btn:active{transform:scale(.92)translateY(.4vmin)}@keyframes beatpulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.btn:focus,.tile:focus,.swatch:focus{outline:none}.btn:focus-visible,.tile:focus-visible,.swatch:focus-visible{outline-offset:max(3px, .4vmin);z-index:10;box-shadow:0 0 0 max(8px, 1.3vmin) var(--gold), 0 0 6vmin 2.4vmin #ffc933bf;outline:max(4px,.7vmin) solid #fff;transform:scale(1.1)}.home-ui{left:38%;right:calc(var(--pad) + var(--sar));top:calc(var(--pad) + var(--sat));bottom:calc(var(--pad) + var(--sab));gap:var(--s2);z-index:5;pointer-events:none;flex-direction:column;display:flex;position:absolute}.wordmark{letter-spacing:.01em;color:#fff;cursor:default;touch-action:none;-webkit-touch-callout:none;align-items:baseline;gap:0;padding:.1em .2em .18em;font-size:max(28px,6vmin);font-weight:900;line-height:1;display:flex;position:relative}.wm-dance{text-shadow:0 0 2.2vmin var(--cyan), 0 0 .6vmin var(--cyan), 0 .6vmin 0 #00000073;font-style:italic;transform:skew(-6deg)}.wm-stars{background:linear-gradient(#fff6b8 0%,#ffc933 48%,#ff7ab8 100%);color:#0000;filter:drop-shadow(0 0 1.6vmin #ffc933a6)drop-shadow(0 .5vmin #00000073);-webkit-background-clip:text;background-clip:text;position:relative}.wm-star{color:#fff;filter:drop-shadow(0 0 1vmin #fff);width:.5em;height:.5em;animation:2.2s ease-in-out infinite wmtw;position:absolute;top:-.38em;right:-.42em}@keyframes wmtw{0%,to{opacity:.7;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(25deg)}}.dock{justify-content:center;gap:var(--s2);padding:var(--s2);background:#0c06249e;border:2px solid #ffffff24;border-radius:999px;flex-wrap:nowrap;max-width:92vw;display:flex}.swatch{appearance:none;width:var(--dsw,var(--ctl));height:var(--dsw,var(--ctl));border:max(3px,.5vmin) solid var(--sw,#fff);cursor:pointer;box-shadow:0 .5vmin 0 #00000059, 0 0 2vmin var(--sw,#fff);background:#1a0f45;border-radius:50%;flex:none;padding:0;transition:transform .14s cubic-bezier(.2,.9,.2,1.3),box-shadow .14s;position:relative;overflow:hidden}.swatch img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.swatch.locked{cursor:default}.swatch .badge .pips{vertical-align:middle;gap:.18em;margin-left:.25em;display:inline-flex}.swatch .badge .pips i{background:#fff;border-radius:50%;width:.45em;height:.45em}.swatch.locked.peek{animation:.6s lockwobble}.look-card .need{align-items:center;gap:.3em;height:max(22px,3.6vmin);display:flex}.look-card .need svg{aspect-ratio:1;color:#fff;width:auto;height:100%}.look-card .need svg:first-child{color:var(--gold);filter:drop-shadow(0 0 .8vmin #ffc933b3)}.swatch.locked.store,.swatch.locked.songs{cursor:default;box-shadow:0 .5vmin 0 #00000059, 0 0 2.4vmin var(--sw,#fff);border-style:dashed}.swatch .badge{border:max(1px,.2vmin) solid var(--sw,#fff);white-space:nowrap;pointer-events:none;background:#0c0624d1;border-radius:999px;padding:.22em .4em;font-size:max(9px,1.4vmin);line-height:1;position:absolute;bottom:6%;right:6%}@keyframes lockwobble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.06)}60%{transform:rotate(7deg)scale(1.06)}}.look-card{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3) var(--s1) var(--s1);border:max(2px,.3vmin) solid var(--sw,#fff);color:#fff;min-height:calc(var(--ctl) * .8);background:#0c06249e;border-radius:999px;display:flex}.look-card .portrait{width:calc(var(--ctl) * .8);height:calc(var(--ctl) * .8);object-fit:cover;background:#1a0f45;border-radius:50%}.look-card .nm{font-size:max(18px,3.2vmin);font-weight:900;line-height:1.1}.look-card .likes{letter-spacing:.15em;font-size:max(16px,2.8vmin)}#looks-home{--dsw:max(68px, min(var(--ctl), 6.2vw));gap:min(var(--s2), 1.1vw);padding:min(var(--s2), 1.1vw);max-width:none}.nameplate{z-index:4;pointer-events:none;color:#fff;border:max(2px,.35vmin) solid var(--sw,#fff);box-shadow:0 0 3vmin var(--sw,#fff), 0 .6vmin 0 #0006;text-shadow:0 .3vmin #00000073;white-space:nowrap;background:#0c0624b3;border-radius:999px;padding:.15em 1.1em .2em;font-size:max(20px,4vmin);font-weight:900;position:absolute;bottom:2.2vh;left:19%;transform:translate(-50%)}.look-card[data-needs-songs=true] .portrait{filter:saturate(.8)brightness(.9)}.swatch:hover{transform:scale(1.07)}.swatch[aria-checked=true]{box-shadow:0 0 0 max(4px,.7vmin) var(--sw,#fff), 0 0 3.6vmin var(--sw,#fff);border-color:#fff;transform:scale(1.1)}.swatch:active{transform:scale(.94)}#screen-songs{--hdr:max(84px, 13vmin)}.picker-head{top:var(--pad);height:var(--hdr);z-index:2;max-width:calc(100vw - (var(--ctl) + var(--pad)) * 2 - 8px);align-items:center;gap:1.6vmin;animation:.5s cubic-bezier(.2,.9,.2,1.2) both headin;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes headin{0%{opacity:0;transform:translate(-50%)translateY(-2vmin)scale(.92)}to{opacity:1;transform:translate(-50%)}}.ph-portrait{aspect-ratio:1;object-fit:cover;object-position:top;height:100%;box-shadow:0 0 3vmin var(--ac,var(--pink)), 0 .8vmin 0 #0000004d;background:#2a1650;border:max(3px,.5vmin) solid #fff;border-radius:50%;flex:none}.ph-bubble{color:#5a1670;white-space:nowrap;background:linear-gradient(#fff,#ffe9f6);border-radius:4vmin;align-items:center;gap:1.2vmin;padding:1.4vmin 3vmin;font-size:max(24px,5vmin);font-weight:900;line-height:1;animation:2.6s ease-in-out infinite bob;display:flex;position:relative;box-shadow:0 .8vmin #00000047,0 0 4vmin #ff3fa499}.ph-bubble:before{content:"";background:#fff4fb;border-radius:.6vmin;width:3.4vmin;height:3.4vmin;position:absolute;top:50%;left:-1.6vmin;transform:translateY(-50%)rotate(45deg)}.ph-bubble span{text-shadow:0 .3vmin #ff3fa440;position:relative}.ph-note{width:1em;height:1em;color:var(--pink);position:relative}@keyframes bob{50%{transform:translateY(-.8vmin)}}.tiles{left:calc(var(--pad) + var(--sal));right:calc(var(--pad) + var(--sar));bottom:calc(var(--pad) + var(--sab));top:calc(var(--hdr) + var(--pad) * 2 + var(--sat));place-content:center;gap:var(--s3);--tile:min(calc((100vw - var(--pad) * 2 - (var(--cols,3) - 1) * var(--s3)) / var(--cols,3)), calc((100vh - var(--hdr) - var(--pad) * 3 - (var(--rows,2) - 1) * var(--s3)) / var(--rows,2)), 46vmin);grid-template-columns:repeat(var(--cols,3), var(--tile));grid-auto-rows:var(--tile);display:grid;position:absolute}.tile-wrap{width:100%;height:100%;animation:.55s cubic-bezier(.2,.9,.2,1.25) both tilein;animation-delay:calc(.12s + var(--i,0) * .11s);position:relative}@keyframes tilein{0%{opacity:0;transform:translateY(4vmin)scale(.85)rotate(-3deg)}to{opacity:1;transform:none}}.tile{appearance:none;cursor:pointer;border-radius:var(--r);color:#fff;width:100%;height:100%;font:inherit;background:linear-gradient(160deg, var(--c1,#ff3fa4) 0%, var(--c2,#5a1690) 100%);box-shadow:0 1vmin 0 #0006, 0 0 3.4vmin color-mix(in srgb, var(--c1,#ff3fa4) 70%, transparent), inset 0 0 0 max(3px,.5vmin) #ffffffd9, inset 0 .5vmin .8vmin #fff6;will-change:transform;border:0;padding:0;transition:transform .18s cubic-bezier(.2,.9,.2,1.3),box-shadow .18s;display:block;position:relative;overflow:hidden;container-type:inline-size}.tile .art,.tile .art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.tile .shine{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(115deg,#ffffff80 0%,#ffffff1f 22%,#0000 38%),linear-gradient(#ffffff1f,#0000 45%);position:absolute;inset:0}.tile .cap{letter-spacing:.01em;text-shadow:0 .5cqw #0000008c,0 0 3cqw #0009;background:linear-gradient(#0000,#1406328c 28%,#140632e6);align-items:center;gap:4cqw;padding:7cqw 6cqw 5cqw;font-size:max(17px,8.6cqw);font-weight:900;line-height:1.04;display:flex;position:absolute;bottom:0;left:0;right:0}.tile .cap b{text-align:left;text-wrap:balance;overflow-wrap:anywhere;flex:1;min-width:0}.tile .cap i{color:#d1186f;background:radial-gradient(circle at 35% 28%,#fff,#ffe6a8 60%,#ffc933);border-radius:50%;flex:none;place-items:center;width:17cqw;min-width:44px;height:17cqw;min-height:44px;animation:1.8s ease-in-out infinite pulse;display:grid;box-shadow:0 .8cqw #00000059,0 0 4cqw #ffc933cc}.tile .cap i svg{width:52%;height:52%;margin-left:8%}@keyframes pulse{50%{transform:scale(1.1)}}.tile:hover{box-shadow:0 2.2vmin 0 #0000004d, 0 0 7vmin var(--c1,#ff3fa4), inset 0 0 0 max(3px,.5vmin) #fff, inset 0 .5vmin .8vmin #fff6;z-index:6;transform:translateY(-1.4vmin)scale(1.06)rotate(-1.6deg)}.tile:active{transform:scale(.93,.9)translateY(.6vmin)}.tile:focus-visible{outline-offset:max(4px,.6vmin);box-shadow:0 0 0 max(8px,1.4vmin) var(--c1,#ff3fa4), 0 0 9vmin var(--c1,#ff3fa4);outline:max(5px,.9vmin) solid #fff;transform:translateY(-1.4vmin)scale(1.08)rotate(1.4deg)}.tile.add{color:#fff;background:radial-gradient(circle at 50% 40%,#8b5cff80,#1e0c508c 70%);border:max(4px,.7vmin) dashed #ffffffb3;place-items:center;display:grid;box-shadow:0 0 4vmin #8b5cffb3,inset 0 0 6vmin #ff3fa440}.tile.add .add-glow{aspect-ratio:1;background:radial-gradient(circle,#19e6ff8c,#0000 70%);border-radius:50%;width:60%;animation:2.4s ease-in-out infinite pulse;position:absolute}.tile.add .add-plus{aspect-ratio:1;background:linear-gradient(160deg,#19e6ff,#8b5cff);border-radius:50%;place-items:center;width:44%;display:grid;position:relative;box-shadow:0 1vmin #00000059,0 0 4vmin #19e6ffcc,inset 0 .4vmin .6vmin #fff9}.tile.add .add-plus svg{width:60%;height:60%}.tile.add .add-notes{pointer-events:none;position:absolute;inset:0}.tile.add .add-notes svg{width:16%;height:16%;color:var(--gold);filter:drop-shadow(0 0 1vmin var(--gold));animation:2.4s ease-in-out infinite bob;position:absolute}.tile.add .add-notes svg:first-child{top:14%;left:14%;transform:rotate(-14deg)}.tile.add .add-notes svg:last-child{color:var(--pink);filter:drop-shadow(0 0 1vmin var(--pink));animation-delay:-1.2s;bottom:16%;right:14%}.tile.add:hover,.tile.add:focus-visible{border-color:#fff}.tile-wrap .del{color:#fff;cursor:pointer;z-index:7;background:#2a1650;border:max(3px,.4vmin) solid #fff;border-radius:50%;place-items:center;width:max(72px,8vmin);height:max(72px,8vmin);padding:0;display:grid;position:absolute;top:-1.2vmin;right:-1.2vmin}.tile-wrap .del svg{width:52%;height:52%}.tile-wrap .del{display:grid}.tile-wrap .del.armed{background:#d4204f;border-color:#fff;animation:.6s ease-in-out infinite pulse}.cover [class^=cv-]{transform-box:fill-box;transform-origin:50%}.cv-bob{transform-origin:50% 100%;animation:1.1s ease-in-out infinite cvbob}.cv-fl{animation:3.2s ease-in-out infinite cvfl}.cv-tw{animation:2s ease-in-out infinite cvtw}.cv-spin{animation:5s linear infinite cvspin}.cv-spin.slow{animation-duration:40s}.cv-eq{transform-origin:50% 100%;animation:1s ease-in-out infinite cveq}@keyframes cvbob{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-3px)rotate(1.2deg)}}@keyframes cvfl{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(10deg)}}@keyframes cvtw{0%,to{opacity:.35;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}@keyframes cvspin{to{transform:rotate(360deg)}}@keyframes cveq{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.05)}}.ring-wrap{width:72vmin;height:72vmin;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.ring{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round;stroke-width:9px}.ring-bg{stroke:#ffffff24}.ring-fg{stroke:var(--cyan);filter:drop-shadow(0 0 1.4vmin var(--cyan));transition:stroke-dashoffset .2s linear}.orbit{animation:7s linear infinite spin;position:absolute;inset:0}.orbit i{width:9vmin;height:9vmin;color:var(--c);filter:drop-shadow(0 0 1.2vmin var(--c));margin:-4.5vmin;position:absolute;top:50%;left:50%}.orbit i svg{width:100%;height:100%;animation:7s linear infinite reverse spin}.eq{align-items:flex-end;gap:1.2vmin;height:11vmin;display:flex;position:absolute;bottom:-17vmin;left:50%;transform:translate(-50%)}.eq i{background:linear-gradient(var(--gold), var(--pink));border-radius:1vmin;width:2.2vmin;animation:.7s ease-in-out infinite alternate eq}@keyframes eq{0%{height:12%}to{height:100%}}@keyframes spin{to{transform:rotate(360deg)}}#guides{pointer-events:none;z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0}#beatbar{left:calc(var(--pad) + var(--sal));right:calc(var(--pad) + var(--sar));bottom:calc(var(--pad) * .6 + var(--sab));pointer-events:none;height:max(40px,6.5vmin);position:absolute}#flash{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}#app[data-screen=dance] #flash{opacity:1}.bubble{z-index:4;--acc:var(--cyan);border-radius:50%;width:42vmin;height:42vmin;position:absolute}.bubble.next{right:calc(var(--pad) + var(--sar));opacity:0;visibility:hidden;transform:translateY(-50%) translateX(calc(100% + var(--pad) * 2)) scale(.85);transition:transform .4s cubic-bezier(.2,.9,.2,1.2),opacity .3s,visibility 0s linear .4s;top:50%}.bubble.next.show{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(-50%)}.bub-core{transform:scale(var(--pz,1));box-shadow:0 1.6vmin 5vmin #00000080, 0 0 4vmin color-mix(in srgb, var(--acc) 28%, transparent);background:radial-gradient(circle at 50% 38%,#281c5cf5,#0c0724f5);border-radius:50%;position:absolute;inset:0}.bring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.bring circle{fill:none;stroke-width:7px}.bring-bg{stroke:#ffffff29}.bring-fg{stroke:var(--acc);stroke-linecap:round}.bubble .pic{width:78%;height:78%;display:block;position:absolute;top:11%;left:11%}.bubble.next.fly{visibility:visible;transition:none;animation:.2s cubic-bezier(.5,0,.8,.4) forwards nextfly}@keyframes nextfly{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%) translate(var(--fx,0px), var(--fy,0px)) scale(.45)}}.nowchip{z-index:4;left:calc(var(--pad) + var(--sal));top:calc(var(--pad) + var(--sat));pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:1.2vmin;width:14vmin;transition:opacity .3s;display:flex;position:absolute}.nowchip.on{opacity:1}.nowchip .pic{background:#0c0724b8;border:max(3px,.5vmin) solid #ffffff8c;border-radius:50%;width:14vmin;height:14vmin;display:block;box-shadow:0 .8vmin 2.4vmin #0006}.repdots{flex-wrap:nowrap;justify-content:center;gap:1vmin;min-height:1.8vmin;display:flex}.repdots i{background:#ffffff42;border-radius:50%;width:1.8vmin;min-width:9px;height:1.8vmin;min-height:9px;transition:transform .12s,background .2s}.repdots i.done{background:var(--gold)}.repdots i.cur{background:#fff;transform:scale(1.3)}.repdots i.cur.beat{animation:.22s ease-out repbeat}@keyframes repbeat{0%{transform:scale(1.6)}to{transform:scale(1.3)}}#app[data-focus="1"] #items,#app[data-focus="1"] #score,#app[data-focus="1"] #meter,#app[data-focus="1"] #beatbar{display:none}#items{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.item{will-change:transform;width:max(44px,8.5vmin);height:max(44px,8.5vmin);filter:drop-shadow(0 0 1.3vmin var(--glow,#fff)) drop-shadow(0 .4vmin 0 #00000059);position:absolute;top:0;left:0}.item svg{width:100%;height:100%;animation:2.6s ease-in-out infinite itemspin;display:block;overflow:visible}.item.bonus{width:max(54px,10.5vmin);height:max(54px,10.5vmin);filter:drop-shadow(0 0 1.2vmin #fff) drop-shadow(0 0 3vmin var(--glow,#fff))}.item.bonus:before{content:"";background:radial-gradient(circle,#ffffff8c,#0000 65%);border-radius:50%;animation:.7s ease-in-out infinite pulse;position:absolute;inset:-30%}.item.flying{filter:drop-shadow(0 0 2.4vmin #fff) drop-shadow(0 0 4vmin var(--glow,#fff))}@keyframes itemspin{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.fx.pop{pointer-events:none;width:0;height:0;position:absolute}.fx.pop:before{content:"";border:max(3px,.6vmin) solid var(--glow,#fff);width:10vmin;height:10vmin;box-shadow:0 0 2vmin var(--glow,#fff), inset 0 0 2vmin var(--glow,#fff);border-radius:50%;animation:.5s ease-out forwards popring;position:absolute;top:-5vmin;left:-5vmin}.fx.pop i{width:1.6vmin;height:1.6vmin;box-shadow:0 0 1.2vmin var(--glow,#fff), 0 0 .4vmin #fff;background:#fff;border-radius:50%;animation:.55s ease-out forwards popspark;position:absolute;top:-.8vmin;left:-.8vmin}.fx.pop i:first-child{--a:0deg}.fx.pop i:nth-child(2){--a:60deg}.fx.pop i:nth-child(3){--a:120deg}.fx.pop i:nth-child(4){--a:180deg}.fx.pop i:nth-child(5){--a:240deg}.fx.pop i:nth-child(6){--a:300deg}.fx.pop b{color:#fff;white-space:nowrap;text-shadow:0 0 1.4vmin var(--glow,#fff), 0 .4vmin 0 #00000073;font-size:max(20px,4.6vmin);font-weight:900;animation:.9s ease-out forwards popnum;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fx.pop.big:before{width:28vmin;height:28vmin;animation-duration:.8s;top:-14vmin;left:-14vmin}.fx.pop.big b{color:var(--gold);font-size:max(30px,8vmin)}@keyframes popring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.5)}}@keyframes popspark{0%{transform:rotate(var(--a)) translateY(0) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translateY(-8vmin) scale(.2);opacity:0}}@keyframes popnum{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-120%)scale(1.15)}to{opacity:0;transform:translate(-50%,-330%)scale(.9)}}.score{left:calc(var(--pad) + var(--sal));top:calc(var(--pad) + var(--sat));z-index:5;align-items:center;gap:var(--s1);height:var(--ctl);padding:0 var(--s3) 0 var(--s1);border:max(3px,.4vmin) solid var(--gold);pointer-events:none;background:#0c0624a8;border-radius:999px;display:flex;position:absolute;box-shadow:0 0 2.6vmin #ffc93373,inset 0 .3vmin .5vmin #fff3}.score-ic{width:calc(var(--ctl) * .74);height:calc(var(--ctl) * .74);background:radial-gradient(circle at 35% 30%, #fff6c0, var(--gold) 55%, #ff9a1f);color:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 2vmin #ffc933cc}.score-ic svg{filter:drop-shadow(0 .2vmin #963c0099);width:64%;height:64%}.score b{font-variant-numeric:tabular-nums;text-shadow:0 0 1.6vmin #ffc933b3,0 .4vmin #0006;min-width:2.2ch;font-size:max(28px,5.4vmin);font-weight:900;line-height:1}.score.bump .score-ic{animation:.35s cubic-bezier(.2,.9,.2,1.4) scorebump}@keyframes scorebump{0%{transform:scale(1.45)rotate(-20deg)}to{transform:none}}.meter{left:calc(var(--pad) + var(--sal));top:calc(var(--pad) + var(--sat) + var(--ctl) + var(--s1));z-index:5;pointer-events:none;background:#0c06248c;border-radius:999px;gap:max(4px,.7vmin);padding:max(5px,.8vmin) max(8px,1.2vmin);display:flex;position:absolute}.meter i{background:#ffffff2e;border-radius:50%;width:max(10px,1.9vmin);height:max(10px,1.9vmin);transition:background .2s,transform .2s,box-shadow .2s}.meter i.on{background:linear-gradient(135deg, var(--cyan), var(--pink));box-shadow:0 0 1.2vmin var(--pink);transform:scale(1.15)}.meter.fever{animation:.9s ease-out fever}@keyframes fever{0%{transform:scale(1.25);box-shadow:0 0 #ffc933e6}to{transform:none;box-shadow:0 0 0 4vmin #ffc93300}}.cam{z-index:6;aspect-ratio:1;pointer-events:none;--e:0;border:max(3px,.5vmin) solid var(--cyan);width:max(84px,15vmin);box-shadow:0 0 calc(1.2vmin + 5vmin * var(--e)) calc(1.2vmin * var(--e)) #19e6ffd9, 0 .6vmin 0 #00000059;transform:scale(calc(1 + .1 * var(--e)));background:#120a30;border-radius:50%;transition:box-shadow 80ms linear,transform 80ms linear;position:absolute;overflow:hidden}.cam[hidden]{display:none}.cam video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.cam.hit:after{content:"";box-shadow:inset 0 0 0 max(4px,.8vmin) var(--gold);border-radius:50%;animation:.4s ease-out forwards camhit;position:absolute;inset:0}@keyframes camhit{0%{opacity:1}to{opacity:0}}#app[data-screen=home] .cam{right:var(--pad);top:calc(var(--pad) + var(--ctl) + var(--s2))}#app[data-screen=dance] .cam{left:var(--pad);top:calc(var(--pad) + var(--ctl) + var(--s1) + max(24px, 3.6vmin) + var(--s2))}#app:not([data-screen=home]):not([data-screen=dance]) .cam{display:none}#btn-camera.denied{border-color:#ff4d6d;animation:.5s camno}@keyframes camno{0%,to{transform:none}20%{transform:translate(-1.4vmin)}40%{transform:translate(1.4vmin)}60%{transform:translate(-1vmin)}80%{transform:translate(1vmin)}}#screen-finale{overflow:hidden}.rain{pointer-events:none;z-index:0;position:absolute;inset:0}.rain i{left:var(--x);width:var(--s);height:var(--s);filter:drop-shadow(0 0 1vmin);animation:rain var(--d) linear infinite;animation-delay:var(--dl);opacity:.85;position:absolute;top:-12vmin}.rain i svg{width:100%;height:100%;display:block}@keyframes rain{0%{transform:translateY(0)rotate(0)}to{transform:translateY(120vh)rotate(540deg)}}.win{align-items:center;gap:var(--s3);z-index:5;flex-direction:column;width:min(56vw,120vmin);display:flex;position:absolute;top:50%;right:3vw;transform:translateY(-50%)}.medal-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.stars3{z-index:2;align-items:flex-end;gap:1.4vmin;height:13vmin;margin-bottom:-3.2vmin;display:flex;position:relative}.stars3 i{color:#ffffff29;filter:drop-shadow(0 .4vmin #00000059);width:11vmin;height:11vmin;display:block}.stars3 i:nth-child(2){width:14vmin;height:14vmin;margin-bottom:2.2vmin}.stars3 i svg{width:100%;height:100%;display:block}.stars3 i svg path{stroke:#ffffff59;stroke-width:1.2px}.stars3 i.on{color:var(--gold);opacity:0;filter:drop-shadow(0 0 2.4vmin #ffc933f2)drop-shadow(0 .4vmin #a0460099)}.stars3 i.on svg path{stroke:#fff;stroke-width:1px;fill:url(#it-gold)}.win.in .stars3 i.on{animation:.55s cubic-bezier(.2,.9,.25,1.5) forwards starland}.win.in .stars3 i.on:first-child{animation-delay:1.4s}.win.in .stars3 i.on:nth-child(2){animation-delay:1.85s}.win.in .stars3 i.on:nth-child(3){animation-delay:2.3s}@keyframes starland{0%{opacity:0;transform:scale(3)rotate(-120deg)}70%{opacity:1;transform:scale(.9)rotate(8deg)}to{opacity:1;transform:none}}.medal{width:25vmin;height:25vmin;position:relative}.medal-ribbon{width:0;height:0;position:absolute;top:60%;left:50%}.medal-ribbon:before,.medal-ribbon:after{content:"";background:linear-gradient(180deg, var(--pink), #a3126a);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:8vmin;height:13vmin;box-shadow:0 0 2vmin var(--pink);position:absolute;top:0}.medal-ribbon:before{transform-origin:100% 0;left:-8.9vmin;transform:rotate(18deg)}.medal-ribbon:after{transform-origin:0 0;background:linear-gradient(180deg, var(--cyan), #0a6bb0);left:.9vmin;transform:rotate(-18deg)}.medal-disc{background:radial-gradient(circle at 34% 28%,#fffbe0 0%,#ffd84d 32%,#f0a31a 70%,#b8660a 100%);border:1vmin solid #ffe98a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 0 0 .6vmin #b8660a,0 0 7vmin #ffc933bf,inset 0 0 0 1.2vmin #ffffff2e,inset 0 -1.4vmin 2.4vmin #963c0073,0 1.2vmin #00000059}.medal-disc:before{content:"";border:.45vmin dashed #8c460073;border-radius:50%;position:absolute;inset:9%}.medal-disc:after{content:"";filter:blur(.4vmin);background:#ffffff73;border-radius:50%;width:40%;height:22%;position:absolute;top:10%;left:14%;transform:rotate(-28deg)}.medal-star{color:#fff;filter:drop-shadow(0 .3vmin #963c008c);width:7vmin;height:7vmin;margin-bottom:-.4vmin}.medal-star svg{width:100%;height:100%}.medal-disc b{color:#6b2c00;font-variant-numeric:tabular-nums;text-shadow:0 .3vmin #ffffff8c;font-size:max(30px,8vmin);font-weight:900;line-height:1;position:relative}.win.in .medal{animation:.9s cubic-bezier(.2,.9,.25,1.3) both medalin}@keyframes medalin{0%{opacity:0;transform:translateY(-30vmin)rotateY(540deg)scale(.4)}to{opacity:1;transform:none}}.next-row{align-items:center;gap:var(--s3);display:flex}.win.nonext .next-row{display:none}.cd-x{width:calc(var(--ctl) * 1.12);height:calc(var(--ctl) * 1.12);border-color:#ff6f91;box-shadow:0 .7vmin #00000059,0 0 2.6vmin #ff4d6d99,inset 0 .3vmin .5vmin #ffffff47}.cd-go{width:calc(var(--ctl) * 1.35);height:calc(var(--ctl) * 1.35)}.win.counting .cd-go{animation:1s ease-in-out infinite beatpulse}.win.cancelled .cd-x{visibility:hidden;transition:transform .25s,visibility 0s linear .25s;transform:scale(0)}.next-disc{appearance:none;cursor:pointer;color:#fff;width:27vmin;height:27vmin;font:inherit;background:0 0;border:0;border-radius:50%;flex:none;padding:0;transition:transform .18s cubic-bezier(.2,.9,.2,1.3);position:relative}.next-disc:hover{transform:scale(1.05)}.next-disc:active{transform:scale(.94)}.next-disc:focus{outline:none}.next-disc:focus-visible{outline-offset:max(4px,.6vmin);box-shadow:0 0 0 max(8px,1.4vmin) var(--gold);outline:max(5px,.9vmin) solid #fff}.nd-art{background:#2a1650;border-radius:50%;position:absolute;inset:9%;overflow:hidden;box-shadow:0 0 4vmin #ff3fa499,inset 0 0 0 max(3px,.5vmin) #fff}.nd-art svg{width:100%;height:100%;display:block}.nd-art:after{content:"";opacity:0;background:radial-gradient(circle,#08041a9e,#08041a26 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.win.counting .nd-art:after{opacity:1}.nd-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.nd-ring circle{fill:none;stroke-width:10px;stroke-linecap:round}.nd-bg{stroke:#ffffff29}.nd-fg{stroke:var(--gold);filter:drop-shadow(0 0 1.2vmin var(--gold));opacity:0;transition:opacity .3s}.win.counting .nd-fg{opacity:1}.nd-num{color:#fff;text-shadow:0 0 3vmin var(--gold), 0 .6vmin 0 #00000080;opacity:0;font-variant-numeric:tabular-nums;place-items:center;font-size:15vmin;font-weight:900;line-height:1;transition:opacity .25s;display:grid;position:absolute;inset:0}.win.counting .nd-num{opacity:1}.nd-num.tick{animation:.45s cubic-bezier(.2,.9,.25,1.4) ndtick}@keyframes ndtick{0%{opacity:.3;transform:scale(1.8)}to{opacity:1;transform:none}}.nd-play{color:#d1186f;background:radial-gradient(circle at 35% 28%,#fff,#ffe6a8 60%,#ffc933);border-radius:50%;place-items:center;width:30%;height:30%;transition:transform .25s,opacity .25s;display:grid;position:absolute;bottom:2%;right:2%;box-shadow:0 .6vmin #00000059,0 0 3vmin #ffc933cc}.nd-play svg{width:50%;height:50%;margin-left:8%}.win.counting .nd-play{opacity:0;transform:scale(0)}.more-row{align-items:center;gap:var(--s2);display:flex}.tile.mini{border-radius:3vmin;flex:none;width:16vmin;height:16vmin}.tile.mini .mini-play{color:#d1186f;background:radial-gradient(circle at 35% 28%,#fff,#ffe6a8 60%,#ffc933);border-radius:50%;place-items:center;width:34%;height:34%;display:grid;position:absolute;bottom:6%;right:6%;box-shadow:0 .5vmin #00000059}.tile.mini .mini-play svg{width:50%;height:50%;margin-left:8%}.more-row .btn{margin-left:var(--s1)}.win.in .next-row,.win.in .more-row{animation:.6s cubic-bezier(.2,.9,.2,1.25) both rowin}.win.in .next-row{animation-delay:.5s}.win.in .more-row{animation-delay:.7s}@keyframes rowin{0%{opacity:0;transform:translateY(6vmin)scale(.9)}to{opacity:1;transform:none}}.friend{z-index:12;justify-content:center;align-items:center;gap:var(--s3);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--ac,#ff3fa4) 35%, #0a0524), #0a0524 70%);--ac:#ff3fa4;flex-direction:column;display:flex;position:absolute;inset:0}.friend[hidden]{display:none}.friend-title{text-align:center;color:var(--gold);text-shadow:0 0 3vmin #ffc933b3,0 .6vmin #00000073;padding:0 4vmin;font-size:max(26px,7vmin);font-weight:900;line-height:1.05;position:relative}.friend.in .friend-title{animation:.6s cubic-bezier(.2,.9,.2,1.25) .2s both rowin}.friend.old .friend-lock{display:none}.friend.old.in .friend-pic img{animation:none}.friend-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--ac) 40%, transparent) 0 7deg, transparent 7deg 18deg);pointer-events:none;border-radius:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;animation:18s linear infinite spin;position:absolute;top:44%;left:50%;-webkit-mask:radial-gradient(circle closest-side,#000 0,#00000080 30%,#0000 60%);mask:radial-gradient(circle closest-side,#000 0,#00000080 30%,#0000 60%)}.friend-pic{appearance:none;cursor:pointer;width:44vmin;height:44vmin;box-shadow:0 0 0 1.2vmin var(--ac), 0 0 9vmin 2vmin var(--ac), 0 1.4vmin 0 #0006;background:#1a0f45;border:1.1vmin solid #fff;border-radius:50%;padding:0;position:relative;overflow:visible}.friend-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.friend-pic:focus{outline:none}.friend-pic:focus-visible{outline:max(5px,.9vmin) solid var(--gold);outline-offset:1.6vmin}.friend.in .friend-pic{animation:.9s cubic-bezier(.2,.9,.25,1.35) both friendin}@keyframes friendin{0%{transform:scale(0)rotate(-30deg)}to{transform:none}}.friend.in .friend-pic img{animation:1.6s ease-out both friendlit}@keyframes friendlit{0%,45%{filter:grayscale()brightness(.35)}to{filter:none}}.friend-lock{width:16vmin;height:16vmin;color:var(--gold);filter:drop-shadow(0 0 2.4vmin #ffc933e6);pointer-events:none;margin:-8vmin;position:absolute;top:50%;left:50%}.friend-lock svg{width:100%;height:100%}.friend.in .friend-lock{animation:1.6s ease-in both unlock}@keyframes unlock{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.1)}30%,50%{transform:rotate(-12deg)}40%,60%{transform:rotate(12deg)}70%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:translateY(-40vmin)scale(.4)rotate(40deg)}}.friend-new{pointer-events:none;position:absolute;inset:0}.friend-new svg{filter:drop-shadow(0 0 1.6vmin);opacity:0;width:11vmin;height:11vmin;position:absolute}.friend-new svg:first-child{color:#ff3f7a;width:13vmin;height:13vmin;top:-2vmin;right:-3vmin}.friend-new svg:nth-child(2){color:var(--gold);top:12%;left:-5vmin}.friend-new svg:nth-child(3){color:var(--cyan);width:8vmin;height:8vmin;bottom:18%;right:-6vmin}.friend-new svg:nth-child(4){color:var(--gold);width:9vmin;height:9vmin;bottom:-3vmin;left:4%}.friend.in .friend-new svg{animation:.6s cubic-bezier(.2,.9,.25,1.5) both newpop,1.6s ease-in-out infinite bob}.friend.in .friend-new svg:first-child{animation-delay:1.3s,1.9s}.friend.in .friend-new svg:nth-child(2){animation-delay:1.45s,2s}.friend.in .friend-new svg:nth-child(3){animation-delay:1.6s,2.2s}.friend.in .friend-new svg:nth-child(4){animation-delay:1.75s,2.4s}@keyframes newpop{0%{opacity:0;transform:scale(0)rotate(-60deg)}to{opacity:1;transform:none}}.friend-name{color:#fff;text-shadow:0 0 3vmin var(--ac), 0 .6vmin 0 #00000073;font-size:max(28px,8vmin);font-weight:900;line-height:1;position:relative}.friend.in .friend-name{animation:.6s cubic-bezier(.2,.9,.2,1.25) 1.1s both rowin}.friend-ok{position:relative}.friend.in .friend-ok{animation:.6s cubic-bezier(.2,.9,.2,1.25) 1.4s both rowin}.parent-panel{padding:var(--s4);border-radius:var(--r);background:var(--glass);border:2px solid #fff3;box-shadow:0 0 6vmin #8b5cff80}.parent-title{color:#ffffffd9;font-size:max(18px,3.4vmin);font-weight:900}.pbtn{appearance:none;align-items:center;gap:var(--s1);min-height:max(64px, var(--ctl));padding:0 var(--s3);border:max(3px,.4vmin) solid var(--cyan);color:#fff;font:inherit;cursor:pointer;background:#0c0624b3;border-radius:999px;font-size:max(16px,2.6vmin);font-weight:800;display:flex}.pbtn span{place-items:center;width:max(26px,4vmin);height:max(26px,4vmin);display:grid}.pbtn span svg{width:100%;height:100%}.pbtn:hover{border-color:var(--gold)}.pbtn:focus{outline:none}.pbtn:focus-visible{box-shadow:0 0 0 max(8px,1.3vmin) var(--gold);outline:max(4px,.7vmin) solid #fff}.btn.adult{opacity:.5}.btn.adult:hover,.btn.adult:focus-visible{opacity:1}.pbtn .plabel,.pbtn #erase-label{width:auto;height:auto;display:inline}.pbtn[hidden]{display:none}.pbtn.primary{border-color:var(--gold);background:linear-gradient(160deg,#ff3fa48c,#8b5cff8c)}.parent-panel .pgrid{flex-wrap:wrap;max-width:min(92vw,1000px)}#btn-camera.asking{animation:.6s ease-in-out infinite beatpulse}#btn-camera[aria-pressed=true]{border-color:var(--gold)}.unlock-list{gap:var(--s2);color:#ffffffeb;max-width:80vmin;margin:0;padding:0;font-size:max(16px,2.6vmin);font-weight:700;list-style:none;display:grid}.unlock-list li:before{content:"★";color:var(--gold);margin-right:.6em}.unlock-code{gap:var(--s2);flex-wrap:wrap;justify-content:center;align-items:center;margin:0;display:flex}.unlock-code label{text-align:center;color:#ffffffd9;flex-basis:100%;font-size:max(16px,2.4vmin);font-weight:800}.unlock-code input{min-height:var(--ctl);width:min(70vw,34ch);padding:0 var(--s3);border:max(3px,.4vmin) solid var(--cyan);color:#fff;font:inherit;letter-spacing:.06em;text-transform:uppercase;background:#0c0624b3;border-radius:999px;font-size:max(16px,2.6vmin);font-weight:800}.unlock-code input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 max(6px,1vmin) #ffc93380}.unlock-code[hidden]{display:none}.unlock-msg{min-height:1.4em;color:var(--gold);text-align:center;font-size:max(16px,2.6vmin);font-weight:800}.unlock-panel .row{flex-wrap:wrap}#overlay-gate{z-index:40}.gate-card{gap:var(--s3);min-width:min(86vw,520px);max-height:94vh;overflow:auto}.gate-pad{appearance:none;width:calc(var(--ctl) * 2);height:calc(var(--ctl) * 2);border:max(4px,.6vmin) dashed var(--cyan);color:var(--cyan);cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#19e6ff1f;border-radius:50%;place-items:center;display:grid}.gate-pad svg{width:55%;height:55%}.gate-pad.holding{border-style:solid;border-color:var(--gold);color:var(--gold);animation:1s linear beatpulse}.gate-pad:focus{outline:none}.gate-pad:focus-visible{box-shadow:0 0 0 max(8px,1.3vmin) var(--gold);outline:max(4px,.7vmin) solid #fff}.gate-hint{text-align:center;color:#ffffffd9;margin-top:var(--s2);font-size:max(16px,2.6vmin);font-weight:800}.gate-step1,.gate-step2{align-items:center;gap:var(--s2);flex-direction:column;display:none}#overlay-gate[data-step="1"] .gate-step1,#overlay-gate[data-step="2"] .gate-step2{display:flex}.gate-q{text-align:center;color:#fff;max-width:70vmin;font-size:max(20px,3.6vmin);font-weight:900}.gate-typed{text-align:center;letter-spacing:.15em;min-width:6ch;color:var(--gold);border-bottom:max(3px,.4vmin) solid #fff6;font-size:max(30px,6vmin);font-weight:900}.gate-keys{grid-template-columns:repeat(3, max(64px, calc(var(--ctl) * .86)));gap:var(--s2);display:grid}.gate-key{width:100%;height:max(64px, calc(var(--ctl) * .86));color:#fff;font-size:max(26px,4.4vmin);font-weight:900}.gate-key svg{width:50%;height:50%}.gate-msg{text-align:center;color:#ffb3c1;min-height:1.3em;font-size:max(15px,2.4vmin);font-weight:800}#overlay-gate.locked .gate-keys{opacity:.3;pointer-events:none}.gate-card.shake{animation:.5s camno}.tile.paid .art{filter:saturate(.45)brightness(.72)}.tile .lockbadge{aspect-ratio:1;border:max(2px,.35vmin) solid var(--gold);width:22%;color:var(--gold);z-index:2;pointer-events:none;background:#0c0624d9;border-radius:50%;place-items:center;display:grid;position:absolute;top:6%;right:6%}.tile .lockbadge svg{width:58%;height:58%}.swatch.store{cursor:pointer}.swatch.store img{filter:saturate(.5)brightness(.75)}.ctlbar{right:calc(var(--pad) + var(--sar));top:calc(var(--pad) + var(--sat));z-index:30;align-items:flex-end;gap:var(--s2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t), transform var(--t), visibility 0s linear var(--t);flex-direction:column;display:flex;position:absolute;transform:translateY(-1.6vmin)}#app[data-screen=dance] .ctlbar{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}#app[data-screen=dance][data-idle="1"] .ctlbar{opacity:.22;transition:opacity 1s}.ctlbar-row{gap:var(--s2);padding:var(--s1);background:#0c0624e6;border:2px solid #ffffff59;border-radius:999px;display:flex}.dock.pop{display:none}.ctlbar.open .dock.pop{animation:.22s cubic-bezier(.2,.9,.2,1.2) popin;display:flex}@keyframes popin{0%{opacity:0;transform:translateY(-1.4vmin)scale(.92)}to{opacity:1;transform:none}}.overlay{z-index:20;background:#05030fd1;justify-content:center;align-items:center;display:flex}.overlay .panel{gap:var(--s4);flex-direction:column;align-items:center;display:flex}#dropzone{z-index:50;background:#08051ad9;place-items:center;display:grid;position:absolute;inset:0}#dropzone[hidden]{display:none}#dropzone .dz-inner{border:1.2vmin dashed var(--cyan);width:60vmin;height:60vmin;color:var(--cyan);border-radius:8vmin;place-items:center;animation:.9s infinite beatpulse;display:grid}#dropzone svg{width:50%;height:50%}#debug{z-index:40;color:#9dffb0;pointer-events:none;white-space:pre;background:#000000b8;border-top-right-radius:1.4vmin;width:min(70vw,900px);padding:1.2vmin 1.6vmin;font:600 max(12px,1.6vmin)/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:0;left:0}#debug[hidden]{display:none}#debug .bar{background:#ffffff26;border-radius:.7vmin;height:1.4vmin;margin:.4vmin 0;overflow:hidden}#debug .bar>b{background:linear-gradient(90deg,#19e6ff,#ff3fa4);height:100%;display:block}#debug .ticks{gap:.8vmin;margin:.4vmin 0;display:flex}#debug .ticks i{background:#ffffff2e;border-radius:.4vmin;width:3vmin;height:1.6vmin}#debug .ticks i.on{background:#ffc933}#debug .ticks i.down{outline:.25vmin solid #fff}#debug canvas{background:#ffffff0f;border-radius:.6vmin;width:100%;height:6vmin;margin-top:.6vmin;display:block}@media (orientation:portrait){#looks-home{--dsw:max(68px, min(var(--ctl), 13vw));gap:1.6vw;padding:1.6vw}.nameplate{font-size:max(16px,2.6vmin);top:47vh;bottom:auto;left:50%}#app[data-screen=dance] #nova{height:62vh;bottom:24vh}#app[data-screen=listen] #nova{height:42vh;bottom:26vh}#app[data-screen=finale] #nova{height:38vh;top:5vh;bottom:auto;left:50%}.win{gap:var(--s2);width:auto;inset:auto 0 3vh;transform:none}.medal{width:21vmin;height:21vmin}.score{top:calc(var(--pad) + var(--ctl) + var(--s1) * 2 + var(--s2))}.meter{top:calc(var(--pad) + var(--ctl) * 2 + var(--s1) * 3 + var(--s2))}#app[data-screen=dance] .cam{top:auto;bottom:calc(var(--pad) * 2 + max(40px, 7vmin))}#beatbar{height:max(40px,7vmin)}.bubble{width:38vmin;height:38vmin}.bubble.next{top:auto;left:50%;right:auto;bottom:calc(var(--pad) + var(--sab));transform:translate(-50%)translateY(calc(100% + 30vmin))}.bubble.next.show{transform:translate(-50%)}.bubble.next.fly{animation-name:nextflyP}@keyframes nextflyP{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translateX(-50%) translate(var(--fx,0px), var(--fy,0px)) scale(.45)}}.nowchip{top:auto;bottom:calc(var(--pad) + var(--sab));left:calc(var(--pad) + var(--sal));flex-direction:column-reverse}#app[data-focus="0"] .bubble.next,#app[data-focus="0"] .nowchip{bottom:calc(var(--pad) * 2 + max(40px, 7vmin))}.ctlbar{left:calc(var(--pad) + var(--sal));align-items:center}.ctlbar-row{margin:0 auto}}@media (max-width:520px){:root{--ctl:60px}.ctlbar-row{gap:var(--s1)}}@media (prefers-reduced-motion:reduce){.btn.hero.primary,.orbit,.orbit i svg,.eq i,.tile-wrap,.picker-head,.ph-bubble,.tile .cap i,.tile.add .add-glow,.tile.add .add-notes svg,.cover [class^=cv-],.rain i,.friend-rays,.friend.in .friend-pic,.friend.in .friend-title,.friend.in .friend-name,.friend.in .friend-ok,.friend.in .friend-new svg,.item svg,.wm-star{animation:none!important}.tile,.tile-wrap{transition:none}.screen,.overlay,.ctlbar{transition-duration:10ms}}.suno-credit{color:#ffffff73;letter-spacing:.04em;pointer-events:none;white-space:nowrap;font-size:max(10px,1.5vmin);font-weight:700;position:absolute;bottom:max(6px,.8vmin);left:50%;transform:translate(-50%)}.privacy-panel{gap:var(--s3,2vmin);flex-direction:column;max-width:min(92vw,120vmin);max-height:88vh;display:flex}.privacy-text{-webkit-overflow-scrolling:touch;text-align:left;color:#ffffffeb;-webkit-user-select:text;user-select:text;touch-action:pan-y;font-size:max(16px,2.6vmin);line-height:1.45;overflow-y:auto}.privacy-text p{margin:0 0 1.4vmin}.privacy-text code{word-break:break-all;background:#ffffff1f;border-radius:.6vmin;padding:0 .4em;font-size:.88em}#gags{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gag{transform:translate(-50%, -50%) rotate(var(--rot,6deg));letter-spacing:.02em;color:var(--gc,#ffc933);-webkit-text-stroke:max(2px, .5vmin) #1b0b3a;paint-order:stroke fill;text-shadow:0 .7vmin #1b0b3a;font-size:9vmin;font-weight:900;line-height:1;animation:.95s cubic-bezier(.2,.9,.3,1.3) forwards gagpop;position:absolute}@keyframes gagpop{0%{opacity:0;transform:translate(-50%, -30%) rotate(var(--rot,6deg)) scale(.3)}18%{opacity:1;transform:translate(-50%, -55%) rotate(var(--rot,6deg)) scale(1.18)}32%{transform:translate(-50%, -52%) rotate(var(--rot,6deg)) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%, -90%) rotate(var(--rot,6deg)) scale(1)}}@media (prefers-reduced-motion:reduce){.gag{animation-duration:.6s}}.tagline{color:#ffffffeb;text-align:center;text-shadow:0 .3vmin #00000073;margin-top:calc(var(--s1) * -1);font-size:max(16px,2.6vmin);font-weight:800}.groove-label{text-align:center;color:var(--gold);text-shadow:0 0 2vmin #ffc93399,0 .4vmin #00000073;margin-top:calc(var(--s1) * -1);font-size:max(20px,3.4vmin);font-weight:900;line-height:1.1}.groove-btn{--hero:max(130px, 19vmin)}.pick-song{min-height:max(64px, calc(var(--ctl) * .72));border-color:#ffffff8c;font-size:max(16px,2.4vmin)}.streak{padding:var(--s1) var(--s2);background:#0c06249e;border:2px solid #ffffff24;border-radius:999px;align-items:flex-end;gap:max(6px,1vmin);display:flex}.streak .day{color:#fffc;flex-direction:column;align-items:center;gap:.25em;font-size:max(12px,1.8vmin);font-weight:800;display:flex}.streak .day i{color:#3a2a00;border:max(2px,.3vmin) dashed #fff6;border-radius:50%;place-items:center;width:max(26px,4.2vmin);height:max(26px,4.2vmin);display:grid}.streak .day.done i{background:radial-gradient(circle at 35% 30%, #fff6c0, var(--gold) 60%, #ff9a1f);border:max(2px,.3vmin) solid #fff6b8;box-shadow:0 0 1.6vmin #ffc933cc}.streak .day i svg{width:70%;height:70%}.streak .day.today b{color:var(--cyan)}.streak .day.today i{border-color:var(--cyan)}.streak em{color:var(--gold);margin-left:var(--s1);white-space:nowrap;align-self:center;font-size:max(14px,2.2vmin);font-style:normal;font-weight:900}.streak.empty em,.streak[hidden]{display:none}.routine-bar{align-items:center;gap:var(--s1);padding:var(--s1) var(--s3);border-radius:var(--r);background:#0c0624b3;border:2px solid #ffffff2e;flex-direction:column;display:flex}.routine-bar[hidden]{display:none}.routine-pips{gap:max(8px,1.2vmin);display:flex}.routine-pips i{background:#ffffff1a;border:max(2px,.3vmin) solid #ffffff80;border-radius:50%;width:max(18px,3vmin);height:max(18px,3vmin)}.routine-pips i.done{background:var(--gold);box-shadow:0 0 1.4vmin var(--gold);border-color:#fff6b8}.routine-pips i.next{border-color:var(--cyan);box-shadow:0 0 1.4vmin var(--cyan)}.routine-msg{text-align:center;color:#fff;font-size:max(18px,3vmin);font-weight:900}.routine-msg:empty{display:none}#app[data-tv="1"]{--ctl:max(96px, 11vmin);--hero:max(190px, 26vmin)}#app[data-tv="1"] .home-ui{gap:var(--s2)}#app[data-tv="1"] .groove-label{text-shadow:0 0 1.2vmin #000,0 .5vmin #000;font-size:max(32px,4.8vmin)}#app[data-tv="1"] .pick-song{background:#000000d1;border-color:#fff;font-size:max(24px,3.4vmin)}#app[data-tv="1"] .streak{background:#000000d9;border-color:#fff}#app[data-tv="1"] .streak .day{color:#fff;font-size:max(18px,2.8vmin)}#app[data-tv="1"] .streak .day i{width:max(36px,5vmin);height:max(36px,5vmin)}#app[data-tv="1"] .streak em{font-size:max(22px,3.4vmin)}#app[data-tv="1"] .bubble{width:52vmin;height:52vmin}#app[data-tv="1"] .nowchip{width:17vmin}#app[data-tv="1"] .nowchip .pic{width:17vmin;height:17vmin}#app[data-tv="1"] .repdots{gap:1.4vmin}#app[data-tv="1"] .repdots i{width:2.4vmin;height:2.4vmin}#app[data-tv="1"] .repdots i:not(.done):not(.cur){background:#fff6}#app[data-tv="1"] .score{background:#000000e0;border-color:#fff}#app[data-tv="1"] .score b{text-shadow:0 0 1.2vmin #000;font-size:max(44px,8vmin)}#app[data-tv="1"] #beatbar{height:max(26px,4vmin)}#app[data-tv="1"] .routine-bar{background:#000000e0;border-color:#fff}#app[data-tv="1"] .routine-msg{font-size:max(28px,4.6vmin)}#app[data-tv="1"] .routine-pips i{width:max(28px,4.6vmin);height:max(28px,4.6vmin)}#app[data-tv="1"] .suno-credit{color:#fff;font-size:max(16px,2.4vmin)}.home-ui>*{pointer-events:auto}.home-head{justify-content:space-between;align-items:center;gap:var(--s2);padding-right:calc(max(64px, 7.4vmin) + var(--ctl) + var(--gap) + var(--s3));min-height:var(--ctl);flex:none;display:flex}.home-title{flex-direction:column;flex:0 auto;align-items:flex-start;min-width:0;display:flex}.home-head .wordmark{padding:0 .2em .1em 0;font-size:max(26px,5vmin)}.home-head .tagline{text-align:left;margin:0;font-size:max(13px,2vmin);line-height:1.15}#app .home-head .streak{padding:.5vmin var(--s2);gap:max(4px,.7vmin)}#app .home-head .streak .day{gap:.1em;font-size:max(10px,1.4vmin)}#app .home-head .streak .day i{width:max(20px,3vmin);height:max(20px,3vmin)}#app .home-head .streak em{font-size:max(12px,1.7vmin)}.home-songs{--card:clamp(150px, 27vmin, 320px);grid-auto-flow:column;grid-template-rows:repeat(2, var(--card));grid-auto-columns:var(--card);gap:var(--s3);min-height:0;padding:var(--s2) var(--s2) var(--s3);margin:0 calc(var(--s2) * -1);scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex:1;align-content:center;display:grid;overflow:auto hidden}.home-songs::-webkit-scrollbar{display:none}.home-songs .tile-wrap{scroll-snap-align:start}.home-songs .tile .cap{font-size:max(16px,9.5cqw)}.groove-tile{--c1:#ffb020;--c2:#ff4f9a;background:radial-gradient(circle at 50% 38%,#fff2a8 0%,#ffc933 30%,#ff7a3d 68%,#ff3fa4 100%)}.groove-tile .gt-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffffff47 0 8deg, transparent 8deg 20deg);width:190%;animation:24s linear infinite gtspin;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes gtspin{to{transform:translate(-50%,-50%)rotate(360deg)}}.groove-tile .gt-sun{aspect-ratio:1;color:#fff6b8;filter:drop-shadow(0 0 3cqw #fff)drop-shadow(0 1.2cqw #a03c0080);width:46%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.groove-tile .gt-sun svg{width:100%;height:100%}.groove-tile .gt-spark svg{color:#fff;filter:drop-shadow(0 0 2cqw #fff);width:11%;height:11%;animation:2.4s ease-in-out infinite bob;position:absolute}.groove-tile .gt-spark svg:first-child{top:12%;left:12%}.groove-tile .gt-spark svg:nth-child(2){color:var(--gold);animation-delay:-.8s;top:18%;right:12%}.groove-tile .gt-spark svg:nth-child(3){width:8%;height:8%;animation-delay:-1.6s;top:52%;left:16%}.groove-tile .cap{background:linear-gradient(#0000,#6e145099 30%,#5a0a46eb)}.groove-tile .gt-check{aspect-ratio:1;color:#fff;background:#2fbf4f;border:max(2px,.35vmin) solid #fff;border-radius:50%;place-items:center;width:20%;display:grid;position:absolute;top:6%;right:6%}.groove-tile .gt-check svg{width:60%;height:60%}.dancer-chip{appearance:none;cursor:pointer;border:max(3px,.5vmin) solid var(--sw,#fff);width:max(64px,7.4vmin);height:max(64px,7.4vmin);box-shadow:0 .6vmin 0 #00000059, 0 0 2vmin var(--sw,#fff);background:#1a0f45;border-radius:50%;flex:none;padding:0;transition:transform .14s cubic-bezier(.2,.9,.2,1.3);position:relative;overflow:hidden}.dancer-chip img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block}.dancer-chip:focus{outline:none}.dancer-chip:focus-visible{outline-offset:max(3px,.4vmin);z-index:10;outline:max(4px,.7vmin) solid #fff;transform:scale(1.1)}.dancer-chip:active{transform:scale(.92)}.dancer-sheet{z-index:30;pointer-events:auto;position:absolute;inset:0}.dancer-sheet[hidden]{display:none}.ds-back{background:#08041a8c;position:absolute;inset:0}.ds-panel{right:calc(var(--pad) + var(--sar));top:calc(var(--pad) + var(--sat) + max(64px, 7.4vmin) + var(--s2));width:min(calc(100vw - var(--pad) * 2), max(420px, 58vmin));max-height:calc(100vh - var(--pad) * 3 - max(64px, 7.4vmin));align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--r);background:var(--glass);border:max(3px,.4vmin) solid #ffffffb3;flex-direction:column;animation:.22s cubic-bezier(.2,.9,.2,1.2) popin;display:flex;position:absolute;overflow:auto;box-shadow:0 2vmin 6vmin #0009}.ds-panel #looks-home{--dsw:max(68px, 9vmin);border-radius:var(--r);background:#00000040;flex-wrap:wrap}.ds-panel .swatch.locked img{filter:grayscale()brightness(.65)}.ds-hint{text-align:center;color:var(--gold);font-size:max(15px,2.1vmin);font-weight:800}.ds-panel>.btn{--ctl:max(64px, 7.4vmin)}.ds-panel .look-card{max-width:100%}@media (orientation:portrait){#app[data-screen=home] #nova{height:27vh;top:21vh;bottom:auto;left:50%}.home-ui{left:calc(var(--pad) + var(--sal));top:calc(var(--pad) + var(--sat) + var(--ctl) + var(--s1))}.home-head{gap:var(--s1);flex-direction:column;min-height:0;padding-right:0}.home-title{align-items:center}.home-head .tagline{text-align:center;font-size:max(13px,1.9vmin)}.home-songs{gap:var(--s2);touch-action:pan-y;scroll-snap-type:none;--card:100%;grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-auto-flow:row;align-content:start;margin-top:27vh;overflow:hidden auto}.home-songs .tile-wrap{aspect-ratio:1;height:auto}.ds-panel{left:50%;right:auto;transform:translate(-50%)}}@media (orientation:portrait) and (min-width:700px){.home-songs{grid-template-columns:repeat(3,1fr)}#app[data-screen=home] #nova{height:29vh}.home-songs{margin-top:29vh}}.home-ui>.home-head{pointer-events:none}.home-head .wordmark,.home-head .streak{pointer-events:auto}.home-head .streak{flex:none}