:root{--bg:#070310;--panel:rgba(13,8,31,.72);--panel2:rgba(36,17,72,.74);--gold:#ffd36d;--gold2:#ff9f31;--purple:#a84cff;--pink:#ff4fd8;--cyan:#4edcff;--green:#58efaa;--text:#fffaf0;--muted:#c8b9df;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px) }*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;min-height:100%;background:#05020b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}body{display:flex;justify-content:center;overflow-x:hidden;background:linear-gradient(#03010a47,#03010a94),url(./background-BJ9BGWMb.png) center center/cover fixed no-repeat}button{font:inherit;color:inherit;border:0;cursor:pointer}.world-bg{position:fixed;inset:-2px;background-image:url(./background-BJ9BGWMb.png);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;filter:saturate(1.25) contrast(1.1) brightness(.86);z-index:-6;transform:translateZ(0)}.world-shade{position:fixed;inset:0;background:radial-gradient(circle at 50% 44%,#1706351a 0,#04010b9e 62%,#020007eb),linear-gradient(90deg,rgba(3,1,10,.84),transparent 31%,transparent 69%,rgba(3,1,10,.84));z-index:-3}.world-grid{position:fixed;inset:0;opacity:.12;background-image:linear-gradient(rgba(88,216,255,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(88,216,255,.23) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 40%,#000);z-index:-2;pointer-events:none}.app{position:relative;min-height:100dvh;width:min(100%,700px);overflow:hidden;padding:calc(10px + var(--safe-t)) 14px calc(98px + var(--safe-b));background:linear-gradient(180deg,#0702142e,#07031094 42%,#05020bc7);border-inline:1px solid rgba(100,220,255,.12);box-shadow:0 0 120px #00000094;isolation:isolate}.app:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.025) 45%,transparent 48%);background-size:280% 100%;animation:sheen 9s linear infinite}@keyframes sheen{to{background-position:-280% 0}}.ambient{position:fixed;border-radius:50%;filter:blur(75px);opacity:.4;pointer-events:none}.ambient-a{width:280px;height:280px;background:#7526ff;top:-120px;left:-100px}.ambient-b{width:260px;height:260px;background:#ff6a22;bottom:8%;right:-150px}.ambient-c{width:180px;height:180px;background:#00d9ff;top:42%;left:-130px}.glass{background:linear-gradient(145deg,#ffffff20,#ffffff09);border:1px solid rgba(135,218,255,.18);box-shadow:0 20px 65px #00000057,inset 0 1px #ffffff1a,0 0 0 1px #ffc55b09;backdrop-filter:blur(22px) saturate(1.25)}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-radius:21px;padding:0 10px;margin-bottom:10px}.icon-btn{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);font-size:19px;box-shadow:inset 0 1px #ffffff26;transition:.2s}.icon-btn:active{transform:scale(.93)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{font-size:29px;color:var(--gold);text-shadow:0 0 20px var(--purple),0 0 8px #fff}.brand b,.brand em{display:block;line-height:.91}.brand b{font-family:Georgia,serif;font-size:18px}.brand em{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:4px;font-weight:900;text-shadow:0 0 12px rgba(255,211,109,.5)}.wallet{display:flex;align-items:center;gap:7px;background:#00000052;padding:9px 13px;border-radius:999px;color:var(--gold);border:1px solid rgba(255,211,109,.15);box-shadow:inset 0 0 16px #ffbe490d}.screen{display:none;animation:fade .32s ease}.screen.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.hero-card{min-height:284px;border-radius:30px;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 38%,rgba(255,182,73,.34),transparent 24%),radial-gradient(circle at 86% 10%,rgba(106,219,255,.25),transparent 27%),linear-gradient(145deg,#4e1691bf,#080516e6);isolation:isolate}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a04190a,#06020e73),url(./background-BJ9BGWMb.png) center 48%/cover;opacity:.42;z-index:-2}.hero-card:after{content:"";position:absolute;inset:auto 0 0;height:53%;background:linear-gradient(transparent,#05020ceb),repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,205,96,.16) 25px 27px);z-index:-1}.hero-copy{position:relative;z-index:2;max-width:69%}.eyebrow{color:var(--gold);letter-spacing:2.8px;font-size:10px;font-weight:950}.hero-card h1{font-family:Georgia,serif;font-size:39px;line-height:.98;margin:10px 0;text-shadow:0 6px 28px #000}.hero-card p{color:#eadcf7;line-height:1.48;font-size:14px}.hero-sax{position:absolute;right:18px;top:56px;font-size:116px;filter:drop-shadow(0 0 25px #ffb84e) drop-shadow(0 0 50px rgba(137,57,255,.8));transform:rotate(-9deg);z-index:2}.hero-orbit{position:absolute;right:7px;top:24px;width:160px;height:160px;border:1px solid rgba(82,222,255,.34);border-radius:50%;box-shadow:0 0 34px #4dd8ff2e;animation:spin 18s linear infinite}.hero-orbit span{position:absolute;text-shadow:0 0 12px currentColor}.hero-orbit span:nth-child(1){top:5px;left:70px;color:var(--cyan)}.hero-orbit span:nth-child(2){right:5px;top:72px;color:var(--pink)}.hero-orbit span:nth-child(3){left:11px;bottom:24px;color:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}.primary-btn,.secondary-btn{min-height:50px;padding:0 24px;border-radius:16px;font-weight:950;letter-spacing:.7px}.primary-btn{background:linear-gradient(135deg,#fff0a6,#ffbd47 48%,#e98a20);color:#2a1200;box-shadow:0 12px 34px #eea02457,inset 0 1px #fff}.hero-card>.primary-btn{position:absolute;left:28px;bottom:23px;z-index:3}.secondary-btn{background:#ffffff14}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:24px 4px 13px}.section-head h2{margin:3px 0 0;font-family:Georgia,serif;font-size:25px}.section-head>span{color:var(--gold);font-weight:900}.level-map{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.level-node{aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#382061,#160c29);border:2px solid rgba(255,255,255,.12);position:relative;font-weight:950;box-shadow:inset 0 3px 10px #ffffff0d,0 8px 22px #0000004d;transition:.2s}.level-node.unlocked{border-color:#ffd36ddb;box-shadow:0 0 22px #ffd0652e,inset 0 1px #ffffff2e}.level-node.current{background:linear-gradient(145deg,#cb6aff,#4c18a9);box-shadow:0 0 32px #a54dffa6,inset 0 1px #ffffff40;transform:scale(1.06)}.level-node.locked{opacity:.34}.level-node .stars{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;color:var(--gold)}.cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mini-card{border-radius:21px;min-height:130px;padding:19px;text-align:left;overflow:hidden;position:relative}.mini-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--purple);filter:blur(50px);opacity:.18;right:-20px;bottom:-30px}.mini-icon{font-size:30px;display:block}.mini-card b,.mini-card small{display:block;margin-top:8px}.mini-card small{color:var(--muted);font-size:11px}.game-screen{padding-bottom:8px}.game-head{display:grid;grid-template-columns:42px 1fr 1.4fr 1fr 42px;gap:8px;align-items:center;border-radius:20px;padding:8px}.game-head>div{text-align:center}.game-head small{font-size:8px;color:var(--muted);letter-spacing:1.6px;display:block}.game-head b{font-size:19px}.score b{color:var(--gold)}.groove-wrap{margin:10px 0 9px;padding:10px 12px;border-radius:16px}.groove-label{display:flex;justify-content:space-between;font-size:10px;font-weight:950;color:var(--gold);letter-spacing:1.2px}.groove-track{height:9px;background:#211331;border-radius:99px;overflow:hidden;margin-top:6px;box-shadow:inset 0 2px 6px #000}.groove-track div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink),var(--gold));box-shadow:0 0 20px var(--purple);transition:width .28s cubic-bezier(.2,.8,.2,1)}.objective{border-radius:16px;padding:10px 15px;margin-bottom:6px;text-align:center;font-size:12px;color:var(--muted)}.objective b{color:var(--gold)}.swipe-hint{text-align:center;color:#8fe8ff;font-size:9px;font-weight:900;letter-spacing:1.7px;margin:5px 0 7px;text-shadow:0 0 11px rgba(78,220,255,.7)}.swipe-hint span{font-size:14px;margin-right:5px}.board-shell{position:relative;border-radius:26px;padding:3px;background:linear-gradient(145deg,#57ddff7a,#a74dff6b,#ffc75359);box-shadow:0 24px 65px #00000080,0 0 36px #6b4fff33}.board-energy{position:absolute;inset:-10px;border-radius:32px;border:1px solid rgba(99,225,255,.17);animation:pulse 2.8s ease-in-out infinite;pointer-events:none}@keyframes pulse{50%{transform:scale(1.008);box-shadow:0 0 28px #4fd6ff33}}.board{--cols:7;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:5px;padding:8px;border-radius:23px;background:radial-gradient(circle at 50% 0,rgba(93,44,157,.42),transparent 44%),linear-gradient(145deg,#1a0c36f7,#070411fa);border:1px solid rgba(255,255,255,.11);touch-action:none;user-select:none;overflow:hidden;position:relative}.board:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.035) 47%,transparent 50%);background-size:240% 100%;animation:boardSheen 6s linear infinite;pointer-events:none}@keyframes boardSheen{to{background-position:-240% 0}}.tile{aspect-ratio:1;border-radius:13px;display:grid;place-items:center;font-size:clamp(23px,6.8vw,39px);position:relative;background:linear-gradient(145deg,var(--tile1),var(--tile2));box-shadow:inset 0 2px #ffffff52,inset 0 -4px #00000045,0 5px 12px #0000004d;transition:transform .14s,opacity .14s,filter .14s;overflow:hidden;touch-action:none}.tile:before{content:"";position:absolute;inset:2px;border-radius:11px;border:1px solid rgba(255,255,255,.16);pointer-events:none}.tile-glow{position:absolute;inset:-22%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.5),transparent 34%);opacity:.33;pointer-events:none}.tile-icon{position:relative;z-index:2;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.tile.pressed{transform:scale(.91);filter:brightness(1.18)}.tile.selected{transform:scale(.87);outline:3px solid #fff;z-index:2;box-shadow:0 0 24px #fff,0 0 38px var(--cyan)}.tile.moving,.tile.swiped{animation:swipePop .2s ease}.tile.invalid{animation:invalid .22s ease}.tile.matched{animation:blast .33s ease forwards}.tile.special:after{content:"✦";position:absolute;right:4px;top:2px;color:#fff;font-size:12px;text-shadow:0 0 9px #fff;z-index:3}.tile.special-color:after{content:"✹"}.tile[data-type=sax]{--tile1:#ffc84c;--tile2:#a95b05}.tile[data-type=keys]{--tile1:#4fd9ff;--tile2:#1264bb}.tile[data-type=bass]{--tile1:#61efa2;--tile2:#14854e}.tile[data-type=note]{--tile1:#d15dff;--tile2:#6620aa}.tile[data-type=drums]{--tile1:#ff795e;--tile2:#a6292d}.tile[data-type=vinyl]{--tile1:#ff66cf;--tile2:#8d2470}@keyframes swipePop{50%{transform:scale(1.08);filter:brightness(1.35)}}@keyframes invalid{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes blast{50%{transform:scale(1.28);filter:brightness(2)}to{transform:scale(0) rotate(14deg);opacity:0}}.board.remixing{animation:remix .5s ease}@keyframes remix{50%{transform:scale(.96) rotate(.5deg);filter:hue-rotate(35deg) brightness(1.25)}}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:26px}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--gold);animation:spark .62s ease-out forwards}@keyframes spark{to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.band-meter{display:grid;grid-template-columns:repeat(4,1fr);border-radius:18px;padding:10px;margin-top:10px}.band-member{text-align:center}.band-member span{display:block;font-size:20px}.band-member small{font-size:7px;color:var(--muted);letter-spacing:1px}.band-member i{height:4px;width:76%;background:#241637;display:block;margin:5px auto 0;border-radius:9px;overflow:hidden}.band-member i:after{content:"";display:block;height:100%;width:var(--fill,0%);background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 9px var(--cyan);transition:width .3s}.boosters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.boosters button{min-height:64px;border-radius:17px;background:linear-gradient(145deg,#ffffff17,#ffffff09);border:1px solid rgba(255,255,255,.08);position:relative;box-shadow:inset 0 1px #ffffff14;transition:.2s}.boosters button:active{transform:scale(.96)}.boosters span{font-size:24px}.boosters b{position:absolute;top:4px;right:8px;background:linear-gradient(145deg,#c85cff,#6d20c8);width:21px;height:21px;border-radius:50%;font-size:10px;display:grid;place-items:center;box-shadow:0 0 13px #a84cff99}.boosters small{display:block;font-size:8px;color:var(--muted)}.bottom-nav{position:fixed;z-index:8;bottom:calc(10px + var(--safe-b));left:50%;transform:translate(-50%);width:min(calc(100% - 28px),592px);height:72px;border-radius:23px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px}.bottom-nav button{background:transparent;border-radius:17px;color:#9e8daf}.bottom-nav button.active{color:var(--gold);background:#ffffff12;box-shadow:inset 0 0 15px #ffd36d0d}.bottom-nav span,.bottom-nav small{display:block}.bottom-nav span{font-size:22px}.bottom-nav small{font-size:9px;font-weight:850}.modal{position:fixed;z-index:20;inset:0;background:#04020ad1;display:grid;place-items:center;padding:24px;backdrop-filter:blur(10px)}.modal[hidden]{display:none}.modal-card{width:min(100%,420px);border-radius:29px;padding:30px;text-align:center}.modal-icon{font-size:70px;filter:drop-shadow(0 0 25px rgba(255,194,79,.5))}.modal-card h2{font-family:Georgia,serif;font-size:32px;margin:10px}.modal-card p{color:var(--muted);line-height:1.5}.modal-stats{display:flex;justify-content:center;gap:14px;margin:18px}.modal-stats span{background:#ffffff12;padding:10px 15px;border-radius:13px}.modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.toast{position:fixed;z-index:30;left:50%;top:calc(82px + var(--safe-t));transform:translate(-50%,-20px);background:linear-gradient(135deg,#fff,#e8dcff);color:#1a0e29;padding:11px 18px;border-radius:999px;font-weight:850;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 14px 35px #00000052}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:430px){.app{padding-left:8px;padding-right:8px}.topbar{height:58px}.hero-card{min-height:244px;padding:22px}.hero-card h1{font-size:32px}.hero-card p{font-size:12px}.hero-sax{font-size:92px;top:55px}.hero-orbit{width:130px;height:130px}.board{gap:4px;padding:6px}.tile{border-radius:10px}.bottom-nav{width:calc(100% - 18px)}.game-head{grid-template-columns:38px 1fr 1.35fr 1fr 38px}.game-head .icon-btn{width:38px;height:38px}.objective{font-size:11px}.band-meter{padding:8px}.boosters button{min-height:59px}}@media(min-width:800px){.app{margin-block:0}.world-bg{background-position:center 48%}.board .tile{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.world-vignette{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at center,transparent 0 42%,rgba(2,0,9,.32) 72%,rgba(2,0,8,.82) 100%)}.world-stars{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 12% 20%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 78% 13%,#88e9ff 0 1px,transparent 1.8px),radial-gradient(circle at 91% 64%,#ff6fe1 0 1px,transparent 1.8px),radial-gradient(circle at 32% 78%,#ffd36d 0 1px,transparent 1.8px);background-size:220px 220px,290px 290px,340px 340px,260px 260px;animation:starDrift 28s linear infinite}@keyframes starDrift{to{transform:translate3d(-70px,30px,0)}}.shell,.topbar,.bottom-nav{position:relative;z-index:2}.game-screen{position:relative}.game-screen:before{content:"";position:absolute;inset:-18px -14px -30px;border-radius:34px;z-index:-1;background:linear-gradient(180deg,#06021070,#05010cb8);backdrop-filter:blur(6px)}.play-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0}.hint-btn{min-width:88px;height:34px;border-radius:999px;padding:0 14px;background:linear-gradient(135deg,#4bd8ff2e,#a84cff33);border:1px solid rgba(107,226,255,.28);font-weight:900;font-size:10px;letter-spacing:1.4px;box-shadow:inset 0 1px #ffffff1f,0 0 18px #4edcff14}.hint-btn:active{transform:scale(.96)}.tile.hint{animation:hintPulse .72s ease-in-out 3;z-index:5}@keyframes hintPulse{50%{transform:scale(1.12);filter:brightness(1.45);box-shadow:0 0 0 3px #ffdd70b3,0 0 30px #ffd36dd9}}.combo-banner{position:absolute;left:50%;top:184px;z-index:20;min-width:200px;padding:10px 24px;border-radius:20px;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-25px) scale(.75);background:linear-gradient(135deg,#ff9f31f2,#a84cfff0);border:1px solid rgba(255,255,255,.48);box-shadow:0 15px 50px #a84cff73,inset 0 1px #ffffff61}.combo-banner small,.combo-banner b{display:block}.combo-banner small{font-size:9px;letter-spacing:2px}.combo-banner b{font-size:30px;line-height:1}.combo-banner.show{animation:comboPop 1.15s ease both}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-35px) scale(.6)}22%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(1.15)}}.settings-scrim{position:fixed;inset:0;z-index:79;background:#020008a8;backdrop-filter:blur(9px)}.settings-panel{position:fixed;z-index:80;top:calc(14px + var(--safe-t));right:max(14px,calc((100vw - 700px)/2 + 14px));width:min(420px,calc(100vw - 28px));padding:22px;border-radius:28px;transform:translate(calc(100% + 40px));opacity:0;transition:.32s cubic-bezier(.2,.8,.2,1)}.settings-panel.open{transform:none;opacity:1}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head small{color:var(--gold);letter-spacing:2px;font-weight:900}.panel-head h2{margin:3px 0 0;font-size:25px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;border-top:1px solid rgba(255,255,255,.08)}.setting-row span>*{display:block}.setting-row small{margin-top:4px;color:var(--muted);font-size:11px}.setting-row input{appearance:none;width:52px;height:29px;flex:0 0 auto;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);position:relative;transition:.2s}.setting-row input:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #00000059;transition:.2s}.setting-row input:checked{background:linear-gradient(90deg,var(--purple),var(--cyan))}.setting-row input:checked:before{transform:translate(23px)}.danger-btn{width:100%;padding:13px;margin-top:14px;border-radius:14px;background:#ff4b691a;border:1px solid rgba(255,86,116,.3);color:#ff9bad;font-weight:900;font-size:11px;letter-spacing:1.1px}.settings-version{text-align:center;color:var(--muted);font-size:10px;margin:17px 0 0}.level-intro{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:20px;background:#020009b8;backdrop-filter:blur(15px)}.level-intro-card{width:min(470px,100%);border-radius:32px;padding:30px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,184,74,.24),transparent 36%),linear-gradient(145deg,#2c1053f0,#070312f5)}.level-intro-card h2{font-family:Georgia,serif;font-size:35px;margin:7px 0 12px}.intro-objective{padding:15px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.1);color:var(--muted);line-height:1.6}.intro-objective b{color:var(--gold)}.intro-rewards{display:grid;gap:6px;margin:17px 0;color:var(--muted);font-size:11px}.intro-rewards span:first-child{color:#fff}.achievement{position:fixed;z-index:95;top:calc(80px + var(--safe-t));left:50%;display:flex;align-items:center;gap:12px;min-width:270px;padding:13px 18px;border-radius:18px;opacity:0;pointer-events:none;transform:translate(-50%,-30px);background:linear-gradient(135deg,#130b2af7,#381256f7);border:1px solid rgba(255,214,103,.36);box-shadow:0 20px 60px #0000007a,0 0 34px #a84cff3d}.achievement>span{font-size:28px}.achievement small,.achievement b{display:block}.achievement small{color:var(--gold);font-size:8px;letter-spacing:2px}.achievement.show{animation:achievementIn 3.2s ease both}@keyframes achievementIn{0%,to{opacity:0;transform:translate(-50%,-30px)}12%,82%{opacity:1;transform:translate(-50%)}}.board-shell.dragging{filter:brightness(1.05)}.tile.drag-origin{z-index:8;transform:scale(1.08);box-shadow:0 0 0 2px #4edcffa6,0 18px 35px #0000007a}.board.no-input{pointer-events:none}.modal-card.pause-mode .modal-icon{animation:pulse 1.4s ease infinite}.modal-card.pause-mode .modal-stats{display:none}@media(min-width:1000px){.app{width:min(100%,760px);padding-inline:28px;background:linear-gradient(180deg,#0702141c,#07031080 44%,#05020bb8)}.world-shade{background:radial-gradient(circle at 50% 43%,#12042a05,#03010a80 80%)}}@media(max-width:520px){.settings-panel{right:14px}.combo-banner{top:176px}.level-intro-card{padding:24px 18px}.level-intro-card h2{font-size:29px}}@media(orientation:landscape)and (max-height:650px){.app{width:min(100%,980px);padding-bottom:16px}.topbar{height:50px}.game-head{position:sticky;top:4px;z-index:10}}[hidden],.level-intro[hidden],.modal[hidden],.settings-scrim[hidden]{display:none!important}.brand-art{overflow:hidden;border-radius:10px}.brand-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.16)}.hero-sax{width:150px;height:150px;right:12px;top:52px;border-radius:36px;overflow:hidden;transform:rotate(8deg);box-shadow:0 25px 55px #00000080,0 0 38px #ffb32d47}.hero-sax img{width:100%;height:100%;object-fit:cover}.map-viewport{position:relative;border-radius:28px;padding:18px 10px;overflow:hidden;background:linear-gradient(180deg,#230a4bb8,#04020fe0);min-height:560px}.map-viewport:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(255,165,53,.2),transparent 25%),linear-gradient(180deg,transparent 40%,rgba(78,220,255,.08));pointer-events:none}.map-skyline{position:absolute;left:0;right:0;bottom:0;height:180px;display:flex;align-items:flex-end;gap:4px;opacity:.22;filter:drop-shadow(0 0 12px #7d43ff)}.map-skyline i{flex:1;background:linear-gradient(#7648ff,#100529);height:45%;clip-path:polygon(0 12%,25% 12%,25% 0,50% 0,50% 20%,75% 20%,75% 8%,100% 8%,100% 100%,0 100%)}.map-skyline i:nth-child(2){height:80%}.map-skyline i:nth-child(3){height:60%}.map-skyline i:nth-child(4){height:95%}.map-skyline i:nth-child(5){height:55%}.world-map{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:26px;max-height:610px;overflow-y:auto;padding:38px 15px 90px;scrollbar-width:none;mask-image:linear-gradient(transparent,black 7%,black 93%,transparent)}.world-map::-webkit-scrollbar{display:none}.world-map:before{content:"";position:absolute;top:44px;bottom:60px;left:50%;width:8px;transform:translate(-50%);border-radius:999px;background:linear-gradient(#ffd46b,#c34cff,#4edcff,#ffd46b);box-shadow:0 0 20px #a84cff;opacity:.6}.level-node{position:relative;width:78px;height:78px;flex:0 0 auto;border-radius:50%;z-index:2;display:grid;place-items:center;background:linear-gradient(145deg,#3b176b,#140823);border:4px solid rgba(255,255,255,.12);box-shadow:0 14px 30px #00000073}.level-node:nth-of-type(odd){transform:translate(-88px)}.level-node:nth-of-type(2n){transform:translate(88px)}.level-node i{font-style:normal;font-weight:950;font-size:20px}.level-node span{position:absolute;bottom:-19px;white-space:nowrap;color:var(--gold);font-size:11px}.level-node small{position:absolute;top:-18px;font-size:7px;letter-spacing:1.4px;color:var(--cyan)}.level-node.unlocked{background:radial-gradient(circle at 35% 25%,#fff0ad,#ff9c34 24%,#8c28da 66%,#19052e);border-color:#ffd56d;box-shadow:0 0 0 5px #ffd36d1a,0 0 26px #a84cff73,0 18px 35px #0000007a}.level-node.current{animation:mapPulse 1.7s ease-in-out infinite}.level-node.locked{filter:grayscale(1);opacity:.42}.reward-node i{font-size:28px}.map-venue{position:relative;z-index:3;width:min(90%,390px);padding:11px 18px;border-radius:14px;text-align:center;background:linear-gradient(90deg,#4edcff14,#a84cff4d,#ffd36d14);border:1px solid rgba(255,255,255,.16);letter-spacing:2px;font-size:9px;font-weight:900;color:var(--gold)}@keyframes mapPulse{50%{transform:translate(var(--map-x,0)) scale(1.08);box-shadow:0 0 0 10px #ffd36d14,0 0 45px #ffd36d8c}}.level-node.current:nth-of-type(odd){--map-x:-88px}.level-node.current:nth-of-type(2n){--map-x:88px}.board{touch-action:none;user-select:none}.tile{padding:0;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important;transform:translate3d(var(--drag-x,0),var(--drag-y,0),0) rotate(var(--drag-rotate,0deg));transition:transform .16s cubic-bezier(.2,.85,.25,1.25),filter .2s}.tile-art{position:absolute;inset:1px;display:block;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px #fff3,0 6px 13px #00000047}.tile-art img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transform:scale(1.025)}.tile-shine{position:absolute;inset:3px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.36),transparent 29%,transparent 70%,rgba(255,255,255,.09));pointer-events:none;mix-blend-mode:screen}.tile.drag-origin{z-index:30;transition:none;filter:brightness(1.18) saturate(1.15);box-shadow:none}.tile.drag-origin .tile-art{box-shadow:0 22px 34px #0000008c,0 0 0 4px #6ce7ffbf,0 0 34px #a84cffb8}.tile.snap-back{transition:transform .32s cubic-bezier(.18,1.55,.35,1)}.special-badge{position:absolute;z-index:6;inset:13%;width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 0 8px #fff);pointer-events:none}.tile.special .tile-art{filter:saturate(1.35) brightness(1.08)}.payload-badge{position:absolute;z-index:8;bottom:3px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:999px;background:#12041d;border:1px solid #fff;color:#ffd969;font-size:6px;font-weight:950;letter-spacing:1px}.tile.payload:before{content:"";position:absolute;z-index:7;inset:-3px;border-radius:16px;border:3px solid #ffd65f;box-shadow:0 0 20px #ffab2f;animation:payloadGlow 1s ease-in-out infinite}@keyframes payloadGlow{50%{opacity:.4;transform:scale(1.04)}}.stage-lit .tile-art{box-shadow:0 0 0 3px #73f8ff,0 0 28px #4edcffbf}.blocker{position:absolute;z-index:10;inset:0;border-radius:14px;display:grid;place-items:center;pointer-events:none;overflow:hidden}.blocker i{position:absolute;inset:0}.blocker b{z-index:2;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#12051e;border:2px solid #fff;color:#fff;font-size:10px}.blocker-crate i{background:repeating-linear-gradient(45deg,#5c2e0ced 0 12px,#b5691af0 12px 24px);border:5px solid #e0a13f;box-shadow:inset 0 0 20px #3a1600}.blocker-lock i{background:linear-gradient(135deg,#12192d26,#080212cc);border:5px solid #d8e5ff}.blocker-lock:after{content:"🔒";font-size:24px;z-index:1}.blocker-fog i{background:radial-gradient(circle at 35% 40%,#ffffffbf,#a0aad78c 38%,#452a69bf);backdrop-filter:blur(4px)}.blocker-amp i{background:radial-gradient(circle,#09090e 0 27%,#45405d 29% 35%,#100b1d 38%),linear-gradient(135deg,#4a1c67,#12041f);background-size:70% 70%,100%;background-position:center;background-repeat:no-repeat;border:5px solid #8f62b4}.blocker-ice i{background:linear-gradient(135deg,#c5f8ffb8,#4d8dff4d);border:4px solid rgba(220,253,255,.9);clip-path:polygon(0 8%,38% 0,55% 10%,100% 2%,94% 55%,100% 100%,50% 93%,0 100%,8% 48%)}.blocker-curtain i{background:repeating-linear-gradient(90deg,#4a073f 0 10px,#a51e82 10px 20px,#5e0a53 20px 30px);border:4px solid #e45bc5}.blocker-cable i{background:radial-gradient(circle at 20% 20%,transparent 0 25%,#20202b 27% 31%,transparent 33%),radial-gradient(circle at 80% 80%,transparent 0 25%,#2b2436 27% 31%,transparent 33%);background-size:34px 34px}.blocker-stage{opacity:.38;background:radial-gradient(circle,#fff2a6,#ff9c35 20%,#7c24d3 44%,transparent 66%)}.objective{display:flex;align-items:center;gap:11px}.objective>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffbc4c,#8d2eff);font-size:22px}.objective div{min-width:0}.objective b,.objective small{display:block}.objective small{margin-top:3px;color:var(--muted)}.band-member img{width:30px;height:30px;border-radius:9px;object-fit:cover;display:block;margin:auto}.booster-art img{width:28px;height:28px;border-radius:8px;object-fit:cover}.tutorial{position:fixed;z-index:120;inset:0;display:grid;place-items:end center;padding:24px 24px calc(28px + var(--safe-b));background:radial-gradient(circle at 50% 48%,transparent 0 18%,rgba(3,0,10,.62) 32%,rgba(2,0,8,.93) 72%);backdrop-filter:blur(4px)}.tutorial-card{position:relative;width:min(100%,470px);padding:24px;border-radius:28px;background:linear-gradient(145deg,#321058fa,#070312fa);border:1px solid rgba(255,217,104,.32);box-shadow:0 24px 80px #000000a6,0 0 45px #a84cff40}.tutorial-host{position:absolute;right:20px;top:-44px;width:88px;height:88px;border-radius:24px;overflow:hidden;box-shadow:0 0 28px #ffae3d80;transform:rotate(6deg)}.tutorial-host img{width:100%;height:100%;object-fit:cover}.tutorial-host span{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:7px;font-weight:950;letter-spacing:1px}.tutorial-card>small{color:var(--gold);font-weight:900;letter-spacing:2px}.tutorial-card h2{font-family:Georgia,serif;font-size:28px;margin:9px 90px 8px 0}.tutorial-card p{color:var(--muted);line-height:1.6}.tutorial-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:18px}@media(max-width:430px){.tile-art,.blocker{border-radius:10px}.world-map{max-height:540px}.level-node{width:68px;height:68px}.level-node:nth-of-type(odd){transform:translate(-68px)}.level-node:nth-of-type(2n){transform:translate(68px)}.level-node.current:nth-of-type(odd){--map-x:-68px}.level-node.current:nth-of-type(2n){--map-x:68px}.tutorial-card h2{font-size:24px}}.board{pointer-events:auto!important;touch-action:none!important}.board.no-input{pointer-events:none!important}.game-screen.active .board:not(.no-input){pointer-events:auto!important}.tile{cursor:grab;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.tile:active,.tile.drag-origin{cursor:grabbing}.tutorial[hidden],.level-intro[hidden],.modal[hidden],.settings-scrim[hidden]{display:none!important;pointer-events:none!important}.board,.board.no-input,.game-screen.active .board,.tile{pointer-events:auto!important}.board{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.tile{touch-action:none!important;cursor:grab}.tile:active{cursor:grabbing}.tutorial{pointer-events:none!important}.tutorial .tutorial-card,.tutorial .tutorial-card *{pointer-events:auto!important}.board.is-dragging .tile:not(.drag-origin){pointer-events:none!important}.tile.drag-origin{pointer-events:auto!important}.board.is-dragging{cursor:grabbing}.tile.drag-origin{z-index:40!important;pointer-events:auto!important;transition:none!important}.tile.snap-back{transition:transform .32s cubic-bezier(.18,1.55,.35,1)!important}.tile-empty{pointer-events:none!important;opacity:.12;transform:scale(.62);transition:opacity .14s ease,transform .14s ease}.tile-empty-core{position:absolute;inset:8px;border-radius:13px;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(111,67,255,.08) 45%,transparent 72%);box-shadow:inset 0 0 18px #69e1ff1f}.volume-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;padding:14px 2px;border-top:1px solid rgba(255,255,255,.08)}.volume-row span{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1}.volume-row span b{font-size:13px}.volume-row span small{color:var(--gold);font-weight:900}.volume-row input[type=range]{grid-column:1/-1;appearance:none;width:100%;height:7px;border-radius:999px;background:linear-gradient(90deg,#a84cffe6,#4edcffe6);outline:none}.volume-row input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #9d50ff;box-shadow:0 0 18px #4edcff8c,0 4px 12px #0006}.volume-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #9d50ff;box-shadow:0 0 18px #4edcff8c}.audio-debug{position:fixed;z-index:10000;left:10px;bottom:10px;width:min(330px,calc(100vw - 20px));padding:12px 14px;border-radius:14px;background:#03010ae6;border:1px solid rgba(78,220,255,.35);box-shadow:0 12px 40px #0000008c;font:700 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9e5ff;pointer-events:none}.audio-debug b,.audio-debug span{display:block}.audio-debug b{color:#ffd96b;letter-spacing:1.2px}.audio-debug span{color:#aeeeff}.home-studio-progress{position:relative;z-index:5;margin-top:14px;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#0a0419b8,#5b1a8b70);border:1px solid rgba(255,216,103,.25);box-shadow:inset 0 1px #ffffff17}.home-studio-progress>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:12px}.home-studio-progress small,.home-studio-progress b{display:block}.home-studio-progress small{color:var(--gold);font-size:7px;letter-spacing:1.5px}.home-studio-progress b{font-size:15px}.home-studio-progress>strong{position:absolute;right:14px;top:16px;color:#fff;font-size:11px}.studio-progress-track{height:8px;margin-top:10px;border-radius:999px;overflow:hidden;background:#00000061;box-shadow:inset 0 2px 5px #00000073}.studio-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb545,#c64cff,#4ee7ff);box-shadow:0 0 16px #4ee7ffa6;transition:width .6s cubic-bezier(.2,.8,.2,1)}.studio-link-button{width:100%;margin-top:10px;padding:9px 12px;border-radius:11px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:900;letter-spacing:1.2px}.stem-node{border-color:#70eaff!important}.stem-node:after{content:"STEM";position:absolute;right:-12px;top:4px;padding:3px 6px;border-radius:999px;background:#12051f;border:1px solid #67eeff;color:#7ef5ff;font-size:6px;font-weight:950;letter-spacing:1px}.stem-node.stem-collected{background:radial-gradient(circle at 35% 25%,#fff5b5,#ffb344 22%,#37d9c3 63%,#102038)!important}.stem-node.stem-collected:after{content:"RECORDED";border-color:#8cffc2;color:#8cffc2}.studio-screen,.playlist-screen{padding-bottom:24px}.studio-hero,.playlist-hero{padding:26px;border-radius:28px;background:radial-gradient(circle at 80% 0,rgba(255,185,67,.22),transparent 30%),linear-gradient(145deg,#300f53e0,#060311ed)}.studio-hero h1,.playlist-hero h1{font-family:Georgia,serif;font-size:34px;margin:6px 0}.studio-hero p,.playlist-hero p{color:var(--muted);line-height:1.55}.studio-master-progress{margin-top:20px;padding:15px;border-radius:18px;background:#0003;border:1px solid rgba(255,255,255,.1)}.studio-master-progress>div:first-child{display:flex;justify-content:space-between;gap:10px}.studio-master-progress span{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:1.5px}.stem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stem-card{position:relative;min-height:124px;padding:14px;border-radius:20px;display:flex;align-items:center;gap:12px;overflow:hidden}.stem-card img{width:64px;height:64px;object-fit:cover;border-radius:16px;box-shadow:0 10px 24px #0000006b}.stem-card small,.stem-card b,.stem-card span{display:block}.stem-card small{font-size:7px;color:var(--cyan);letter-spacing:1px}.stem-card b{font-size:16px;margin:4px 0}.stem-card span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#8bffbe}.stem-card.locked{filter:grayscale(.8);opacity:.54}.stem-card.locked img{filter:brightness(.45)}.stem-card.locked span{color:var(--muted)}.stem-number{position:absolute;right:10px;top:6px;font-size:24px;font-weight:950;color:#ffffff14}.studio-message,.future-songs{display:flex;align-items:center;gap:14px;margin-top:14px;padding:17px;border-radius:19px}.studio-message>span,.future-songs>span{font-size:30px}.studio-message b,.studio-message small,.future-songs b,.future-songs small{display:block}.studio-message small,.future-songs small{color:var(--muted);margin-top:3px}.studio-complete-card{margin-top:14px;padding:20px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,215,90,.26),transparent 42%),linear-gradient(145deg,#451a67ed,#070312f5)}.studio-complete-card>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:linear-gradient(145deg,#ffd766,#a54cff);font-size:28px}.studio-complete-card h2{font-family:Georgia,serif;font-size:28px;margin:7px}.studio-complete-card p{color:var(--muted)}.playlist-song-card{margin-top:16px;border-radius:27px;padding:16px;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.playlist-cover{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-cover>span{position:absolute;inset:0;display:grid;place-items:center;background:#03010aad;font-size:35px}.playlist-song-info small{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:1.5px}.playlist-song-info h2{font-family:Georgia,serif;font-size:27px;margin:5px 0}.playlist-song-info p{color:var(--muted)}.playlist-stem-badge{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:999px;background:#4ee3ff1a;border:1px solid rgba(78,227,255,.25);font-size:8px;font-weight:900;letter-spacing:1px}.playlist-controls{grid-column:1/-1;display:grid;grid-template-columns:52px 1fr 44px;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}.playlist-play,.playlist-favorite{height:44px;border-radius:50%;background:linear-gradient(145deg,#ffbd4c,#9b36ff);font-weight:950}.playlist-favorite{background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:18px}.playlist-favorite.active{color:#ff6ca8;border-color:#ff6ca8}.playlist-timeline input{width:100%;accent-color:#c64cff}.playlist-timeline>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:4px}.playlist-song-card.locked{filter:saturate(.5)}.stem-reward,.song-reveal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:#020009d1;backdrop-filter:blur(16px)}.stem-reward-card,.song-reveal-card{position:relative;width:min(470px,100%);padding:30px;border-radius:32px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(255,198,73,.3),transparent 34%),linear-gradient(145deg,#3d1467fa,#070313fa);border:1px solid rgba(255,220,118,.35);box-shadow:0 30px 100px #000000b8,0 0 60px #ab49ff47}.stem-reward-card>small,.song-reveal-card>small{display:block;margin-top:10px;color:#fff;font-size:11px;font-weight:950;letter-spacing:3px}.stem-reward-card>img{width:150px;height:150px;margin:18px auto 6px;border-radius:34px;object-fit:cover;box-shadow:0 18px 45px #00000085,0 0 38px #ffc64559;animation:rewardFloat 3s ease-in-out infinite}.stem-reward-card h2,.song-reveal-card h1{font-family:Georgia,serif;font-size:40px;margin:6px}.stem-reward-card p,.song-reveal-card p{color:var(--muted);line-height:1.6}.reward-count,.song-unlocked-badge{display:inline-block;margin:14px 0;padding:9px 13px;border-radius:999px;background:#4ee7ff1a;border:1px solid rgba(78,231,255,.28);font-size:9px;font-weight:950;letter-spacing:1.3px}.reward-bonus{margin-bottom:15px;color:var(--gold);font-weight:950;font-size:11px;letter-spacing:1.3px}.reward-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg,rgba(255,214,92,.09) 0 8deg,transparent 8deg 18deg);animation:spin 18s linear infinite;pointer-events:none}.assembly-orbit{position:relative;height:185px;margin-bottom:4px}.assembly-orbit img{position:absolute;width:84px;height:84px;border-radius:22px;object-fit:cover;box-shadow:0 10px 30px #00000073}.assembly-orbit img:nth-child(1){left:50%;top:48px;transform:translate(-50%);z-index:5}.assembly-orbit img:nth-child(2){left:7%;top:12px;transform:rotate(-12deg)}.assembly-orbit img:nth-child(3){right:7%;top:12px;transform:rotate(12deg)}.assembly-orbit img:nth-child(4){left:17%;bottom:0;transform:rotate(8deg)}.assembly-orbit img:nth-child(5){right:17%;bottom:0;transform:rotate(-8deg)}.song-reveal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.song-reveal-actions .primary-btn{grid-column:1/-1}.intro-stem-reward{margin-top:12px;padding:10px;border-radius:12px;background:#ffc43e17;border:1px solid rgba(255,196,62,.22);color:var(--gold);font-size:9px;letter-spacing:.7px}@keyframes rewardFloat{50%{transform:translateY(-7px) scale(1.025)}}@media(max-width:520px){.stem-grid{grid-template-columns:1fr}.playlist-song-card{grid-template-columns:92px 1fr}.playlist-song-info h2{font-size:23px}.stem-reward-card,.song-reveal-card{padding:24px 17px}.stem-reward-card h2,.song-reveal-card h1{font-size:32px}.song-reveal-actions{grid-template-columns:1fr}.song-reveal-actions .primary-btn{grid-column:auto}}.topbar-audio-actions{display:flex;align-items:center;gap:7px}.global-mute-button{position:relative;display:grid!important;place-items:center;gap:0;min-width:48px;min-height:48px;padding:5px!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#1c0d39d1,#080414e6)!important;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff12}.global-mute-button span{font-size:20px;line-height:1}.global-mute-button small{display:block;font-size:6px;line-height:1;font-weight:950;letter-spacing:.8px;color:var(--cyan)}.global-mute-button[data-state=muted]{border-color:#ff638e73!important;background:linear-gradient(145deg,#5f1435c7,#14040ff0)!important;box-shadow:0 0 24px #ff4c822b,inset 0 1px #ffffff12}.global-mute-button[data-state=muted] small{color:#ff8caf}.master-mute-row{border-radius:15px;padding:13px 12px!important;background:linear-gradient(135deg,#ff4d8214,#8439ff14);border:1px solid rgba(255,255,255,.08)!important}.volume-row input[type=range]:disabled{opacity:.32;filter:grayscale(1);cursor:not-allowed}.playlist-favorite[aria-pressed=true]{color:#ffdf77;border-color:#ffdc6c80;background:#ffcd481a}input[type=range]:focus-visible,button:focus-visible{outline:3px solid rgba(78,231,255,.8);outline-offset:3px}@media(max-width:520px){.topbar-audio-actions{gap:4px}.global-mute-button{min-width:44px;min-height:44px}}html{min-height:100%;scroll-padding-bottom:calc(104px + var(--safe-b))}body{min-height:100dvh;align-items:flex-start}.app{width:min(100%,760px);min-height:100dvh;overflow:visible;padding:calc(10px + var(--safe-t)) clamp(10px,2.2vw,22px) calc(112px + var(--safe-b))}.shell{position:relative;z-index:2;width:100%;min-width:0}.topbar{position:sticky!important;top:calc(8px + var(--safe-t));z-index:40;display:grid;grid-template-columns:minmax(94px,1fr) auto minmax(94px,1fr);align-items:center;width:100%;height:70px;padding:8px 12px;margin-bottom:12px;overflow:hidden}.topbar-audio-actions{justify-self:start;min-width:0}.brand{justify-self:center;min-width:0;gap:8px}.brand-mark.brand-art{flex:0 0 42px;width:42px;height:42px;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000061,0 0 18px #ffb53433}.brand-mark.brand-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transform:scale(1.04)}.brand>div{min-width:0}.brand b{font-size:17px;white-space:nowrap}.brand em{font-size:9px;letter-spacing:3px}.wallet{justify-self:end;max-width:116px;min-width:82px;padding:9px 12px;overflow:hidden}.wallet b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-mute-button{flex:0 0 46px;min-width:46px;width:46px;height:46px}.topbar-audio-actions>.icon-btn:not(.global-mute-button){flex:0 0 42px}.hero-card{display:grid;grid-template-rows:auto 1fr auto;min-height:330px;padding:28px;overflow:hidden}.hero-copy{max-width:min(68%,460px)}.hero-sax{width:146px;height:146px;right:20px;top:54px}.hero-actions{position:relative;z-index:5;align-self:end;display:grid;grid-template-columns:minmax(172px,210px) minmax(0,1fr);gap:12px;align-items:stretch;width:100%;margin-top:24px}.hero-card>.primary-btn{position:static!important;left:auto!important;bottom:auto!important}.hero-play-button{width:100%;min-width:0;min-height:74px;padding-inline:16px;align-self:stretch}.home-studio-progress{position:relative;inset:auto;min-width:0;width:100%;margin:0;padding:12px 14px}.home-studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-studio-heading>div{min-width:0}.home-studio-heading strong{position:static;flex:0 0 auto;color:#fff;font-size:11px}.home-studio-progress>strong{position:static}.studio-link-button{min-height:34px}.section-head{gap:16px}.section-head>div{min-width:0}.section-head>span{flex:0 0 auto;white-space:nowrap}.map-viewport{width:100%;min-height:500px;height:min(58dvh,620px);max-height:620px;padding:12px 10px}.world-map{width:100%;height:100%;max-height:none;padding:34px 15px 82px;overscroll-behavior:contain;scroll-padding-block:90px}.world-map:before{bottom:72px}.level-node{flex-shrink:0}.cards-row{align-items:stretch;margin-top:18px}.mini-card{min-width:0;min-height:122px;height:100%}.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(10px + var(--safe-b))!important;transform:translate(-50%)!important;z-index:100!important;width:min(calc(100% - 24px),700px);height:72px;margin:0!important}.bottom-nav button,.screen{min-width:0}.screen.active{padding-bottom:4px}.cards-row:last-child,.studio-complete-card,.future-songs,.playlist-song-card{margin-bottom:8px}@media(min-width:1000px){.app{width:min(100%,760px);padding-inline:28px;padding-bottom:calc(114px + var(--safe-b))}.map-viewport{height:min(58dvh,620px)}}@media(max-width:720px){.topbar{grid-template-columns:minmax(86px,1fr) auto minmax(78px,1fr);padding-inline:8px}.brand b{font-size:15px}.brand em{font-size:8px;letter-spacing:2.4px}.wallet{min-width:72px;padding-inline:10px}.hero-card{min-height:350px;padding:24px}.hero-copy{max-width:66%}.hero-actions{grid-template-columns:minmax(150px,190px) minmax(0,1fr)}}@media(max-width:560px){.app{padding-left:8px;padding-right:8px;padding-bottom:calc(104px + var(--safe-b))}.topbar{position:relative!important;top:auto;height:64px;grid-template-columns:auto 1fr auto;gap:6px;padding:7px}.topbar-audio-actions{gap:4px}.global-mute-button{width:40px;min-width:40px;height:40px}.topbar-audio-actions>.icon-btn:not(.global-mute-button){width:38px;height:38px;flex-basis:38px}.brand{justify-self:center;gap:5px}.brand-mark.brand-art{width:36px;height:36px;flex-basis:36px}.brand b{font-size:13px}.brand em{font-size:7px;letter-spacing:2px}.wallet{min-width:64px;max-width:78px;padding:8px 9px;gap:5px;font-size:12px}.hero-card{min-height:430px;padding:22px 18px}.hero-copy{max-width:72%}.hero-card h1{font-size:33px}.hero-card p{font-size:12px}.hero-sax{width:112px;height:112px;right:10px;top:66px;border-radius:26px}.hero-orbit{width:126px;height:126px;right:-6px;top:46px}.hero-actions{grid-template-columns:1fr;gap:10px;margin-top:18px}.hero-play-button{min-height:52px}.home-studio-progress{padding:11px 12px}.section-head{margin-top:20px}.section-head h2{font-size:23px}.map-viewport{min-height:460px;height:58dvh;max-height:560px;border-radius:23px}.world-map{padding-inline:5px}.level-node{width:70px;height:70px}.level-node:nth-of-type(odd){transform:translate(-72px)}.level-node:nth-of-type(2n){transform:translate(72px)}.level-node.current:nth-of-type(odd){--map-x:-72px}.level-node.current:nth-of-type(2n){--map-x:72px}.cards-row{grid-template-columns:1fr;gap:10px}.mini-card{min-height:104px}.bottom-nav{width:calc(100% - 16px);height:68px;bottom:calc(8px + var(--safe-b))!important}}@media(max-width:390px){.brand>div{display:none}.topbar{grid-template-columns:auto 1fr auto}.brand{justify-self:center}.hero-copy{max-width:68%}.level-node:nth-of-type(odd){transform:translate(-61px)}.level-node:nth-of-type(2n){transform:translate(61px)}.level-node.current:nth-of-type(odd){--map-x:-61px}.level-node.current:nth-of-type(2n){--map-x:61px}}.hero-host-chip{position:absolute;z-index:7;right:20px;bottom:112px;display:flex;align-items:center;gap:9px;padding:7px 10px 7px 7px;border-radius:999px;background:#070312b8;border:1px solid rgba(255,214,101,.28);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000059}.hero-host-chip img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top}.hero-host-chip small,.hero-host-chip b{display:block}.hero-host-chip small{font-size:6px;color:var(--gold);letter-spacing:1.2px}.hero-host-chip b{font-size:11px}.studio-host{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;border-radius:18px;background:#0000002e;border:1px solid rgba(255,255,255,.09)}.studio-host img{width:58px;height:58px;border-radius:18px;object-fit:cover;object-position:top;background:linear-gradient(145deg,#6730a9,#d79242)}.studio-host small,.studio-host b,.studio-host span{display:block}.studio-host small{color:var(--gold);font-size:7px;letter-spacing:1.3px}.studio-host b{font-size:17px;margin:2px 0}.studio-host span{color:var(--muted);font-size:10px}.reward-host-strip,.reveal-host-strip{position:relative;z-index:4;display:flex;align-items:center;gap:10px;margin:0 auto 14px;padding:8px 10px;border-radius:16px;background:#00000040;border:1px solid rgba(255,255,255,.1);text-align:left}.reward-host-strip{cursor:pointer}.reward-host-strip img,.reveal-host-strip img{width:48px;height:48px;border-radius:14px;object-fit:cover;object-position:top}.reward-host-strip small,.reward-host-strip b,.reveal-host-strip small,.reveal-host-strip b{display:block}.reward-host-strip small,.reveal-host-strip small{font-size:7px;color:var(--gold);letter-spacing:1.1px}.reward-host-strip b,.reveal-host-strip b{font-size:12px}.reward-host-strip>span{margin-left:auto;color:var(--cyan);font-size:7px;font-weight:950;letter-spacing:.8px}.host-caption{position:relative;z-index:3;margin:10px 0;color:#eee5ff!important;font-size:12px!important;line-height:1.55!important;font-style:italic}.character-dialogue{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#02000adb;backdrop-filter:blur(20px);overflow:auto}.character-dialogue-stage{width:min(940px,100%);min-height:min(680px,90dvh);display:grid;grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);align-items:end;gap:0}.character-visual{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:560px;overflow:hidden}.character-visual:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:22%;background:radial-gradient(ellipse,rgba(0,0,0,.66),transparent 70%)}.character-halo{position:absolute;width:360px;height:360px;bottom:130px;border-radius:50%;background:radial-gradient(circle,var(--character-accent,#f4b942) 0,rgba(143,54,216,.25) 22%,transparent 68%);filter:blur(9px);opacity:.5;animation:characterPulse 3.5s ease-in-out infinite}.character-visual img{position:relative;z-index:2;display:block;max-width:100%;max-height:620px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 24px 28px rgba(0,0,0,.55));animation:characterEnter .55s cubic-bezier(.2,.9,.2,1) both}.character-dialogue-card{position:relative;z-index:4;margin-left:-26px;margin-bottom:30px;padding:28px;border-radius:30px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--character-primary,#8f36d8) 28%,transparent),transparent 36%),linear-gradient(145deg,#230c3ef7,#060311fa);border:1px solid color-mix(in srgb,var(--character-accent,#f4b942) 38%,transparent);box-shadow:0 30px 90px #0000009e}.character-speaker{display:flex;align-items:center;justify-content:space-between;gap:16px}.character-speaker small{display:block;color:var(--character-accent,#f4b942);font-size:8px;font-weight:900;letter-spacing:1.6px}.character-speaker h2{font-family:Georgia,serif;font-size:30px;margin:3px 0}.character-replay{width:48px;height:48px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.13);font-size:20px}.character-voice-state{display:inline-block;margin:12px 0 8px;padding:5px 8px;border-radius:999px;background:#4ee7ff17;border:1px solid rgba(78,231,255,.22);color:var(--cyan);font-size:7px;font-weight:950;letter-spacing:1px}.character-dialogue-card h3{font-family:Georgia,serif;font-size:25px;margin:6px 0 10px}.character-dialogue-card p{font-size:16px;line-height:1.68;color:#f2edff}.character-dialogue-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:20px}body.character-dialogue-open{overflow:hidden}.characters-screen{padding-bottom:16px}.character-collection-hero{padding:28px;border-radius:28px;background:radial-gradient(circle at 85% 0,rgba(255,193,73,.22),transparent 32%),linear-gradient(145deg,#300f53e6,#060311f2)}.character-collection-hero h1{font-family:Georgia,serif;font-size:35px;margin:6px 0}.character-collection-hero p{color:var(--muted);line-height:1.6}.character-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.cast-card{overflow:hidden;border-radius:25px}.cast-card>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.cast-card>div{padding:16px}.cast-card small{color:var(--gold);font-size:7px;letter-spacing:1.3px}.cast-card h2{font-family:Georgia,serif;font-size:25px;margin:4px 0 12px}.cast-card button{width:100%}@keyframes characterEnter{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}@keyframes characterPulse{50%{transform:scale(1.07);opacity:.72}}@media(max-width:720px){.hero-host-chip{right:14px;bottom:120px}.character-dialogue-stage{grid-template-columns:1fr;min-height:auto;align-items:end}.character-visual{min-height:340px;max-height:48dvh}.character-visual img{max-height:430px}.character-halo{width:270px;height:270px;bottom:70px}.character-dialogue-card{margin:-28px 0 0;padding:22px;border-radius:26px}}@media(max-width:520px){.hero-host-chip{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:0 0 12px}.studio-host img{width:50px;height:50px}.character-card-grid{grid-template-columns:1fr}.character-dialogue{align-items:end;padding:8px}.character-visual{min-height:280px;max-height:40dvh}.character-visual img{max-height:350px}.character-dialogue-card{padding:18px;margin-top:-38px}.character-speaker h2{font-size:25px}.character-dialogue-card h3{font-size:21px}.character-dialogue-card p{font-size:14px}.character-dialogue-actions{grid-template-columns:1fr}}.top-economy{justify-self:end;display:flex;gap:7px;align-items:center;min-width:0}.economy-pill{display:flex;align-items:center;gap:5px;min-height:42px;padding:7px 10px;border-radius:999px;background:linear-gradient(145deg,#1e0d3ae0,#070312f0);border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 22px #00000052;white-space:nowrap}.economy-pill span,.economy-pill i{font-style:normal;color:#ff7ba5}.economy-pill b{font-size:12px}.economy-pill small{font-size:7px;color:var(--cyan);font-weight:900;letter-spacing:.5px}.wallet-pill i{color:#b874ff;margin-left:3px}.economy-hero{padding:28px;border-radius:28px;background:radial-gradient(circle at 88% 0,rgba(255,196,70,.23),transparent 34%),linear-gradient(145deg,#320f56ed,#060312f7)}.economy-hero h1{font-family:Georgia,serif;font-size:36px;margin:6px 0}.economy-hero p{color:var(--muted);line-height:1.6}.daily-streak-summary,.store-wallet{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px 15px;border-radius:16px;background:#0003;border:1px solid rgba(255,255,255,.09)}.daily-streak-summary span{font-size:8px;color:var(--gold);letter-spacing:1.3px}.daily-streak-summary b{font-size:16px}.daily-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.daily-reward-card{position:relative;min-height:142px;padding:14px;border-radius:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.daily-reward-card small{color:var(--gold);font-size:8px;letter-spacing:1px}.daily-reward-card>span{font-size:30px}.daily-reward-card b{font-size:11px}.daily-reward-card em{font-style:normal;font-size:7px;color:var(--muted);letter-spacing:.9px}.daily-reward-card.active{border-color:#4ee7ff8c;box-shadow:0 0 30px #4ee7ff24,inset 0 1px #ffffff1c}.daily-reward-card.claimed{opacity:.55}.daily-reward-card.claimed:after{content:"✓";position:absolute;right:8px;top:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#43d99a;color:#03130d;font-weight:950}.daily-claim-button{width:100%;margin-top:16px}.daily-claim-button:disabled{opacity:.55;cursor:not-allowed}.economy-message{text-align:center;color:var(--muted);font-size:10px;margin-top:10px}.lives-master-card{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;margin-top:16px;padding:24px;border-radius:28px}.heart-stage{display:grid;place-items:center;position:relative;min-height:150px;border-radius:25px;background:radial-gradient(circle,#ff8caf 0,#8d2a6b 30%,#250c38 75%)}.heart-stage span{font-size:76px;color:#ff7ca5;filter:drop-shadow(0 0 18px rgba(255,91,145,.55))}.heart-stage b{position:absolute;font-size:31px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.65)}.lives-master-card small{color:var(--gold);font-size:8px;letter-spacing:1.4px}.lives-master-card h2{font-family:Georgia,serif;font-size:30px;margin:5px 0}.lives-master-card p{color:var(--muted)}.life-track{height:10px;margin-top:15px;border-radius:999px;overflow:hidden;background:#00000057}.life-track i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5f94,#ffbe55);transition:width .4s ease}.life-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.economy-action{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;text-align:left}.economy-action>span{font-size:28px}.economy-action b,.economy-action small{display:block}.economy-action small{color:var(--muted);margin-top:3px}.store-wallet{justify-content:flex-start;flex-wrap:wrap}.store-wallet span{padding:7px 10px;border-radius:999px;background:#ffffff0f;font-size:10px}.store-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.store-tabs button{padding:11px 8px;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);font-size:9px;font-weight:900}.store-tabs button.active{background:linear-gradient(145deg,#9e38ff,#ffb84a);color:#10031c}.store-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-card{position:relative;padding:18px;border-radius:22px;overflow:hidden}.store-card small{color:var(--gold);font-size:7px;letter-spacing:1.2px}.store-card h3{font-family:Georgia,serif;font-size:22px;margin:6px 0}.store-card p{min-height:50px;color:var(--muted);font-size:10px;line-height:1.55}.store-card>button{width:100%;margin-top:12px;padding:11px;border-radius:12px;background:linear-gradient(145deg,#9e3aff,#ffb749);font-weight:950}.store-card>button:disabled{opacity:.55}.store-product-icon{font-size:35px;margin-bottom:10px}.store-badge{position:absolute;right:10px;top:10px;padding:5px 7px;border-radius:999px;background:#ffbf4f;color:#1c0713;font-size:6px;font-weight:950;letter-spacing:.7px}.limited-offer-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:12px;padding:18px;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,190,69,.23),transparent 38%),linear-gradient(145deg,#601a7be6,#130526f5)}.limited-offer-card small{color:var(--gold);font-size:7px;letter-spacing:1.3px}.limited-offer-card h2{font-family:Georgia,serif;font-size:25px;margin:4px 0}.limited-offer-card p{color:var(--muted);font-size:10px}.offer-purchase{text-align:right}.offer-purchase b{display:block;margin-bottom:8px;color:var(--cyan);font-family:ui-monospace,monospace}.offer-purchase button{padding:10px 14px;border-radius:12px;background:linear-gradient(145deg,#a03cff,#ffb84b);font-weight:950}.theme-preview{height:100px;margin-bottom:13px;border-radius:16px;display:flex;align-items:end;gap:7px;padding:12px;overflow:hidden;background:linear-gradient(145deg,#5d218c,#090415)}.theme-preview i{display:block;width:28%;height:42%;border-radius:8px;background:#ffffff2e}.theme-preview i:nth-child(2){height:70%}.theme-preview i:nth-child(3){height:55%}.theme-midnight-purple .theme-preview,.theme-preview.theme-midnight-purple{background:linear-gradient(145deg,#2f0b5f,#05102b)}.theme-golden-stage .theme-preview,.theme-preview.theme-golden-stage{background:linear-gradient(145deg,#744513,#140708)}.theme-ocean-blue .theme-preview,.theme-preview.theme-ocean-blue{background:linear-gradient(145deg,#065b7a,#031528)}.restore-purchases{width:100%;margin-top:14px}.reward-reveal{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:20px;background:#02000adb;backdrop-filter:blur(18px)}.reward-reveal-card{position:relative;width:min(430px,100%);padding:32px;border-radius:32px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,208,84,.3),transparent 36%),linear-gradient(145deg,#421467fa,#070313fa)}.reward-reveal-card>small{color:var(--gold);font-size:8px;letter-spacing:2px}.reward-reveal-card>span{display:block;font-size:74px;margin:18px}.reward-reveal-card h2{font-family:Georgia,serif;font-size:32px}.reward-reveal-card p{color:var(--muted);line-height:1.55}.reward-burst{position:absolute;inset:-45%;background:repeating-conic-gradient(rgba(255,220,93,.08) 0 8deg,transparent 8deg 18deg);animation:spin 18s linear infinite}.economy-modal-card .modal-icon{color:#ff7ba6}body.theme-midnight-purple{--gold:#8cefff;--cyan:#d18cff}body.theme-golden-stage{--gold:#ffe27b;--cyan:#ffbd69}body.theme-ocean-blue{--gold:#7dffe3;--cyan:#67cbff}@media(max-width:620px){.top-economy{gap:4px}.economy-pill{padding:6px 8px}.wallet-pill{max-width:112px;overflow:hidden}.wallet-pill b{font-size:10px}.daily-reward-grid{grid-template-columns:repeat(2,1fr)}.lives-master-card{grid-template-columns:1fr;text-align:center}.heart-stage{min-height:130px}.life-actions,.store-product-grid{grid-template-columns:1fr}.store-tabs{grid-template-columns:repeat(2,1fr)}.limited-offer-card{grid-template-columns:1fr}.offer-purchase{text-align:left}}.account-button{display:grid!important;place-items:center;min-width:42px;height:42px;padding:4px!important}.account-button>span{font-size:18px}.account-button>small{font-size:6px;font-weight:950;color:var(--cyan);letter-spacing:.7px}.account-hero{display:grid;grid-template-columns:86px 1fr auto;gap:18px;align-items:center;padding:25px;border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(78,220,255,.2),transparent 35%),linear-gradient(145deg,#2e0e52f0,#050311fa)}.account-avatar,.profile-avatar{display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#a33fff,#ffba4b);box-shadow:0 15px 35px #0000006b;font-family:Georgia,serif;font-weight:950;color:#12031c}.account-avatar{width:86px;height:86px;font-size:40px}.account-hero h1{font-family:Georgia,serif;font-size:32px;margin:5px 0}.account-hero p{color:var(--muted);line-height:1.55}.cloud-status-badge{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:8px;white-space:nowrap}.cloud-status-badge span{font-size:17px}.cloud-status-badge[data-status=synced],.cloud-status-badge[data-status=ready]{border-color:#5bffb266;color:#8effc2}.cloud-status-badge[data-status=syncing],.cloud-status-badge[data-status=pending]{border-color:#4ee7ff66;color:var(--cyan)}.cloud-status-badge[data-status=error]{border-color:#ff5f9180;color:#ff8cae}.account-auth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:14px;margin-top:15px}.account-form-card,.cloud-benefits{padding:22px;border-radius:24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:17px}.auth-tabs button{padding:11px;border-radius:12px;background:#ffffff0d;font-size:8px;font-weight:950;letter-spacing:.8px}.auth-tabs button.active{background:linear-gradient(145deg,#9f3cff,#ffb748);color:#16041f}.account-form{display:grid;gap:12px}.account-form label,.profile-name-field{display:grid;gap:6px}.account-form label>span,.profile-name-field>span{font-size:8px;font-weight:900;color:var(--gold);letter-spacing:.8px}.account-form input,.profile-name-field input{width:100%;padding:13px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:#0000003d;color:#fff;outline:none}.account-form input:focus,.profile-name-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #4ee7ff1f}.text-button{background:transparent;color:var(--cyan);font-size:9px;font-weight:850}.auth-divider{display:flex;align-items:center;gap:10px;margin:17px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ffffff1a}.auth-divider span{font-size:7px;color:var(--muted)}.google-auth-button{width:100%;padding:12px;border-radius:13px;background:#fff;color:#191025;font-weight:900}.google-auth-button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:linear-gradient(145deg,#4285f4,#34a853);color:#fff}.auth-message{min-height:18px;margin-top:10px;text-align:center;font-size:9px;color:var(--muted)}.auth-message[data-type=error]{color:#ff8cae}.auth-message[data-type=success]{color:#8effc2}.cloud-benefits>span{font-size:48px}.cloud-benefits h2{font-family:Georgia,serif;font-size:25px}.cloud-benefits ul{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}.cloud-benefits li{padding:10px 11px;border-radius:11px;background:#ffffff0b;color:#e6dcf7;font-size:10px}.cloud-benefits li:before{content:"✓";margin-right:8px;color:#8effc2}.signed-in-account{margin-top:15px}.player-profile-card{padding:22px;border-radius:24px}.player-profile-header{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;margin-bottom:17px}.profile-avatar{width:64px;height:64px;font-size:26px}.player-profile-header small{color:var(--gold);font-size:7px;letter-spacing:1.1px}.player-profile-header h2{font-family:Georgia,serif;font-size:25px;margin:3px 0}.player-profile-header p{color:var(--muted);font-size:10px}.verified-badge{padding:6px 8px;border-radius:999px;background:#ffb0471a;border:1px solid rgba(255,176,71,.25);font-size:7px;color:#ffc46d}.verified-badge.verified{background:#5affb31a;border-color:#5affb34d;color:#8effc2}.player-profile-card>.secondary-btn{width:100%;margin-top:12px}.cloud-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.cloud-dashboard-card{padding:18px;border-radius:21px}.cloud-dashboard-card>span{font-size:30px}.cloud-dashboard-card small,.cloud-dashboard-card b{display:block}.cloud-dashboard-card small{margin-top:8px;color:var(--gold);font-size:7px;letter-spacing:1px}.cloud-dashboard-card b{font-size:16px;margin:4px 0}.cloud-dashboard-card p{min-height:34px;color:var(--muted);font-size:9px;line-height:1.5}.cloud-dashboard-card button{width:100%;margin-top:10px;padding:9px;border-radius:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:900}.account-security-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:17px;border-radius:20px}.account-security-row small,.account-security-row b{display:block}.account-security-row small{color:var(--gold);font-size:7px;letter-spacing:1px}.account-security-row b{font-size:11px;margin-top:3px}.danger-button{padding:10px 14px;border-radius:12px;background:#ff4f821f;border:1px solid rgba(255,79,130,.3);color:#ff9ab8;font-weight:900}.cloud-conflict-card{max-width:530px}.conflict-options{display:grid;gap:9px;margin-top:17px}.conflict-option{padding:14px;border-radius:15px;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.conflict-option b,.conflict-option small{display:block}.conflict-option small{margin-top:4px;color:var(--muted);font-size:9px}.conflict-option.recommended{border-color:#4ee7ff73;background:#4ee7ff14}@media(max-width:680px){.account-hero{grid-template-columns:64px 1fr}.account-avatar{width:64px;height:64px;font-size:29px}.cloud-status-badge{grid-column:1/-1;justify-self:start}.account-auth-layout,.cloud-dashboard-grid{grid-template-columns:1fr}}@media(max-width:480px){.account-hero{padding:18px}.account-hero h1{font-size:27px}.player-profile-header{grid-template-columns:54px 1fr}.profile-avatar{width:54px;height:54px}.verified-badge{grid-column:1/-1;justify-self:start}.account-security-row{align-items:flex-start;flex-direction:column}.danger-button{width:100%}}button,[role=button],input,select{touch-action:manipulation}button{min-height:40px}.screen{scroll-margin-top:90px}.competitive-hero{padding:27px;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(255,194,73,.24),transparent 35%),linear-gradient(145deg,#310f54f2,#050311fa)}.competitive-hero h1{font-family:Georgia,serif;font-size:37px;margin:6px 0}.competitive-hero p{color:var(--muted);line-height:1.6}.competitive-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.competitive-quick-actions button{display:grid;place-items:center;gap:6px;padding:13px;border-radius:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.competitive-quick-actions span{font-size:27px}.competitive-quick-actions b{font-size:9px}.small-action{padding:8px 11px;border-radius:10px;background:#ffffff12;font-size:8px;font-weight:900}.leaderboard-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.leaderboard-tabs button{padding:10px 6px;border-radius:11px;background:#ffffff0f;font-size:8px;font-weight:950}.leaderboard-tabs button.active{background:linear-gradient(145deg,#9e3aff,#ffb748);color:#17031e}.leaderboard-list{max-height:520px;overflow:auto;overscroll-behavior:contain;border-radius:22px;padding:8px;scrollbar-gutter:stable}.leaderboard-row{display:grid;grid-template-columns:38px 42px 1fr auto;align-items:center;gap:10px;padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.leaderboard-row:last-child{border:0}.leaderboard-row.is-player{background:#4ee7ff14;border-radius:13px}.leaderboard-row>b{font-family:Georgia,serif;font-size:18px;color:var(--gold)}.leaderboard-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#9538f5,#ffb44d);font-weight:950}.leaderboard-row strong,.leaderboard-row small{display:block}.leaderboard-row small{color:var(--muted);font-size:8px}.leaderboard-row>span{font-weight:950;color:var(--cyan)}.leaderboard-loading,.leaderboard-empty{padding:36px 18px;text-align:center;color:var(--muted)}.friend-code-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:11px;padding:16px;border-radius:19px}.friend-code-card small,.friend-code-card b{display:block}.friend-code-card small{color:var(--gold);font-size:7px}.friend-code-card p{color:var(--muted);font-size:9px}.friend-code-card>div:last-child{display:flex;gap:7px}.friend-code-card input{min-width:0;padding:10px;border-radius:10px;background:#0000003d;border:1px solid rgba(255,255,255,.12);color:#fff}.friend-code-card button{padding:9px 12px;border-radius:10px;background:linear-gradient(145deg,#9d39fa,#ffb64c);font-weight:900}.event-grid,.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-card{position:relative;padding:18px;border-radius:22px;display:grid;grid-template-columns:55px 1fr;gap:13px}.event-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#ffffff14;font-size:29px}.event-card small{color:var(--gold);font-size:7px;letter-spacing:1px}.event-card h3{font-family:Georgia,serif;font-size:22px;margin:4px 0}.event-card p{color:var(--muted);font-size:9px;line-height:1.5}.event-card>button{grid-column:1/-1;padding:10px;border-radius:11px;background:linear-gradient(145deg,#9537f2,#ffb54a);font-weight:950}.event-card>button:disabled{opacity:.38}.event-card.inactive{filter:saturate(.5)}.event-meta{display:flex;justify-content:space-between;gap:7px;margin-top:10px;font-size:7px;color:var(--cyan)}.achievement-card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:21px}.achievement-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#9336f299,#ffb54a73);font-size:23px;font-weight:950}.achievement-card small{color:var(--gold);font-size:7px}.achievement-card h3{font-family:Georgia,serif;font-size:19px;margin:3px 0}.achievement-card p{color:var(--muted);font-size:9px}.achievement-card em{font-style:normal;color:var(--cyan);font-size:7px}.achievement-card>button{padding:8px 10px;border-radius:10px;background:linear-gradient(145deg,#9838f7,#ffb74d);font-size:8px;font-weight:950}.achievement-card>button:disabled{opacity:.4}.achievement-progress{height:6px;margin:8px 0;border-radius:999px;background:#0000004d;overflow:hidden}.achievement-progress i{display:block;height:100%;background:linear-gradient(90deg,#a33fff,#ffbf4c)}.achievement-card.claimed{opacity:.65}.accessibility-settings select{padding:9px;border-radius:10px;background:#170925;color:#fff;border:1px solid rgba(255,255,255,.14)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body:not([data-color-blind=off]) .tile:after{content:"";position:absolute;inset:8px;border:2px solid rgba(255,255,255,.48);pointer-events:none}body:not([data-color-blind=off]) .tile[data-type=saxophone]:after{border-radius:50%}body:not([data-color-blind=off]) .tile[data-type=keys]:after{clip-path:polygon(50% 0,100% 100%,0 100%)}body:not([data-color-blind=off]) .tile[data-type=bass]:after{transform:rotate(45deg);inset:13px}body:not([data-color-blind=off]) .tile[data-type=drums]:after{border-radius:2px}body:not([data-color-blind=off]) .tile[data-type=vinyl]:after{border-radius:50%;box-shadow:inset 0 0 0 5px #fff3}body:not([data-color-blind=off]) .tile[data-type=note]:after{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%)}body:not([data-color-blind=off]) .tile[data-type=microphone]:after{border-radius:50% 50% 3px 3px}body[data-color-blind=deuteranopia]{filter:saturate(.8)}body[data-color-blind=tritanopia]{filter:hue-rotate(18deg) saturate(.85)}body[data-color-blind=patterns] .tile img{filter:grayscale(.85) contrast(1.1)}body.a11y-large-text{font-size:118%}body.a11y-large-text small{font-size:max(9px,.78em)!important}body.a11y-strong-contrast{--muted:#fff;--line:rgba(255,255,255,.44)}body.a11y-strong-contrast .glass{background:#05020ff5!important;border:2px solid rgba(255,255,255,.46)!important}body.a11y-strong-contrast button:focus-visible,body.a11y-strong-contrast input:focus-visible,body.a11y-strong-contrast select:focus-visible{outline:4px solid #fff!important;outline-offset:4px!important}body.a11y-left-handed .game-topbar{direction:rtl}body.a11y-left-handed .game-topbar>*{direction:ltr}body.a11y-left-handed .boosters{direction:rtl}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(max-width:620px){.competitive-quick-actions{grid-template-columns:1fr}.leaderboard-tabs{grid-template-columns:repeat(2,1fr)}.event-grid,.achievement-grid,.friend-code-card{grid-template-columns:1fr}.friend-code-card>div:last-child{display:grid;grid-template-columns:1fr auto}.achievement-card{grid-template-columns:52px 1fr}.achievement-card>button{grid-column:1/-1}.leaderboard-list{max-height:58dvh}}.modal,.character-dialogue,.reward-reveal{overscroll-behavior:contain}.settings-panel,.world-map,.leaderboard-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.bottom-nav button,.economy-pill,.icon-btn{user-select:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.app-legal-footer{position:relative;z-index:3;margin:20px 0 4px;padding:18px 12px 6px;text-align:center;color:var(--muted)}.app-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.app-legal-footer a{padding:8px 9px;border-radius:10px;color:#e8ddf6;text-decoration:none;font-size:8px;font-weight:850}.app-legal-footer a:hover,.app-legal-footer a:focus-visible{background:#ffffff12;color:#fff}.app-legal-footer small{display:block;margin-top:8px;font-size:7px}.account-legal-links{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;padding:11px;border-radius:17px}.account-legal-links a{padding:9px;border-radius:10px;background:#ffffff0d;color:#eee4f8;text-align:center;text-decoration:none;font-size:8px;font-weight:900}@media(max-width:560px){.account-legal-links{grid-template-columns:repeat(2,1fr)}}.settings-scrim{position:fixed;inset:0;z-index:79;display:block;background:#020008c2;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);overscroll-behavior:contain;touch-action:none}.settings-scrim[hidden]{display:none!important}.settings-panel{position:fixed!important;z-index:80;top:max(12px,calc(env(safe-area-inset-top) + 8px))!important;right:max(12px,calc((100vw - 700px)/2 + 12px))!important;bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))!important;left:auto!important;width:min(430px,calc(100vw - 24px))!important;max-height:none!important;margin:0!important;padding:22px 20px calc(24px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;border-radius:28px!important;transform:translate3d(calc(100% + 48px),0,0)!important;opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility 0s linear .3s;box-shadow:0 28px 80px #0000008c,inset 0 1px #ffffff24}.settings-panel.open{transform:translateZ(0)!important;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.settings-panel .panel-head{position:sticky;top:-22px;z-index:3;margin:-22px -20px 14px;padding:20px 20px 14px;background:linear-gradient(180deg,#10071efa,#10071eeb 78%,#10071e00);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-panel:focus{outline:none}body.settings-open{overflow:hidden!important;overscroll-behavior:none;touch-action:none}body.settings-open .bottom-nav{pointer-events:none;filter:saturate(.65) brightness(.75)}.friend-code-card{align-items:center}.friend-code-card small{color:var(--gold);letter-spacing:1.2px}.friend-code-card b{font-family:Georgia,serif;font-size:20px;margin:3px 0 4px}.friend-code-card p{max-width:520px;line-height:1.55}.friend-code-card input{min-width:210px}.friend-code-card button{white-space:nowrap;min-width:108px}@media(max-width:620px){.settings-panel{top:max(8px,calc(env(safe-area-inset-top) + 6px))!important;right:8px!important;bottom:max(8px,calc(env(safe-area-inset-bottom) + 8px))!important;width:calc(100vw - 16px)!important;padding-left:16px!important;padding-right:16px!important;border-radius:24px!important}.settings-panel .panel-head{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.friend-code-card>div:last-child{grid-template-columns:1fr!important}.friend-code-card input,.friend-code-card button{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.settings-panel{transition:opacity .12s linear,visibility 0s linear .12s;transform:none!important}.settings-panel.open{transition-delay:0s}}.hero-card .hero-host-chip{position:absolute!important;inset:10px 20px auto auto!important;margin:0!important;transform:none!important;z-index:20!important}.hero-card .hero-sax{top:60px!important;right:18px!important;z-index:2!important}@media(max-width:720px){.hero-card .hero-host-chip{inset:10px 14px auto auto!important}.hero-card .hero-sax{top:62px!important;right:12px!important}}@media(max-width:520px){.hero-card .hero-host-chip{position:absolute!important;inset:8px 10px auto auto!important;margin:0!important}.hero-card .hero-sax{top:58px!important}}