: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:61px 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}.bottom-sheet--beat-maker{min-height:min(690px,84dvh)}.preset-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.preset-list button{min-width:0;min-height:56px;padding:7px 8px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#ffffffbf;background:#ffffff09;cursor:pointer;text-align:left}.preset-list button.is-selected{border-color:#ff739e61;background:linear-gradient(135deg,#ff5b9129,#ffffff0a)}.preset-list button:active{transform:scale(.97)}.preset-list strong,.preset-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list strong{margin-bottom:4px;font-size:9px}.preset-list small{color:#fff6;font-size:7px}.pattern-bar{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}.pattern-tabs{min-width:0;flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff09}.pattern-tabs button,.chain-toggle{border:0;border-radius:10px;color:#ffffff7a;background:transparent;cursor:pointer}.pattern-tabs button{min-height:37px;display:flex;align-items:center;justify-content:center;gap:5px}.pattern-tabs button b{font-size:14px}.pattern-tabs button span{font-size:8px;font-weight:700}.pattern-tabs button.is-active{color:#300a18;background:linear-gradient(145deg,#ff9bb8,#df4d7d);box-shadow:0 4px 13px #e1427847}.chain-toggle{min-width:68px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:9px;font-weight:800}.chain-toggle.is-active{border-color:#b9ff6a73;color:#182800;background:linear-gradient(145deg,#dbff86,#8ada37)}.beat-arrangement{padding:8px;margin:-1px 0 9px;border:1px solid rgba(185,255,106,.14);border-radius:14px;background:linear-gradient(90deg,#b9ff6a0e,#ffffff05)}.beat-arrangement__heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.beat-arrangement__heading strong{color:#d7ff8a;font-size:9px;letter-spacing:.08em}.beat-arrangement__heading span{color:#ffffff5c;font-size:7px}.beat-arrangement__clips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.beat-arrangement__clips button{position:relative;min-width:0;min-height:39px;padding:0;border:1px dashed rgba(255,255,255,.12);border-radius:7px;color:#ffffff59;background:#ffffff06;cursor:pointer}.beat-arrangement__clips button small{position:absolute;top:3px;left:4px;font-size:6px}.beat-arrangement__clips button b{font-size:14px}.beat-arrangement__clips button.is-a{color:#330916;border-style:solid;border-color:#ff8aad;background:linear-gradient(145deg,#ff9ebb,#df4b7b)}.beat-arrangement__clips button.is-b{color:#102400;border-style:solid;border-color:#c8ff77;background:linear-gradient(145deg,#e2ff95,#87d337)}.beat-arrangement__clips button.is-playing{box-shadow:0 0 0 2px #ffffffa6,0 0 14px #ddff8873;transform:translateY(-2px)}.beat-maker__tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:9px}.beat-maker__tools button{min-height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#ffffff9e;background:#ffffff0a;cursor:pointer;font-size:8px;font-weight:800}.beat-maker__tools button.is-active{border-color:#73e6ff73;color:#8eecff;background:#4ecded1a}.beat-maker__tools>span{margin-left:auto;color:#c4ff75;font-size:8px;font-weight:800}.mixer-panel{margin:-1px 0 10px;padding:9px;border:1px solid rgba(115,230,255,.19);border-radius:15px;background:linear-gradient(135deg,#33b3cc1a,#ffffff06)}.mixer-panel__heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.mixer-panel__heading strong{font-size:10px}.mixer-panel__heading span{color:#fff6;font-size:7px}.mixer-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mixer-channel{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 6px;border-radius:9px;background:#ffffff0b}.mixer-channel>button{width:21px;height:21px;flex:0 0 auto;padding:0;border:1px solid color-mix(in srgb,var(--track-color),transparent 45%);border-radius:7px;color:#101017;background:var(--track-color);cursor:pointer;font-size:8px;font-weight:900}.mixer-channel.is-muted{opacity:.42}.mixer-channel.is-muted>button{color:#fff;background:#ffffff29}.mixer-channel label{min-width:0;flex:1}.mixer-channel label>span{display:block;overflow:hidden;color:#ffffffa3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.mixer-channel input{width:100%;height:11px;margin:1px 0 0;accent-color:var(--track-color)}.sequencer{max-height:min(47dvh,430px);overflow:auto;scrollbar-width:none}.sequencer::-webkit-scrollbar{display:none}.sequencer__ruler{position:sticky;z-index:4;top:-9px;padding-top:9px;background:#16101e}.sequencer__name{min-width:0;display:flex;align-items:center;gap:4px}.sequencer__name>span{min-width:0}.sequencer__name strong{font-size:8px}.sequencer__name small{font-size:6px}.sequencer__mute{width:13px;height:18px;flex:0 0 auto;padding:0;border:0;border-radius:5px;color:var(--track-color);background:transparent;cursor:pointer;font-size:12px;font-weight:900}.sequencer__row.is-muted{opacity:.4}.sequencer__row.is-muted .sequencer__mute{color:#fff;background:#ffffff26;font-size:7px}.sequencer__row .sequencer__cells button.is-on{border-color:var(--track-color);background:var(--track-color);box-shadow:0 0 10px color-mix(in srgb,var(--track-color),transparent 58%)}.sequencer__row .sequencer__cells button.is-current.is-on{border-color:#efffae;background:linear-gradient(145deg,#ebff9b,#8bd63b)}.beat-saves{margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff06}.beat-saves__heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.beat-saves__heading strong{font-size:10px}.beat-saves__heading span{color:#ffffff5c;font-size:7px;text-align:right}.beat-saves__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px}.beat-saves__slots button{min-width:0;min-height:37px;display:flex;align-items:center;gap:5px;padding:4px 5px;border:1px dashed rgba(255,255,255,.17);border-radius:10px;color:#ffffff6b;background:#ffffff06;cursor:pointer;text-align:left}.beat-saves__slots button.is-filled{border-style:solid;color:#fffc}.beat-saves__slots button.is-selected{border-color:#ff8cad;background:#f04c7e1a}.beat-saves__slots b{color:#ff9ab9;font-size:12px}.beat-saves__slots span{overflow:hidden;font-size:7px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.beat-saves__actions{display:flex;gap:6px}.beat-saves__actions button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#ffffffb8;background:#ffffff0d;cursor:pointer;font-size:8px;font-weight:800}.beat-saves__actions .beat-saves__save{color:#330916;border-color:#ff8eb280;background:linear-gradient(145deg,#ff9db9,#e24e7d)}.beat-saves__actions .beat-saves__delete{margin-left:auto;width:30px;padding:0;color:#ff9a9a}.editor-app{min-width:980px;min-height:100dvh;color:#f8f6ff;background:#0c0911}.editor-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,#180d24,#0d0a12 72%)}.editor-header>div:first-child>span{display:block;margin-bottom:3px;color:#f390a9;font-size:9px;font-weight:900;letter-spacing:.12em}.editor-header h1{margin:0;font-size:24px;letter-spacing:-.04em}.editor-header h1 em{color:#baff62;font-size:13px;font-style:normal;font-weight:700;letter-spacing:0}.editor-header__actions{display:flex;align-items:center;gap:7px}.editor-header__actions button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffffc2;background:#ffffff0b;cursor:pointer;font-size:10px;font-weight:800}.editor-header__actions .editor-header__publish{color:#1a2700;border-color:#bfff6885;background:linear-gradient(145deg,#dbff87,#8bda3a)}.editor-layout{min-height:calc(100dvh - 78px);display:grid;grid-template-columns:280px minmax(0,1fr)}.editor-sidebar{padding:14px;border-right:1px solid rgba(255,255,255,.08);background:#100c16}.editor-card{padding:12px;margin-bottom:11px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#ffffff08}.editor-card__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.editor-card__title strong{font-size:11px}.editor-card__title button{padding:0;border:0;color:#baff62;background:transparent;cursor:pointer;font-size:9px;font-weight:800}.editor-card__title span{color:#fff6;font-size:9px}.editor-card label{display:block;margin-bottom:9px;color:#ffffff78;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.editor-card label:last-child{margin-bottom:0}.editor-card input,.editor-card select{width:100%;height:32px;margin-top:4px;padding:0 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:0;color:#fff;background:#18121f;font:inherit;font-size:10px}.editor-card select option{background:#18121f}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-fields label{min-width:0}.editor-preview small,.editor-preview strong,.editor-preview span{display:block}.editor-preview small{margin-bottom:5px;color:#baff62;font-size:8px;font-weight:900;letter-spacing:.1em}.editor-preview strong{overflow:hidden;margin-bottom:4px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.editor-preview span{margin-bottom:10px;color:#ffffff73;font-size:9px}.editor-preview button{width:100%;min-height:32px;border:1px solid rgba(115,230,255,.33);border-radius:9px;color:#8eeeff;background:#3aaec817;cursor:pointer;font-size:9px;font-weight:800}.editor-level-list{max-height:320px;overflow:auto}.editor-level-list>button{width:100%;display:block;padding:7px 0;border:0;border-top:1px solid rgba(255,255,255,.07);color:#fff;background:transparent;cursor:pointer;text-align:left}.editor-level-list button b,.editor-level-list button span{display:block}.editor-level-list button b{margin-bottom:3px;font-size:10px}.editor-level-list button span,.editor-level-list>p{color:#fff6;font-size:8px;line-height:1.35}.editor-level-list>p{margin:0}.editor-workspace{min-width:0;display:flex;flex-direction:column;padding:17px 18px 20px;background:radial-gradient(circle at 55% 0,rgba(134,63,209,.1),transparent 38%),#0a0810}.editor-status{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;color:#ffffff8c;font-size:10px}.editor-status b{color:#f79ab6;font-size:10px}.editor-help{display:flex;align-items:center;gap:10px;padding:9px 11px;margin-bottom:11px;border:1px solid rgba(186,255,98,.16);border-radius:10px;color:#ffffff6b;background:#baff620a;font-size:9px}.editor-help b{color:#c7ff79}.editor-help span{line-height:1.35}.editor-timeline-scroll{min-height:560px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0d0b12;box-shadow:inset 0 1px #ffffff08}.editor-timeline{position:relative;min-height:520px;padding-top:38px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px var(--beat-width)),repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px calc(var(--beat-width) * 4))}.editor-ruler{position:sticky;z-index:5;top:0;height:38px;margin-top:-38px;border-bottom:1px solid rgba(255,255,255,.09);background:#17121e}.editor-ruler span{position:absolute;top:12px;color:#fff6;font-size:9px;transform:translate(4px)}.editor-playhead{position:absolute;z-index:4;top:0;bottom:0;width:2px;background:#c7ff79;box-shadow:0 0 12px #c7ff79a6;pointer-events:none}.editor-lane{position:relative;height:120px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff04;cursor:crosshair}.editor-lane:nth-of-type(odd){background:#ffffff08}.editor-lane--1 .editor-note{background:linear-gradient(145deg,#aaff75,#55dc9b)}.editor-lane--2 .editor-note{background:linear-gradient(145deg,#75eaff,#7b75ed)}.editor-lane--3 .editor-note{background:linear-gradient(145deg,#ff9ab4,#e55b99)}.editor-lane__label{position:sticky;z-index:3;left:0;top:10px;display:inline-block;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-left:0;border-radius:0 8px 8px 0;color:#ffffff6e;background:#0e0a13e0;font-size:8px;font-weight:900;letter-spacing:.08em;pointer-events:none}.editor-note{position:absolute;top:39px;width:max(15px,calc(var(--beat-width) * .48));height:43px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:linear-gradient(145deg,#ffbe71,#f1628a);box-shadow:0 6px 16px #eb56944d,inset 0 1px #fff6;cursor:pointer;transform:translate(-50%)}.editor-tool-card>small{display:block;margin-top:8px;color:#ffffff5e;font-size:8px;line-height:1.4}.editor-lengths{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.editor-lengths button{min-height:29px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#ffffff8c;background:#ffffff0a;cursor:pointer;font-size:8px;font-weight:900}.editor-lengths button.is-active{color:#1b2604;border-color:#c9ff78;background:#c9ff78}.editor-colors{display:flex;gap:5px;flex-wrap:wrap}.editor-colors button{width:24px;height:24px;padding:0;border:2px solid transparent;border-radius:7px;background:var(--event-color);cursor:pointer}.editor-colors button.is-active{border-color:#fff;box-shadow:0 0 0 2px #ffffff26}.editor-inspector b{display:block;margin-bottom:9px;color:#baff62;font-size:10px}.editor-inspector p{margin:0;color:#ffffff61;font-size:8px;line-height:1.45}.editor-timeline--piano{min-height:720px;padding-top:38px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.043) 0 1px,transparent 1px var(--beat-width)),repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px calc(var(--beat-width) * 4))}.editor-timeline--piano .editor-lane{height:100px}.editor-timeline--piano .editor-lane--0{background:#ff8bb509}.editor-timeline--piano .editor-lane--1{background:#79e8ff06}.editor-timeline--piano .editor-lane--2{background:#bcff7106}.editor-section-label{position:relative;z-index:2;height:28px;display:flex;align-items:center;padding-left:12px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.09);color:#ffffff6b;background:#14101b;font-size:8px;font-weight:900;letter-spacing:.13em}.editor-section-label--events{color:#ffcf7a;background:#17110f}.editor-event-lane{position:relative;height:78px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff04;cursor:crosshair}.editor-event-lane--flash{background:linear-gradient(90deg,rgba(255,101,158,.04),transparent)}.editor-event-lane--fx{background:linear-gradient(90deg,rgba(117,232,255,.04),transparent)}.editor-event-lane .editor-lane__label{top:9px;display:grid;gap:2px;min-width:84px}.editor-event-lane .editor-lane__label b{color:#ffc475;font-size:8px}.editor-event-lane .editor-lane__label{font-size:7px;letter-spacing:0}.editor-timeline--piano .editor-note{top:27px;height:46px;min-width:16px;border-radius:7px 9px 9px 7px;background:linear-gradient(145deg,#ff9fbd,#e85582);transform:translate(0)}.editor-timeline--piano .editor-lane--1 .editor-note{background:linear-gradient(145deg,#8cf3ff,#5b9bed)}.editor-timeline--piano .editor-lane--2 .editor-note{background:linear-gradient(145deg,#d1ff83,#72d83b)}.editor-note.is-hold{border-width:2px;box-shadow:0 0 0 2px #ffffff12,0 7px 15px #df5da752}.editor-note.is-hold i{position:absolute;top:4px;right:4px;width:4px;bottom:4px;border-radius:5px;background:#140a1c5c}.editor-note.is-selected{z-index:4;outline:2px solid #fff;outline-offset:2px;filter:brightness(1.2)}.editor-event{position:absolute;top:20px;width:24px;height:36px;padding:0;border:2px solid color-mix(in srgb,var(--event-color),#fff 38%);border-radius:7px;background:var(--event-color);box-shadow:0 5px 15px color-mix(in srgb,var(--event-color),transparent 58%);cursor:pointer;transform:translate(-50%) rotate(45deg)}.editor-event i{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px;background:#1009136b}.editor-event.is-selected{z-index:4;outline:2px solid #fff;outline-offset:3px}.editor-mobile-block{display:none}.editor-timeline--piano .editor-note.is-hold i{cursor:ew-resize}.editor-mode-buttons,.editor-selection-actions{display:grid;gap:5px}.editor-mode-buttons{grid-template-columns:1fr 1fr}.editor-selection-actions{grid-template-columns:repeat(3,1fr)}.editor-mode-buttons button,.editor-selection-actions button{min-height:31px;padding:4px 6px;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#ffffff9e;background:#ffffff0b;cursor:pointer;font-size:8px;font-weight:900;line-height:1.12}.editor-mode-buttons button.is-active{color:#1e2706;border-color:#c9ff78;background:#c9ff78}.editor-selection-actions button.is-danger{color:#ffadb9;border-color:#ff708e38}.editor-selection-actions button:disabled{cursor:not-allowed;opacity:.34}.editor-mode-buttons kbd,.editor-selection-actions kbd,.editor-tool-card kbd,.editor-preview kbd{display:inline-block;padding:1px 3px;margin-left:2px;border:1px solid rgba(255,255,255,.17);border-radius:3px;color:#ffffffb3;background:#00000029;font:inherit;font-size:7px}.editor-mode-buttons button.is-active kbd{border-color:#23300638;color:#1d2706bf}.editor-lengths{grid-template-columns:repeat(4,1fr);margin-top:7px}.editor-grid-divisions{grid-template-columns:repeat(3,1fr)}.editor-zoom{width:100%;margin:0 0 7px;accent-color:#c9ff78}.editor-colors i{width:24px;height:24px;display:block;border:2px solid rgba(255,255,255,.2);border-radius:7px;background:var(--event-color);box-shadow:inset 0 1px #ffffff73}.editor-timeline--piano{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.027) 0 1px,transparent 1px var(--snap-width)),repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px var(--beat-width)),repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px calc(var(--beat-width) * 4))}.editor-timeline--piano.is-selecting .editor-lane,.editor-timeline--piano.is-selecting .editor-event-lane{cursor:default}.editor-marquee{position:absolute;z-index:8;display:block;border:1px solid #c9ff78;background:#c2ff6b21;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none}.editor-grid-divisions{grid-template-columns:repeat(4,1fr)}.editor-zoom-controls{display:grid;grid-template-columns:28px minmax(0,1fr) 54px 28px;align-items:center;gap:5px;margin-bottom:7px}.editor-zoom-controls>button{width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:7px;color:#d4ff87;background:#ffffff0d;cursor:pointer;font-size:16px;font-weight:900}.editor-zoom{margin:0}.editor-zoom-controls>label{display:flex;align-items:center;gap:2px;margin:0;color:#ffffff7a;font-size:8px}.editor-card .editor-zoom-number{width:42px;height:28px;margin:0;padding:0 3px;text-align:center;font-size:9px}@media (max-width: 899px){.editor-app{display:none}.editor-mobile-block{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:9px;padding:28px;color:#fff;background:#100b17;text-align:center}.editor-mobile-block strong{font-size:22px}.editor-mobile-block p{max-width:280px;margin:0;color:#ffffff8f;font-size:13px;line-height:1.45}}.pianinka-layer{position:absolute;z-index:72;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(194,90,255,.26),transparent 34%),linear-gradient(180deg,#16101f,#09060e);animation:intro-in .3s ease-out both}.pianinka__close{position:absolute;z-index:5;top:calc(13px + env(safe-area-inset-top,0px));right:13px;width:40px;height:40px;padding:0 0 3px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#ffffffb8;background:#0b081099;cursor:pointer;font-size:28px}.pianinka__close--play{top:calc(79px + env(safe-area-inset-top,0px));width:34px;height:34px;border-radius:11px;font-size:24px}.pianinka-start,.pianinka-result{width:min(100%,430px);min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 23px calc(25px + env(safe-area-inset-bottom,0px));text-align:center}.pianinka-start__logo{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(203,134,255,.55);border-radius:34px;color:#23100e;background:linear-gradient(145deg,#ffa16f,#d5588b 52%,#8151e7);box-shadow:0 18px 44px #a841db47,inset 0 1px #ffffff59;transform:rotate(-4deg)}.pianinka-start__logo>span{font-size:34px;font-weight:1000;letter-spacing:-.12em}.pianinka-start__logo i{position:absolute;bottom:12px;width:7px;height:18px;border-radius:4px;background:#18051eab}.pianinka-start__logo i:nth-of-type(1){left:35px;height:11px}.pianinka-start__logo i:nth-of-type(2){left:48px;height:22px}.pianinka-start__logo i:nth-of-type(3){left:61px;height:14px}.pianinka-start__logo i:nth-of-type(4){left:74px;height:26px}.pianinka-start>small,.pianinka-result>small{color:#f5a178;font-size:9px;font-weight:900;letter-spacing:.13em}.pianinka-start h2{margin:8px 0 10px;font-size:clamp(39px,12vw,53px);letter-spacing:-.07em}.pianinka-start>p{max-width:290px;margin:0 0 20px;color:#ffffff8c;font-size:12px;line-height:1.45}.pianinka-start article{width:100%;padding:13px 15px;margin-bottom:12px;border:1px solid rgba(255,255,255,.11);border-radius:18px;text-align:left;background:#ffffff0b}.pianinka-start article span,.pianinka-start article strong,.pianinka-start article small{display:block}.pianinka-start article span{margin-bottom:4px;color:#bcff6c;font-size:8px;font-weight:900;letter-spacing:.11em}.pianinka-start article strong{margin-bottom:3px;font-size:17px}.pianinka-start article small{color:#ffffff73;font-size:9px}.pianinka-start__levels{display:flex;justify-content:center;gap:5px;width:100%;margin:-5px 0 12px}.pianinka-start__levels button{width:28px;height:25px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffff85;background:#ffffff0a;cursor:pointer;font-size:9px;font-weight:900}.pianinka-start__levels button.is-active{color:#221211;border-color:#ffbe7999;background:#ffba78}.pianinka-start__grades{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:4px;margin-bottom:17px}.pianinka-start__grades b{padding:7px 2px;border-radius:8px;color:#ffffff80;background:#ffffff0d;font-size:7px}.pianinka-start__grades b:nth-child(1){color:#eeff9f}.pianinka-start__grades b:nth-child(2){color:#75eaff}.pianinka-start__grades b:nth-child(3){color:#ffa87f}.pianinka-start__grades b:nth-child(4){color:#ff8695}.pianinka-start>button,.pianinka-result>button{width:100%;min-height:55px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(255,215,152,.62);border-radius:17px;color:#2b1010;background:linear-gradient(145deg,#ffbf72,#f06584 53%,#9d63f1);box-shadow:0 12px 27px #d7498440;cursor:pointer;font-size:14px;font-weight:900}.pianinka-start>button span,.pianinka-result>button span{font-size:22px}.pianinka-play{height:100%;display:flex;flex-direction:column}.pianinka-hud{position:relative;z-index:3;min-height:calc(70px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:minmax(55px,.7fr) minmax(0,1.6fr) minmax(55px,.7fr);align-items:end;gap:7px;padding:calc(12px + env(safe-area-inset-top,0px)) 13px 9px;border-bottom:1px solid rgba(255,255,255,.08);background:#0e0913d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pianinka-hud>div small,.pianinka-hud>div strong,.pianinka-hud>div span{display:block}.pianinka-hud>div:not(.pianinka-hud__track) small{color:#fff6;font-size:7px;font-weight:900;letter-spacing:.1em}.pianinka-hud>div:not(.pianinka-hud__track) strong{margin-top:3px;font-size:16px}.pianinka-hud>div:last-child{text-align:right}.pianinka-hud__track{min-width:0;text-align:center}.pianinka-hud__track small{overflow:hidden;color:#c6ff76;font-size:8px;font-weight:900;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.pianinka-hud__track span{overflow:hidden;margin-top:4px;color:#ffffff85;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.pianinka-hud__track i{display:block;height:3px;overflow:hidden;margin:6px auto 0;border-radius:99px;background:#ffffff1c}.pianinka-hud__track i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bbff67,#ff91b2)}.pianinka-board{position:relative;flex:1;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:linear-gradient(180deg,rgba(157,81,219,.08),transparent 28%),#08060d;touch-action:none}.pianinka-lane{position:relative;padding:0;border:0;border-right:1px solid rgba(255,255,255,.12);background:#ffffff03;cursor:pointer;touch-action:manipulation}.pianinka-lane:last-of-type{border-right:0}.pianinka-lane:nth-child(odd){background:#ffffff07}.pianinka-lane:active{background:#ffffff1a}.pianinka-lane.is-holding{background:color-mix(in srgb,var(--event-color),rgba(255,255,255,.1) 35%)}.pianinka-lane__key{position:absolute;z-index:3;bottom:5%;left:50%;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#ffffff7a;background:#ffffff14;transform:translate(-50%);font-size:10px;font-weight:900}.pianinka-tile{position:absolute;z-index:2;left:24%;width:52%;min-height:56px;border:1px solid rgba(255,255,255,.58);border-radius:15px 15px 10px 10px;background:linear-gradient(145deg,#fdc16f,#f66d8c 48%,#9b5bef);box-shadow:0 10px 24px #cc4fd352,inset 0 1px #ffffff7a;transform:translateY(-100%);pointer-events:none}.pianinka-lane--1 .pianinka-tile{background:linear-gradient(145deg,#9ff47a,#53dca1 48%,#54b8ee)}.pianinka-lane--2 .pianinka-tile{background:linear-gradient(145deg,#76e8ff,#6691ed 48%,#a560ed)}.pianinka-lane--3 .pianinka-tile{background:linear-gradient(145deg,#ff9bb6,#ed6296 48%,#a957d6)}.pianinka-tile--hold{border-width:2px;border-bottom-color:#ffffffeb;box-shadow:0 0 0 2px #ffffff17,0 8px 22px #cc4fd366,inset 0 1px #ffffff85}.pianinka-tile--hold:after{content:"HOLD";position:absolute;right:5px;bottom:5px;color:#140a1db8;font-size:7px;font-style:normal;font-weight:1000;letter-spacing:.08em}.pianinka-tile.is-holding{filter:brightness(1.35);box-shadow:0 0 28px #f4ff91a8}.pianinka-tile.is-missed{border-color:#ffbcc6cc;background:linear-gradient(145deg,#ff9bad,#e44968 65%,#7d3559);filter:saturate(.65);opacity:.58}.pianinka-hit-line{position:absolute;z-index:4;right:0;bottom:29%;left:0;height:5px;display:grid;grid-template-columns:repeat(3,1fr);background:#f2ffaf;box-shadow:0 0 19px #dfff7ccc;pointer-events:none}.pianinka-hit-line span{height:53px;margin:-24px 10% 0;border:1px solid rgba(239,255,162,.32);border-bottom-color:transparent;border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(216,255,126,.12),transparent)}.pianinka-flash{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 30%,var(--event-color),transparent 58%);mix-blend-mode:screen;pointer-events:none}.pianinka-layer.has-flash .pianinka-flash{animation:pianinka-flash .36s ease-out both}.pianinka-layer.is-pulsing .pianinka-board{animation:pianinka-pulse .5s ease-out both}.pianinka-countdown{position:absolute;z-index:9;top:32%;left:50%;display:grid;gap:5px;place-items:center;color:#fff;transform:translate(-50%,-50%);text-shadow:0 7px 24px rgba(0,0,0,.75);pointer-events:none}.pianinka-countdown b{width:94px;height:94px;display:grid;place-items:center;border:1px solid rgba(236,255,151,.6);border-radius:30px;color:#1b160e;background:linear-gradient(145deg,#efff9b,#96f170);box-shadow:0 12px 35px #afff5c4d;font-size:57px;line-height:1}.pianinka-countdown span{color:#ffffffb8;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.pianinka-grade{position:absolute;z-index:5;top:21%;left:50%;padding:8px 13px;border-radius:12px;color:#111608;background:#ebff96;box-shadow:0 7px 25px #cfff5957;transform:translate(-50%);font-size:15px;font-weight:1000;letter-spacing:.06em;animation:grade-pop .41s ease-out both;pointer-events:none}.pianinka-grade--great{color:#07181c;background:#76ecff}.pianinka-grade--good{color:#30150b;background:#ffbd82}.pianinka-grade--hold{color:#092219;background:#9cf5b4}.pianinka-grade--miss{color:#fff;background:#eb5c78}.pianinka-play__hint{position:relative;z-index:3;margin:0;padding:9px calc(12px + env(safe-area-inset-bottom,0px));color:#ffffff5e;background:#0a070ee0;font-size:8px;letter-spacing:.14em;text-align:center}.pianinka-result h2{margin:9px 0 10px;font-size:clamp(39px,12vw,54px);letter-spacing:-.07em}.pianinka-result h2 span{color:#ffffff73;font-size:14px;letter-spacing:0}.pianinka-result__combo{margin-bottom:18px;color:#ffffff87;font-size:11px}.pianinka-result__combo b{margin-left:5px;color:#d7ff83;font-size:16px}.pianinka-result__grades{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:19px}.pianinka-result__grades span{display:grid;gap:5px;padding:9px 3px;border-radius:11px;color:#ffffff73;background:#ffffff0d;font-size:7px;font-weight:800}.pianinka-result__grades b{color:#fff;font-size:17px}.pianinka-result .pianinka-result__exit{min-height:43px;margin-top:9px;border-color:#ffffff1f;color:#ffffffa6;background:#ffffff0e;box-shadow:none;font-size:11px}@keyframes grade-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.75)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-21px) scale(1.06)}}@keyframes pianinka-flash{0%{opacity:0}18%{opacity:.62}to{opacity:0}}@keyframes pianinka-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.012);filter:saturate(1.35) brightness(1.12)}}.radio-panel{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;padding:14px;border:1px solid rgba(185,255,61,.2);border-radius:22px;background:radial-gradient(circle at 18% 50%,rgba(185,255,61,.14),transparent 32%),radial-gradient(circle at 85% 10%,rgba(167,77,242,.18),transparent 36%),#ffffff0a}.radio-panel__dial{position:relative;width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:repeating-radial-gradient(circle,#23172b 0,#23172b 4px,#0b0910 5px,#0b0910 7px);box-shadow:0 9px 27px #00000073,inset 0 0 0 12px #b9ff3d0d}.radio-panel__dial.is-playing{animation:record-spin 4s linear infinite}.radio-panel__dial>span{position:relative;z-index:2;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#182300;background:var(--green);font-size:14px;font-weight:1000}.radio-panel__dial i{position:absolute;left:50%;top:2px;width:2px;height:11px;border-radius:2px;background:#beff57;transform:translate(-50%)}.radio-panel__dial i:nth-of-type(2){transform:translate(-50%) rotate(120deg);transform-origin:50% 39px}.radio-panel__dial i:nth-of-type(3){transform:translate(-50%) rotate(240deg);transform-origin:50% 39px}.radio-panel__copy{min-width:0}.radio-panel__copy small,.radio-panel__copy strong,.radio-panel__copy span{display:block}.radio-panel__copy small{margin-bottom:5px;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em}.radio-panel__copy strong{overflow:hidden;margin-bottom:5px;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.radio-panel__copy span{color:#ffffff78;font-size:9px;line-height:1.35}.radio-panel__power{grid-column:1 / -1;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#ffffff8c;background:#ffffff0e;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.09em}.radio-panel__power i{width:10px;height:10px;border-radius:50%;background:#f88;box-shadow:0 0 11px #ff64647a}.radio-panel__power.is-on{color:#1e2d02;border-color:#b9ff3d94;background:linear-gradient(145deg,#d7ff82,#91d33c)}.radio-panel__power.is-on i{background:#213200;box-shadow:0 0 10px #243e004d}.radio-panel__note{grid-column:1 / -1;margin:-2px 0 0;color:#ffffff61;font-size:8px;line-height:1.4;text-align:center}.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__image-wrap{position:absolute;z-index:2;top:-1%;left:0;right:0;height:75%;display:flex;align-items:center;justify-content:center}.intro__image-wrap img{position:relative;z-index:2;width:112%;height:100%;object-fit:contain;object-position:center bottom;filter:brightness(.57) saturate(.72) drop-shadow(0 31px 44px rgba(0,0,0,.78));transform:translateY(3%) scale(.97);transition:filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.intro__glow{position:absolute;left:11%;right:11%;bottom:2%;height:58%;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(4%) scale(1.23)}.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(-1%) scale(1.05)}.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:5;left:20px;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:0;background:transparent;text-shadow:0 5px 25px rgba(0,0,0,.8);animation:story-in .42s ease-out both}.intro__story small{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#ffdfa4a8;font-size:8px;font-weight:900;letter-spacing:.2em}.intro__story small i{width:21px;height:1px;display:block;background:currentColor;opacity:.6}.intro__story h1{max-width:350px;margin:0 0 10px;font-size:clamp(42px,12.8vw,58px);line-height:.9;letter-spacing:-.075em}.intro__story p{max-width:265px;min-height:0;margin:0 0 22px;color:#ffffffb3;font-size:12px;line-height:1.32}.intro__story button{width:auto;min-width:168px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 17px 0 19px;border:1px solid rgba(255,220,141,.62);border-radius:99px;color:#251406;background:#ffe293;box-shadow:0 12px 30px #e29f4145,inset 0 1px #ffffff8c;cursor:pointer;font-size:12px;font-weight:900}.intro__story button:disabled{cursor:wait;filter:saturate(.55) brightness(.82);opacity:.68}.intro__story button span{font-size:22px;line-height:1}@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}}