:root{font-family:Inter,ui-rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#0a0710;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple: #9a51ff;--purple-bright: #bd7bff;--green: #b9ff3d;--amber: #ffc75c;--panel: rgba(14, 11, 21, .78);--nav-height: calc(82px + env(safe-area-inset-bottom, 0px)) }*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:300px;min-height:100dvh;background:radial-gradient(circle at 50% 12%,rgba(99,43,153,.22),transparent 38%),#08060c;overscroll-behavior:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.page-shell{width:100%;height:100dvh;display:grid;place-items:center;background:linear-gradient(90deg,rgba(8,6,12,.94),transparent 35%,transparent 65%,rgba(8,6,12,.94)),radial-gradient(circle at 50% 30%,#24152e 0,#08060c 68%)}.game{position:relative;width:min(100vw,56.25dvh);height:100dvh;max-height:100dvh;isolation:isolate;overflow:hidden;background:#130d1b;box-shadow:0 0 80px #000000b8;-webkit-user-select:none;user-select:none}.room-background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;transform:scale(1.008);animation:room-enter .42s ease-out both}.room-shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,2,5,.48) 0%,transparent 18%,transparent 63%,rgba(4,3,7,.38) 78%,rgba(4,3,7,.9) 100%),linear-gradient(90deg,rgba(0,0,0,.08),transparent 20%,transparent 80%,rgba(0,0,0,.08))}.hud{position:absolute;z-index:12;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 0}.energy-card,.coin-card,.round-button{border:1px solid rgba(255,255,255,.12);background:#0b0810b8;box-shadow:0 8px 26px #00000047,inset 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.energy-card{width:min(178px,48vw);min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 10px 8px 7px;border-radius:16px}.energy-card__icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#17100a;background:linear-gradient(145deg,#ffe577,#ffad38);box-shadow:0 0 18px #ffc14a47;font-size:24px;font-weight:900;font-style:italic}.energy-card__body{min-width:0;flex:1}.energy-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:5px;font-size:10px;font-weight:700;color:#ffffff9e;text-transform:uppercase;letter-spacing:.07em}.energy-card__row strong{color:#fff;font-size:12px;letter-spacing:0}.energy-bar{height:6px;overflow:hidden;border-radius:99px;background:#ffffff1a}.energy-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb444,#d8ff58);box-shadow:0 0 10px #d8ff5880;transition:width .36s ease}.hud__right{display:flex;gap:7px}.coin-card{height:44px;display:flex;align-items:center;gap:6px;padding:5px 11px 5px 6px;border-radius:15px}.coin-card span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#4c2c00;background:linear-gradient(145deg,#ffe17c,#e99520);border:2px solid rgba(255,255,255,.42);font-weight:1000;box-shadow:0 0 13px #ffbe4040}.coin-card strong{min-width:9px;font-size:14px}.round-button{width:44px;height:44px;padding:0;border-radius:15px;cursor:pointer}.menu-button{display:grid;align-content:center;justify-content:center;gap:4px}.menu-button i{display:block;width:18px;height:2px;border-radius:99px;background:#fff}.menu-button i:nth-child(2){width:13px;justify-self:end;background:var(--purple-bright)}.room-title{position:absolute;z-index:6;top:calc(72px + env(safe-area-inset-top,0px));left:50%;display:flex;align-items:center;gap:7px;transform:translate(-50%);padding:6px 11px;border:1px solid rgba(255,255,255,.09);border-radius:99px;color:#ffffffc7;background:#0a080e6b;box-shadow:0 4px 18px #0000002e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);white-space:nowrap;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.room-title em{color:var(--green);font-size:9px;font-style:normal;letter-spacing:.05em;animation:energy-pulse 1.6s ease-in-out infinite}.character{position:absolute;z-index:3;padding:0;border:0;outline:0;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation;transform-origin:50% 100%;animation:character-enter .46s cubic-bezier(.2,.8,.2,1) both}.character img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55));animation:idle-float 3.4s ease-in-out infinite}.character__aura{position:absolute;z-index:0;left:13%;right:13%;bottom:7%;height:34%;border-radius:50%;opacity:.24;background:radial-gradient(ellipse,rgba(147,64,255,.66),transparent 68%);filter:blur(18px)}.character--studio{width:68%;height:62%;left:16%;bottom:14.2%}.character--bedroom{width:51%;height:50%;left:3%;bottom:14.5%}.character--wardrobe{width:61%;height:56%;left:19.5%;bottom:15%}.character--kitchen{width:55%;height:52%;left:22.5%;bottom:15%}.character--listening img{animation:listen-lean 1.1s ease-in-out infinite alternate}.character--listening .character__aura{opacity:.5;background:radial-gradient(ellipse,rgba(185,255,61,.58),transparent 68%)}.character--talking img{animation:talking-bounce .17s ease-in-out infinite alternate}.character--talking .character__aura{opacity:.56;background:radial-gradient(ellipse,rgba(177,94,255,.8),transparent 70%)}.character--processing img{animation:thinking .8s ease-in-out infinite alternate}.thinking-dots{position:absolute;z-index:4;top:28%;right:-3%;width:58px;height:38px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:19px 19px 19px 5px;background:#0c0911e0;box-shadow:0 8px 25px #00000057}.thinking-dots i{width:6px;height:6px;border-radius:50%;background:var(--purple-bright);animation:dot-hop .75s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.12s}.thinking-dots i:nth-child(3){animation-delay:.24s}.bed-hotspot{position:absolute;z-index:4;top:40%;left:14%;width:83%;height:42%;padding:0;border:0;background:transparent;cursor:pointer}.bed-hotspot span{position:absolute;top:4%;left:50%;padding:8px 13px;border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#fff;background:#0c0911c2;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);font-size:11px;font-weight:750;white-space:nowrap;animation:bed-hint 2.1s ease-in-out infinite}.bed-hotspot--sleeping span{top:10%;color:var(--green)}.sleep-particles{position:absolute;z-index:4;top:37%;left:55%;width:80px;height:110px;pointer-events:none}.sleep-particles span{position:absolute;color:#d297ffe6;font-weight:900;text-shadow:0 0 15px rgba(166,74,255,.8);animation:sleep-z 2.6s ease-out infinite}.sleep-particles span:nth-child(1){bottom:0;left:0;font-size:25px}.sleep-particles span:nth-child(2){bottom:22px;left:26px;font-size:19px;animation-delay:.7s}.sleep-particles span:nth-child(3){bottom:42px;left:48px;font-size:14px;animation-delay:1.4s}.voice-control{position:absolute;z-index:11;right:12px;bottom:calc(var(--nav-height) + 10px);width:min(208px,calc(100% - 24px));min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border:1px solid rgba(154,222,45,.5);border-radius:17px;background:#080b08e6;box-shadow:0 15px 40px #00000070,inset 0 1px #ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.voice-control:active{transform:scale(.96)}.voice-control--listening{border-color:#b9ff3dbd!important;box-shadow:0 0 0 4px #b9ff3d14,0 16px 38px #0000006b}.voice-control--talking{border-color:#b05cffb3!important;background:#180c23e0!important}.voice-control--error{border-color:#ff70709e;background:#1e0a0ee8}.voice-control--error .voice-control__icon{color:#3b0c12;background:linear-gradient(145deg,#ff9c9c,#e75d68)}.voice-control--error .voice-waves i{animation-play-state:paused;background:#ff8d8d;opacity:.65}.voice-control__icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;color:#162000;background:linear-gradient(145deg,#d8ff70,#86d72a);box-shadow:0 7px 18px #a4e8343b}.mic-icon{position:relative;display:block;width:12px;height:19px;border:2px solid currentColor;border-radius:7px}.mic-icon:before{content:"";position:absolute;left:50%;bottom:-7px;width:20px;height:12px;border:2px solid currentColor;border-top:0;border-radius:0 0 11px 11px;transform:translate(-50%)}.mic-icon:after{content:"";position:absolute;left:50%;bottom:-11px;width:2px;height:5px;border-radius:2px;background:currentColor;transform:translate(-50%);box-shadow:-4px 5px 0 -.3px currentColor,4px 5px 0 -.3px currentColor}.mic-icon--off:before{transform:translate(-50%) rotate(-38deg);width:2px;height:26px;bottom:-5px;border:0;border-radius:2px;background:currentColor}.voice-control__copy{min-width:0;flex:1;text-align:left}.voice-control__copy strong,.voice-control__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-control__copy strong{margin-bottom:2px;font-size:11px;font-weight:800}.voice-control__copy small{color:#ffffff7a;font-size:8px;font-weight:550}.voice-waves{width:22px;height:28px;display:flex;align-items:center;justify-content:center;gap:3px}.voice-waves i{width:2px;height:6px;border-radius:99px;background:var(--green);animation:wave .9s ease-in-out infinite alternate}.voice-waves i:nth-child(2){height:13px;animation-delay:.18s}.voice-waves i:nth-child(3){height:9px;animation-delay:.36s}.voice-control--idle .voice-waves i{animation-play-state:paused;opacity:.48}.voice-live{position:absolute;z-index:12;right:12px;bottom:calc(var(--nav-height) + 11px);width:76px;height:50px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 13px;border:1px solid rgba(173,255,54,.52);border-radius:18px;color:#182300;background:linear-gradient(145deg,#d2ff67f5,#77c623f5);box-shadow:0 11px 28px #00000061,0 0 22px #9ae52b24;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.voice-live:active{transform:scale(.94)}.voice-live .mic-icon{flex:0 0 auto}.voice-live__waves{height:25px;display:flex;align-items:center;gap:3px}.voice-live__waves i{width:3px;height:8px;border-radius:99px;background:currentColor;opacity:.65}.voice-live__waves i:nth-child(2){height:18px}.voice-live__waves i:nth-child(3){height:12px}.voice-live--listening{box-shadow:0 0 0 5px #b9ff3d1a,0 12px 30px #0000006b,0 0 28px #b9ff3d59;animation:mic-listening 1s ease-in-out infinite}.voice-live--listening .voice-live__waves i,.voice-live--talking .voice-live__waves i{animation:wave .42s ease-in-out infinite alternate}.voice-live--talking,.voice-live--processing{color:#fff;border-color:#c37cffb8;background:linear-gradient(145deg,#b864ff,#7434d5);box-shadow:0 10px 28px #0006,0 0 25px #aa48ff47}.activity-buttons{position:absolute;z-index:11;top:calc(72px + env(safe-area-inset-top,0px));right:12px;display:flex;flex-direction:column;gap:9px}.activity-button{position:relative;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:16px;color:#fff;background:#0a080fbd;box-shadow:0 9px 25px #00000052,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);cursor:pointer;transition:transform .16s ease,border-color .16s ease}.activity-button:active{transform:scale(.92)}.activity-button--music.is-playing{border-color:#b9ff3d6b}.activity-button--music.is-playing .record-icon{animation:record-spin 3.2s linear infinite}.gamepad-icon{position:relative;width:27px;height:18px;border:2px solid currentColor;border-radius:7px 7px 10px 10px;transform:rotate(-2deg)}.gamepad-icon:before{content:"+";position:absolute;left:3px;top:-5px;color:var(--green);font-size:20px;font-weight:800}.gamepad-icon:after{content:"••";position:absolute;right:3px;top:0;color:var(--purple-bright);font-size:11px;letter-spacing:1px}.record-icon{position:relative;width:26px;height:26px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:radial-gradient(circle,var(--green) 0 12%,#17131e 13% 36%,var(--purple) 37% 43%,#17131e 44%)}.activity-button__off{position:absolute;width:31px;height:2px;border-radius:2px;background:#ff6b6b;box-shadow:0 0 5px #ff4e4e80;transform:rotate(-43deg)}.character--reacting img{animation:capsize-tap .62s cubic-bezier(.18,.9,.25,1) both!important}.character--reacting .character__aura{opacity:.76;transform:scale(1.18);background:radial-gradient(ellipse,rgba(185,255,61,.72),transparent 68%);transition:transform .18s ease,opacity .18s ease}.reaction-burst{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.reaction-burst span{--emoji-x: 0px;--emoji-y: -150px;--emoji-r: 0deg;position:absolute;top:43%;left:50%;font-size:clamp(21px,6vw,31px);line-height:1;filter:drop-shadow(0 4px 7px rgba(0,0,0,.5));animation:emoji-fly .72s cubic-bezier(.16,.72,.2,1) both}.reaction-burst span:nth-child(1){--emoji-x: -105px;--emoji-y: -145px;--emoji-r: -24deg}.reaction-burst span:nth-child(2){--emoji-x: -54px;--emoji-y: -195px;--emoji-r: 17deg;animation-delay:35ms}.reaction-burst span:nth-child(3){--emoji-x: 3px;--emoji-y: -215px;--emoji-r: -12deg;animation-delay:70ms}.reaction-burst span:nth-child(4){--emoji-x: 62px;--emoji-y: -183px;--emoji-r: 25deg;animation-delay:30ms}.reaction-burst span:nth-child(5){--emoji-x: 108px;--emoji-y: -128px;--emoji-r: -16deg;animation-delay:85ms}.outfit-pill{position:absolute;z-index:9;left:50%;bottom:calc(var(--nav-height) + 81px);width:min(270px,calc(100% - 34px));min-height:56px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0c0911c4;box-shadow:0 12px 30px #00000057;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translate(-50%);cursor:pointer}.outfit-pill__swatch{width:40px;height:40px;flex:0 0 auto;border:2px solid rgba(255,255,255,.18);border-radius:13px;background:linear-gradient(145deg,#cf313e 0,#cf313e 48%,#9bff35 49%,#9bff35 60%,#1d1b20 61%)}.outfit-pill>span:nth-child(2){flex:1;text-align:left;font-size:13px;font-weight:800}.outfit-pill small{display:block;margin-bottom:2px;color:#ffffff7a;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.outfit-pill b{color:var(--purple-bright);font-size:24px}.room-nav{position:absolute;z-index:14;left:0;right:0;bottom:0;height:var(--nav-height);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:5px 10px calc(7px + env(safe-area-inset-bottom,0px));border:0;background:transparent;box-shadow:none;pointer-events:none}.room-nav button{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 0;border:0;border-radius:0;color:#fff6;background:transparent;cursor:pointer;pointer-events:auto;font-size:9px;font-weight:700;transition:color .18s ease,background .18s ease,transform .18s ease}.room-nav button:active{transform:scale(.94)}.room-nav button.is-active{color:#fff;background:transparent}.room-nav button.is-locked{color:#ffffff45}.room-nav__icon{position:relative;width:58px;height:58px;display:grid;place-items:center}.room-nav__icon img{width:100%;height:100%;object-fit:contain;opacity:.78;filter:drop-shadow(0 3px 8px rgba(0,0,0,.48));transition:opacity .18s ease,transform .18s ease,filter .18s ease}.is-active .room-nav__icon img{opacity:1;transform:translateY(-3px) scale(1.09);filter:drop-shadow(0 0 10px rgba(169,82,255,.7))}.tiny-lock{position:absolute;right:1px;bottom:3px;width:15px;height:12px;border-radius:4px;background:#2b2531;box-shadow:0 1px 5px #000}.tiny-lock:before{content:"";position:absolute;left:4px;top:-7px;width:7px;height:8px;border:2px solid #8e8497;border-bottom:0;border-radius:6px 6px 0 0}.toast{position:absolute;z-index:60;left:50%;top:calc(82px + env(safe-area-inset-top,0px));width:max-content;max-width:calc(100% - 30px);padding:10px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:#0c0911e6;box-shadow:0 14px 35px #00000073;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translate(-50%);font-size:11px;font-weight:700;text-align:center;animation:toast-in .26s ease-out both}.modal-layer{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#030206b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdrop-in .22s ease-out both}.bottom-sheet{position:relative;z-index:1;width:100%;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:26px 26px 0 0;background:radial-gradient(circle at 70% 0,rgba(139,57,220,.18),transparent 38%),#100c16;box-shadow:0 -20px 55px #0000008c;animation:sheet-up .34s cubic-bezier(.18,.8,.22,1) both}.bottom-sheet--compact{min-height:48%}.bottom-sheet__handle{width:38px;height:4px;margin:0 auto 7px;border-radius:99px;background:#ffffff2e}.bottom-sheet>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bottom-sheet h2{margin:0;font-size:23px;letter-spacing:-.03em}.bottom-sheet>header button{width:36px;height:36px;padding:0 0 2px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffa6;background:#ffffff0f;cursor:pointer;font-size:25px}.menu-hero{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a}.menu-hero__mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#150a1f;background:linear-gradient(145deg,#cf8cff,#7f39df);font-size:25px;font-weight:1000;box-shadow:0 7px 20px #8a37e240}.menu-hero strong,.menu-hero small{display:block}.menu-hero strong{margin-bottom:4px;font-size:14px}.menu-hero small{color:#ffffff73;font-size:10px}.menu-list{overflow:hidden;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff09}.menu-list button{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;cursor:pointer;text-align:left}.menu-list button:last-child{border-bottom:0}.menu-list__icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:var(--purple-bright);background:#9b4aec21;font-size:20px;font-weight:800}.menu-list button>span:nth-child(2){min-width:0;flex:1}.menu-list strong,.menu-list small{display:block}.menu-list strong{margin-bottom:3px;font-size:12px}.menu-list small{color:#ffffff6b;font-size:9px}.menu-list b{color:#ffffff61;font-size:23px}.switch{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:99px;background:#ffffff1f;transition:background .18s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ddd;transition:transform .18s ease}.switch.is-on{background:#78bd2e}.switch.is-on:after{transform:translate(16px);background:#fff}.how-to-play{padding:13px 14px;border-radius:17px;color:#ffffff8f;background:#974ce614}.how-to-play strong{display:block;margin-bottom:5px;color:#ffffffdb;font-size:11px}.how-to-play p{margin:0;font-size:9px;line-height:1.5}.outfit-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.outfit-card{min-width:0}.outfit-card__preview{position:relative;height:min(31dvh,230px);display:grid;place-items:center;overflow:hidden;margin-bottom:8px;border:2px solid transparent;border-radius:19px;background:radial-gradient(circle at 50% 65%,rgba(165,76,255,.28),transparent 38%),#ffffff0b}.outfit-card.is-selected .outfit-card__preview{border-color:var(--green);box-shadow:0 0 0 3px #b9ff3d14}.outfit-card__preview img{width:96%;height:96%;object-fit:contain;object-position:bottom}.outfit-card__preview span{position:absolute;left:8px;bottom:8px;padding:5px 8px;border-radius:8px;color:#172200;background:var(--green);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.outfit-card>strong,.outfit-card>small{display:block;padding-left:3px}.outfit-card>strong{margin-bottom:3px;font-size:12px}.outfit-card>small{color:#fff6;font-size:9px}.outfit-card--soon .outfit-card__preview{border:1px dashed rgba(255,255,255,.14);color:#ffffff2e;background:#ffffff06}.outfit-card--soon .outfit-card__preview b{font-size:50px;font-weight:500}.games-grid{display:grid;gap:10px;padding-bottom:4px}.game-card{position:relative;min-height:78px;display:flex;align-items:center;gap:12px;overflow:hidden;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#ffffff09;color:inherit;cursor:default;text-align:left}.game-card:after{content:"";position:absolute;right:-30px;top:-45px;width:120px;height:120px;border-radius:50%;opacity:.16;background:var(--purple-bright);filter:blur(20px)}.game-card--rhythm:after{background:var(--green)}.game-card--beats:after{background:#ff5f8d}.game-card--ready{border-color:#ff70a147;cursor:pointer}.game-card--ready:active{transform:scale(.985)}.game-card__icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#b760ffc2,#602aa9b8);box-shadow:inset 0 1px #ffffff2e;font-size:22px;font-weight:800}.game-card--rhythm .game-card__icon{color:#1d2903;background:linear-gradient(145deg,#d6ff68,#78bf2e)}.game-card--beats .game-card__icon{background:linear-gradient(145deg,#ff7aa0,#b83267)}.game-card>div{min-width:0;flex:1}.game-card strong,.game-card small{display:block}.game-card strong{margin-bottom:4px;font-size:13px}.game-card small{color:#ffffff6b;font-size:9px}.game-card>b{position:relative;z-index:2;padding:5px 7px;border-radius:8px;color:#ffffff80;background:#ffffff12;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.game-card--ready>b{color:#2a0b16;background:linear-gradient(145deg,#ff8dac,#e7477e);box-shadow:0 5px 15px #ec477e38}.bottom-sheet--beat-maker{min-height:min(570px,78dvh);max-height:calc(100dvh - 6px);overflow:auto;scrollbar-width:none}.bottom-sheet--beat-maker::-webkit-scrollbar{display:none}.beat-maker__intro{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.beat-maker__intro span{color:#ff8bac;font-size:9px;font-weight:900;letter-spacing:.14em}.beat-maker__intro p{margin:0;color:#ffffff7a;font-size:10px}.beat-maker__controls{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tempo-control{min-width:0;flex:1;padding:8px 11px 7px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#ffffff09}.tempo-control>span{display:flex;align-items:baseline;gap:4px;color:#ffffff73;font-size:8px;font-weight:800;letter-spacing:.08em}.tempo-control b{color:#fff;font-size:16px;letter-spacing:0}.tempo-control input{width:100%;height:14px;margin:1px 0 -2px;accent-color:#ff6e9d}.beat-maker__play{min-width:100px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgba(255,139,172,.4);border-radius:16px;color:#330915;background:linear-gradient(145deg,#ff9db8,#df4e7d);box-shadow:0 8px 20px #e33f7638;cursor:pointer;font-size:11px;font-weight:850}.beat-maker__play.is-playing{color:#102300;border-color:#c1ff5f99;background:linear-gradient(145deg,#d5ff72,#83d231)}.beat-maker__play .play-icon{transform:scale(.74)}.beat-maker__play .pause-icon{transform:scale(.75)}.sequencer{padding:9px 8px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 22%),#ffffff06}.sequencer__ruler,.sequencer__row{display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:7px}.sequencer__ruler{align-items:end;margin-bottom:5px}.sequencer__ruler>span{display:block}.sequencer__ruler i,.sequencer__cells{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.sequencer__ruler i{min-width:0;height:10px;color:#ffffff52;font-size:7px;font-style:normal;font-weight:800;text-align:center}.sequencer__row{align-items:center;min-height:45px;border-top:1px solid rgba(255,255,255,.055)}.sequencer__row:first-of-type{border-top:0}.sequencer__name strong,.sequencer__name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer__name strong{font-size:9px}.sequencer__name small{margin-top:2px;color:#ffffff57;font-size:7px;font-weight:800;letter-spacing:.05em}.sequencer__cells button{position:relative;aspect-ratio:1;min-width:0;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:4px;background:#ffffff0f;cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease,box-shadow .1s ease}.sequencer__cells button:nth-child(4n+1){border-color:#ffffff38}.sequencer__cells button.is-on{border-color:#ff8bace0;background:linear-gradient(145deg,#ff9ab7,#da4876);box-shadow:0 0 10px #f2508361}.sequencer__cells button.is-current:after{content:"";position:absolute;z-index:1;top:-4px;right:-1px;bottom:-4px;left:-1px;border:1px solid rgba(202,255,102,.74);border-radius:6px;box-shadow:0 0 10px #bbff4d59}.sequencer__cells button.is-current.is-on{border-color:#e3ff86;background:linear-gradient(145deg,#e1ff88,#82cf34)}.sequencer__cells button:active{transform:scale(.86)}.beat-maker__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.beat-maker__footer button{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#ffffffad;background:#ffffff0d;cursor:pointer;font-size:9px;font-weight:800}.beat-maker__footer span{color:#ffffff57;font-size:8px;text-align:right}.now-playing{display:flex;align-items:center;gap:12px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(175,84,255,.16),transparent 32%),#ffffff09}.now-playing__cover{position:relative;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:repeating-radial-gradient(circle,#201726 0,#201726 4px,#0d0a11 5px,#0d0a11 7px);box-shadow:0 9px 25px #0006,inset 0 0 0 8px #8236c717}.now-playing__cover.is-playing{animation:record-spin 4s linear infinite}.now-playing__cover span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#171e05;background:var(--green);font-size:12px;font-weight:1000}.now-playing__cover i{position:absolute;width:5px;height:5px;border-radius:50%;background:#0b0810}.now-playing__copy{min-width:0;flex:1}.now-playing__copy small,.now-playing__copy strong,.now-playing__copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing__copy small{margin-bottom:4px;color:var(--green);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.now-playing__copy strong{margin-bottom:3px;font-size:13px}.now-playing__copy span{color:#fff6;font-size:9px;font-weight:700}.music-power{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#ffffff73;background:#ffffff0d;cursor:pointer}.music-power i{position:relative;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%}.music-power i:before{content:"";position:absolute;left:4px;top:-5px;width:2px;height:8px;border-radius:2px;background:currentColor}.music-power.is-on{color:#172100;border-color:var(--green);background:var(--green)}.player-progress{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:13px 5px 4px}.player-progress input{grid-column:1 / -1;width:100%;height:4px;margin:0;border-radius:99px;outline:0;background:linear-gradient(90deg,var(--green) 0 var(--track-progress),rgba(255,255,255,.13) var(--track-progress) 100%);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.player-progress input::-webkit-slider-thumb{width:12px;height:12px;border:2px solid #192300;border-radius:50%;background:var(--green);box-shadow:0 0 7px #b9ff3d59;-webkit-appearance:none;-moz-appearance:none;appearance:none}.player-progress span{color:#ffffff61;font-size:8px;font-variant-numeric:tabular-nums}.player-progress span:last-child{text-align:right}.player-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:2px 0 10px}.player-controls button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#ffffffc7;background:transparent;cursor:pointer}.player-controls .player-controls__main{width:49px;height:49px;color:#162000;background:var(--green);box-shadow:0 8px 23px #85d12840}.play-icon{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}.pause-icon{width:12px;height:15px;border-left:4px solid currentColor;border-right:4px solid currentColor}.skip-icon{position:relative;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.skip-icon:before{content:"";position:absolute;left:-15px;top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.skip-icon:after{content:"";position:absolute;left:1px;top:-7px;width:2px;height:14px;background:currentColor}.skip-icon--back{transform:rotate(180deg)}.playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px}.playlist-heading strong{font-size:11px}.playlist-heading span{color:#ffffff57;font-size:8px}.playlist{height:min(29dvh,245px);overflow:auto;overscroll-behavior:contain;border-top:1px solid rgba(255,255,255,.07);scrollbar-width:none}.playlist::-webkit-scrollbar{display:none}.playlist button{width:100%;min-height:49px;display:flex;align-items:center;gap:10px;padding:6px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.055);color:#ffffffad;background:transparent;cursor:pointer;text-align:left}.playlist button.is-active{color:#fff;background:#b9ff3d0b}.playlist button>span:first-child{width:24px;flex:0 0 auto;color:#ffffff4d;font-size:9px;text-align:center}.playlist button>span:nth-child(2){min-width:0;flex:1}.playlist button strong,.playlist button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist button strong{margin-bottom:2px;font-size:10px}.playlist button small{color:#ffffff4d;font-size:7px;letter-spacing:.08em}.playlist button em{color:var(--green);font-size:7px;font-style:normal}.track-equalizer{height:16px;display:inline-flex;align-items:center;gap:2px}.track-equalizer b{width:2px;height:7px;border-radius:2px;background:var(--green);animation:wave .47s ease-in-out infinite alternate}.track-equalizer b:nth-child(2){height:14px;animation-delay:.13s}.track-equalizer b:nth-child(3){height:10px;animation-delay:.26s}.intro{position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 38%,#594327 0,#221a13 32%,#0a0808 74%)}.intro__noise{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:noise-shift .26s steps(2) infinite}.intro__skip{position:absolute;z-index:5;top:calc(16px + env(safe-area-inset-top,0px));right:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#ffffff85;background:#0000003d;cursor:pointer;font-size:9px;font-weight:700}.intro__time{position:absolute;z-index:4;top:calc(22px + env(safe-area-inset-top,0px));left:17px;color:#ffdda294;font-size:8px;font-weight:800;letter-spacing:.16em}.intro__image-wrap{position:absolute;z-index:2;top:6%;left:0;right:0;height:66%;display:flex;align-items:center;justify-content:center}.intro__image-wrap img{position:relative;z-index:2;width:105%;height:100%;object-fit:contain;object-position:center bottom;filter:brightness(.58) saturate(.76) drop-shadow(0 25px 35px rgba(0,0,0,.72));transform:translateY(6%) scale(.94);transition:filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.intro__glow{position:absolute;left:11%;right:11%;bottom:7%;height:53%;border-radius:50%;opacity:.28;background:radial-gradient(ellipse,rgba(255,190,91,.75),transparent 67%);filter:blur(24px);transition:opacity .7s ease}.intro__image-wrap .intro__box--closed{transform:translateY(7%) scale(1.18)}.intro--step-1 .intro__box--closed{filter:brightness(.8) saturate(.9) drop-shadow(0 25px 35px rgba(0,0,0,.72));animation:box-rustle 1.7s ease-in-out infinite}.intro--step-2 .intro__box--closed{filter:brightness(.96) saturate(1) drop-shadow(0 25px 35px rgba(0,0,0,.72));animation:box-knock .78s cubic-bezier(.2,.8,.2,1) infinite}.intro--step-3 .intro__image-wrap img{filter:brightness(1) saturate(1.04) drop-shadow(0 25px 35px rgba(0,0,0,.72));transform:translateY(2%) scale(1.01)}.intro--step-3 .intro__glow{opacity:.75}.intro__sound{position:absolute;z-index:5;color:#ffdfa4d1;font-weight:1000;font-style:italic;text-shadow:0 3px 12px rgba(0,0,0,.65);letter-spacing:.07em;pointer-events:none}.intro__sound--rustle{top:35%;right:10%;font-size:14px;transform:rotate(-10deg);animation:sound-fade 1.7s ease-in-out infinite}.intro__sound--knock{top:28%;left:11%;font-size:20px;line-height:1.2;transform:rotate(-8deg);animation:knock-text .78s ease-out infinite}.intro__story{position:absolute;z-index:4;left:0;right:0;bottom:0;min-height:36%;padding:23px 20px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 85% 0,rgba(143,78,41,.22),transparent 36%),linear-gradient(180deg,#0e0a09e0,#090708 35%);box-shadow:0 -22px 48px #00000052;animation:story-in .42s ease-out both}.intro__story small{display:block;margin-bottom:8px;color:#d8a55a;font-size:8px;font-weight:900;letter-spacing:.2em}.intro__progress{display:flex;gap:5px;margin-bottom:12px}.intro__progress i{width:17px;height:3px;border-radius:99px;background:#ffffff1f;transition:width .25s ease,background .25s ease}.intro__progress i.is-active{width:29px;background:#d9a657}.intro__story h1{margin:0 0 9px;font-size:clamp(26px,7.4vw,34px);line-height:1.02;letter-spacing:-.045em}.intro__story p{max-width:92%;min-height:31px;margin:0 0 15px;color:#ffffff8c;font-size:10px;line-height:1.48}.intro__story button{width:100%;min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:16px;color:#1c1005;background:linear-gradient(135deg,#ffd77e,#c98b39);box-shadow:0 12px 28px #9d5f1845,inset 0 1px #ffffff61;cursor:pointer;font-size:12px;font-weight:900}.intro__story button span{font-size:20px}@keyframes room-enter{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1.008)}}@keyframes character-enter{0%{opacity:0;transform:translateY(5%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes idle-float{0%,to{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-.8%) rotate(.25deg)}}@keyframes listen-lean{0%{transform:rotate(-1deg) translateY(0)}to{transform:rotate(1deg) translateY(-.8%)}}@keyframes talking-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-.7%) scale(1.012,.995)}}@keyframes thinking{0%{transform:translateY(0) rotate(-.4deg)}to{transform:translateY(-.5%) rotate(.4deg)}}@keyframes dot-hop{0%,70%,to{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}@keyframes bed-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes sleep-z{0%{transform:translateY(8px) scale(.72);opacity:0}25%{opacity:1}to{transform:translate(22px,-45px) scale(1.1);opacity:0}}@keyframes energy-pulse{50%{opacity:.5}}@keyframes wave{0%{transform:scaleY(.45);opacity:.5}to{transform:scaleY(1);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes story-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes mic-listening{50%{transform:scale(1.035)}}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes capsize-tap{0%{transform:translateY(0) scale(1)}22%{transform:translateY(2%) scale(1.075,.91)}54%{transform:translateY(-3.5%) scale(.95,1.08)}78%{transform:translateY(0) scale(1.025,.98)}to{transform:translateY(0) scale(1)}}@keyframes emoji-fly{0%{opacity:0;transform:translate(-50%) scale(.32) rotate(0)}18%{opacity:1}78%{opacity:1;transform:translate(calc(-50% + var(--emoji-x)),var(--emoji-y)) scale(1.14) rotate(var(--emoji-r))}to{opacity:0;transform:translate(calc(-50% + var(--emoji-x)),calc(var(--emoji-y) - 18px)) scale(.76) rotate(var(--emoji-r))}}@keyframes box-rustle{0%,to{transform:translateY(7%) rotate(0) scale(1.18)}25%{transform:translate(-1.2%,6.5%) rotate(-1deg) scale(1.18)}55%{transform:translate(1.3%,7.2%) rotate(1deg) scale(1.18)}75%{transform:translate(-.5%,6.8%) rotate(-.5deg) scale(1.18)}}@keyframes box-knock{0%,to{transform:translateY(7%) scale(1.18)}18%{transform:translateY(10%) scale(1.23,1.08)}36%{transform:translateY(4%) scale(1.14,.95)}56%{transform:translateY(7%) scale(1.18)}}@keyframes sound-fade{0%,to{opacity:.18;transform:translateY(4px) rotate(-10deg)}50%{opacity:1;transform:translateY(-3px) rotate(-10deg)}}@keyframes knock-text{0%,to{opacity:.25;transform:translate(-6px,3px) rotate(-8deg) scale(.9)}33%{opacity:1;transform:translateY(-5px) rotate(-8deg) scale(1.06)}66%{opacity:.48;transform:translate(5px,1px) rotate(-8deg) scale(.95)}}@media (max-height: 700px){:root{--nav-height: calc(72px + env(safe-area-inset-bottom, 0px)) }.hud{padding-top:calc(8px + env(safe-area-inset-top,0px))}.room-title{top:calc(61px + env(safe-area-inset-top,0px))}.energy-card{min-height:42px}.energy-card__icon{width:30px;height:30px}.coin-card,.round-button{height:40px}.round-button{width:40px}.coin-card span{width:28px;height:28px}.room-nav__icon{width:50px;height:50px}.voice-control{min-height:44px}.voice-control__icon{width:34px;height:34px}.character--studio{bottom:13.5%}.intro__story{padding-top:15px}.intro__story h1{margin-bottom:6px}.intro__story p{margin-bottom:9px}.intro__story button{min-height:45px}}@media (min-width: 700px){.game{border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}