*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Fredoka,"Baloo 2",Comic Sans MS,Trebuchet MS,sans-serif;background:#2b1840;color:var(--color-text)}body{width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#ff8cc8,#9b6bff 55%,#4b2a7a)}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:root{--color-background: #ffe6f4;--color-surface: #fff5fb;--color-primary: #ff4fa3;--color-secondary: #9b6bff;--color-accent: #ffd93d;--color-text: #4a2366;--color-text-muted: #8a6aa6}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}.app-container{position:relative;width:100%;height:100%;max-width:720px;max-height:1280px;aspect-ratio:9 / 16;background:var(--color-background);overflow:hidden;box-shadow:0 0 40px #ff4fa380}.scene-container{width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.hud *{pointer-events:auto}.hud .toasts,.hud .toasts *{pointer-events:none}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#ffc2e0,#c9a0ff)}.loading-logo{font-size:64px;animation:bob 1.2s ease-in-out infinite}.loading-text{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 0 #ff4fa3}.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8% 6% 10%;background:linear-gradient(180deg,#ffc2e08c,#fff0 45%,#c9a0ff80)}.title-logo{position:relative;text-align:center;animation:pop-in .6s cubic-bezier(.34,1.56,.64,1)}.title-1{font-size:clamp(44px,12vw,84px);font-weight:800;color:#ff4fa3;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 6px 0 #9b6bff;line-height:1}.title-2{font-size:clamp(24px,6vw,42px);font-weight:700;color:#fff;text-shadow:0 3px 0 #9b6bff,0 0 12px #ff8cc8}.title-sparkle{position:absolute;top:-10px;left:-26px;font-size:34px;animation:spin 3s linear infinite}.title-sparkle.r{inset:auto -26px -6px auto;animation:bob 1.4s ease-in-out infinite}.title-sub{color:#fff;font-weight:700;text-shadow:0 2px 0 #9b6bff;font-size:16px}.title-box{width:100%;max-width:420px;background:#ffffffeb;border:4px solid #ff8cc8;border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px #c94f9a}.btn{background:#fff;color:var(--color-text);border:3px solid #ffc2e0;border-radius:999px;padding:10px 16px;font-size:16px;font-weight:700;box-shadow:0 4px #ffb0d6;transition:transform .08s;white-space:nowrap}.btn:active{transform:translateY(3px) scale(.97);box-shadow:0 1px #ffb0d6}.btn-big{background:var(--color-primary);color:#fff;border-color:#fff;box-shadow:0 5px #c2307a;font-size:18px}.btn-big:active{box-shadow:0 1px #c2307a}.btn.ghost{background:#ffffffb3;box-shadow:none;border-color:transparent;width:44px;height:44px;padding:0;font-size:20px}.btn.wide{width:100%}.btn.danger{background:#ff5a5a;color:#fff;border-color:#fff;box-shadow:0 4px #b83232}.btn:disabled{opacity:.4;filter:grayscale(.5)}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:76px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pill{background:#ffffffeb;border:3px solid #fff;border-radius:999px;padding:4px 12px;font-weight:700;font-size:16px;box-shadow:0 3px #9b6bff66;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pill-coins{background:#ffd93d;color:#7a4a00}.pill-net{background:#4fd1ff;color:#fff}.energy{display:flex;align-items:center;gap:4px;background:#ffffffeb;border-radius:999px;padding:4px 10px;border:3px solid #fff;box-shadow:0 3px #9b6bff66}.energy-bar{width:70px;height:12px;border-radius:999px;background:#e8dcff;overflow:hidden}.energy-fill{width:100%;height:100%;background:linear-gradient(90deg,#7ee081,#3ddc97);transform-origin:left;transition:transform .3s}.side-buttons{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;display:flex;flex-direction:column;gap:7px}.round-btn{position:relative;width:58px;height:58px;border-radius:50%;background:#fff;border:3px solid #ffc2e0;box-shadow:0 4px #ffb0d6;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.round-btn span{font-size:10px;font-weight:700;margin-top:2px}.round-btn:active{transform:scale(.9)}.round-btn.studio{background:#ff4fa3;color:#fff;border-color:#fff;box-shadow:0 4px #c2307a}.round-btn.play{background:#4fd1ff;color:#fff;border-color:#fff;box-shadow:0 4px #2a8fb5}.round-btn.small{width:44px;height:44px;font-size:20px;align-self:center}.badge{position:absolute;top:-4px;right:-4px;background:#ff5a5a;color:#fff;border-radius:999px;min-width:22px;height:22px;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:bob 1s ease-in-out infinite}.joystick-zone{position:absolute;left:-22px;bottom:max(-16px,calc(env(safe-area-inset-bottom) - 44px));padding:44px;border-radius:50%;touch-action:none}.joystick{pointer-events:none!important;width:130px;height:130px;border-radius:50%;background:#ffffff59;border:4px solid rgba(255,255,255,.8);touch-action:none;display:flex;align-items:center;justify-content:center}.joystick-knob{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc2e0,#ff4fa3);border:4px solid #fff;box-shadow:0 4px #c2307a;pointer-events:none!important}.emotes{position:absolute;bottom:max(40px,calc(env(safe-area-inset-bottom) + 12px));left:50%;transform:translate(-50%);display:flex;gap:6px}.emotes button{width:46px;height:46px;font-size:22px;border-radius:50%;background:#ffffffd9;border:3px solid #fff}.emotes button:active{transform:scale(.85)}.jump-btn{position:absolute;right:22px;bottom:max(36px,env(safe-area-inset-bottom));width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fe8ff,#4fd1ff);border:4px solid #fff;box-shadow:0 5px #2a8fb5;color:#fff;font-weight:800;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.jump-btn span,.jump-btn .ico{font-size:32px;line-height:1}.jump-btn:active{transform:scale(.9)}.action-btn{position:absolute;right:16px;bottom:calc(max(36px,env(safe-area-inset-bottom)) + 124px);width:122px;min-height:122px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd93d,#ff9f43);border:5px solid #fff;box-shadow:0 6px #c26a14,0 0 24px #ffd93dcc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;animation:pulse 1.1s ease-in-out infinite}.action-btn:active{transform:scale(.9)}.action-emoji{font-size:40px;line-height:1}.action-label{font-size:12px;font-weight:800;color:#5a2a00;text-align:center;line-height:1.1;margin-top:4px}.music-bar{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 44px);left:10px;display:flex;align-items:center;gap:4px;background:#ffffffe6;border:3px solid #fff;border-radius:999px;box-shadow:0 3px #9b6bff66;padding:2px;max-width:calc(100% - 96px)}.music-bar button{min-width:40px;height:40px;border-radius:999px;font-size:18px;background:#ffe6f4}.music-bar button:active{transform:scale(.9)}.music-bar .music-title{display:flex;align-items:center;gap:6px;padding:0 10px;background:#fff;font-weight:700;font-size:14px;min-width:0;max-width:190px}.music-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-note.spin{display:inline-block;animation:bob .8s ease-in-out infinite}.toasts{position:absolute;top:116px;left:12px;right:80px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.toast{background:#fffffff2;border:3px solid #c9a0ff;border-radius:18px;padding:8px 14px;font-weight:700;font-size:15px;box-shadow:0 4px #9b6bff59;animation:slide-in .3s cubic-bezier(.34,1.56,.64,1);display:flex;gap:6px;align-items:center}.toast-emoji{font-size:20px}.modal-back{position:absolute;inset:0;background:#4a236673;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.reward{position:relative;overflow:hidden;width:100%;max-width:400px;background:linear-gradient(180deg,#fff,#ffe6f4);border:5px solid #ffd93d;border-radius:32px;padding:26px 20px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1)}.reward-rays{position:absolute;inset:-50%;background:repeating-conic-gradient(rgba(255,217,61,.25) 0 15deg,transparent 15deg 30deg);animation:spin 12s linear infinite;pointer-events:none!important}.reward-emoji{position:relative;font-size:84px;line-height:1;animation:bob 1.2s ease-in-out infinite}.reward-title{position:relative;font-size:28px;font-weight:800;color:#ff4fa3}.reward-text{position:relative;font-size:17px;font-weight:600}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:62%;display:flex;flex-direction:column;background:#fff5fbf7;border-top:5px solid #ff8cc8;border-radius:30px 30px 0 0;box-shadow:0 -6px #9b6bff40;animation:sheet-up .3s cubic-bezier(.34,1.3,.64,1);padding-bottom:env(safe-area-inset-bottom);z-index:10}.sheet.studio{max-height:58%}.sheet.shop,.sheet.decor{max-height:66%}.sheet-head{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:10px 12px 4px}.sheet-title{text-align:center;font-size:20px;font-weight:800;color:#ff4fa3}.sheet-body{overflow-y:auto;padding:6px 14px 14px;flex:1;-webkit-overflow-scrolling:touch}.sheet-foot{display:flex;gap:8px;justify-content:flex-end;padding:8px 14px 12px;border-top:2px dashed #ffc2e0;flex-wrap:wrap}.section-label{font-weight:800;font-size:15px;margin:10px 0 6px;color:#9b6bff}.hint{font-size:14px;color:var(--color-text-muted);margin:8px 0;font-weight:600}.hint.big{font-size:16px;color:var(--color-text)}.empty{padding:14px;text-align:center;font-weight:600;color:var(--color-text-muted)}.row{display:flex;gap:8px;align-items:center}.row.center{justify-content:center;padding:4px}.tabs,.sheet-head,.sheet-foot,.shop-coins,.decor-hint{flex-shrink:0}.tabs{display:flex;gap:4px;padding:2px 10px 6px;overflow-x:auto}.tab{flex:1;min-width:62px;display:flex;flex-direction:column;align-items:center;padding:6px 4px;font-weight:700;font-size:12px;border-radius:16px;background:#fff;border:3px solid #ffe0f0}.tab span,.tab .ico{font-size:22px}.tab.sel{background:#ff4fa3;color:#fff;border-color:#fff;box-shadow:0 3px #c2307a}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{background:#fff;border:3px solid #e8dcff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px}.chip.big{font-size:22px;padding:4px 10px}.chip.sel{background:#9b6bff;color:#fff;border-color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.card{position:relative;background:#fff;border:3px solid #ffe0f0;border-radius:20px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:84px;transition:transform .1s}.card:active{transform:scale(.94)}.card.sel{border-color:#ff4fa3;background:#ffe6f4;box-shadow:0 0 0 3px #ff4fa340}.card.used{opacity:.45}.card.mini{min-width:84px}.card-emoji{font-size:34px;line-height:1.1}.card-name{font-size:11px;font-weight:700;text-align:center;line-height:1.15}.card-count{font-size:11px;font-weight:700;color:#9b6bff}.card-owned{font-size:12px;font-weight:700;color:#3ddc97}.shop-card.owned{background:#f0fff6;border-color:#b8f5c8}.buy{background:#ffd93d;color:#7a4a00;border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px;margin-top:4px;box-shadow:0 3px #c9a520}.buy:active{transform:translateY(2px);box-shadow:none}.buy.poor{opacity:.5}.buy.eat{background:#7ee081;color:#1d5a24;box-shadow:0 3px #4a9c4e}.shop-coins{text-align:center;font-weight:800;color:#c27a00}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #e8dcff;font-size:16px;background:#fff}.swatch.sel{box-shadow:0 0 0 3px #ff4fa3;transform:scale(1.12)}.swatch:active{transform:scale(.9)}.hscroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.text-input{flex:1;font-family:inherit;font-size:17px;font-weight:700;padding:10px 14px;border-radius:999px;border:3px solid #ffc2e0;color:var(--color-text);outline:none;min-width:0}.text-input:focus{border-color:#ff4fa3}.text-input.big{font-size:22px;text-align:center}.text-input.code{letter-spacing:.2em;text-transform:uppercase}.task{display:flex;gap:10px;align-items:center;background:#fff;border:3px solid #ffe0f0;border-radius:20px;padding:8px 10px;margin-bottom:8px}.task.ready{border-color:#ffd93d;background:#fffbe0;animation:pulse 1.4s ease-in-out infinite}.task.done{opacity:.55}.task-emoji{font-size:30px}.task-main{flex:1}.task-text{font-weight:700;font-size:15px}.task-reward{font-size:12px;font-weight:700;color:#c27a00}.task-count{font-weight:800;color:#9b6bff}.progress{height:10px;background:#f0e6ff;border-radius:999px;overflow:hidden;margin:4px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#ff8cc8,#ff4fa3);transform-origin:left}.list-row{display:flex;gap:8px;align-items:center;background:#fff;border:3px solid #ffe0f0;border-radius:20px;padding:8px 10px;margin-bottom:8px;flex-wrap:wrap}.list-emoji{font-size:32px}.list-main{flex:1;min-width:120px}.list-title{font-weight:800;font-size:16px}.list-sub{font-size:13px;font-weight:600;color:var(--color-text-muted)}.worlds{display:flex;flex-direction:column;gap:8px}.world-card{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;text-align:left;border-radius:22px;padding:10px 14px;border:4px solid #fff;color:#fff;box-shadow:0 4px #00000026}.world-card.town{background:linear-gradient(90deg,#4fd1ff,#7ee081)}.world-card.candy{background:linear-gradient(90deg,#ff4fa3,#ffb0d6)}.world-card.fairy{background:linear-gradient(90deg,#9b6bff,#3ddc97)}.world-card.bounce{background:linear-gradient(90deg,#ff9f43,#ffd93d,#4fd1ff)}.world-card.slime{background:linear-gradient(90deg,#3ddc97,#7ee081,#c9a0ff)}.world-card.race{background:linear-gradient(90deg,#ff5e7e,#ffb84d,#4fd1ff)}.world-card.here{opacity:.7}.world-emoji{grid-row:span 2;font-size:40px}.world-name{font-weight:800;font-size:19px;text-shadow:0 2px 0 rgba(0,0,0,.15)}.world-blurb{font-size:13px;font-weight:600}.dialog{position:absolute;left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom));background:#fffffff7;border:5px solid #c9a0ff;border-radius:28px;padding:14px;box-shadow:0 6px #9b6bff66;animation:sheet-up .3s cubic-bezier(.34,1.3,.64,1);z-index:10}.dialog-head{display:flex;align-items:center;gap:8px}.dialog-emoji{font-size:36px}.dialog-title{font-size:21px;font-weight:800;color:#9b6bff}.dialog-text{font-size:17px;font-weight:600;margin:8px 0 12px}.dialog-buttons{display:flex;flex-direction:column;gap:8px}.dialog-buttons .btn{white-space:normal}.decor-hint{text-align:center;font-weight:700;color:#9b6bff;padding:0 12px}.ride{position:absolute;top:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px}.ride-banner{background:#ff4fa3;color:#fff;font-size:24px;font-weight:800;padding:8px 20px;border-radius:999px;border:4px solid #fff;animation:bob .8s ease-in-out infinite}.playdate{display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:center}.playdate-code-label{font-weight:700;color:#9b6bff}.playdate-code{font-size:48px;font-weight:800;letter-spacing:.15em;color:#ff4fa3;background:#fff;border:4px dashed #ff8cc8;border-radius:22px;padding:6px}.playdate-status{font-weight:700;font-size:17px}.error{color:#d63a3a;font-weight:700}.minigame{position:absolute;inset:0;z-index:20;background:linear-gradient(180deg,#ffe6f4,#e8dcff)}.minigame-mount{position:absolute;inset:0}.mg-quit{position:absolute;top:10px;right:10px}.mg-root{position:absolute;inset:0;display:flex;flex-direction:column}.mg-hud{display:flex;justify-content:space-between;align-items:center;padding:14px 64px 8px 14px;font-weight:800;font-size:20px;gap:8px}.mg-title{color:#ff4fa3;font-size:17px;text-align:center}.mg-score{display:inline-block;transition:transform .15s;font-variant-numeric:tabular-nums}.mg-score.bump{animation:bump .25s}.mg-time{font-variant-numeric:tabular-nums}.mg-area{position:relative;flex:1;overflow:hidden;touch-action:none}.mg-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.mg-intro-emoji{font-size:96px;animation:bob 1.2s ease-in-out infinite}.mg-intro-title{font-size:32px;font-weight:800;color:#ff4fa3}.mg-intro-text{font-size:19px;font-weight:600}.mg-intro-job{font-weight:700;color:#c27a00}.mg-float{position:absolute;font-weight:800;font-size:22px;color:#ff4fa3;transform:translate(-50%);animation:float-up .8s forwards;pointer-events:none!important}.mg-order{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 14px;height:100%}.mg-customer{font-size:80px;line-height:1}.mg-customer.happy{animation:bump .35s}.mg-bubble{background:#fff;border:4px solid #c9a0ff;border-radius:24px;padding:8px 14px;display:flex;gap:8px;align-items:center;font-weight:700}.mg-bubble-label{font-size:15px}.mg-build{display:flex;gap:10px;background:#fff9;padding:8px 14px;border-radius:20px}.mg-chip{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;border:3px solid #fff;box-shadow:0 0 0 2px #e8dcff;background:#fff}.mg-chip.small{width:34px;height:34px;font-size:20px}.mg-chip.empty{color:#c9a0ff;font-weight:800}.mg-rows{display:flex;flex-direction:column;gap:6px;width:100%}.mg-row{display:flex;gap:6px;align-items:center;justify-content:center}.mg-row-label{width:86px;font-weight:700;font-size:14px;text-align:right}.mg-opt{border-radius:50%;padding:3px}.mg-opt:active{transform:scale(.88)}.mg-feed-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mg-feed-btn{font-size:54px;width:110px;height:110px;border-radius:28px;background:#fff;border:4px solid #ffc2e0;box-shadow:0 5px #ffb0d6}.mg-feed-btn:active{transform:scale(.92)}.mg-feed-btn.wrong{animation:shake .3s;opacity:.4}.mg-basket{position:absolute;left:0;top:0;font-size:62px;pointer-events:none!important}.mg-fall{position:absolute;left:0;top:0;font-size:40px;pointer-events:none!important}.mg-pop{position:absolute;left:0;top:0;font-size:50px;width:64px;height:64px}.mg-pop.balloon{font-size:58px}.mg-pup{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font-size:150px;pointer-events:none!important}.mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px;max-width:440px;margin:0 auto}.mg-hole{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 70%,#6b3f26 45%,#8b5a3c 46%);border:5px solid #b07a52;font-size:52px;transition:transform .1s}.mg-hole.up{transform:scale(1.08)}.mg-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;max-width:460px;margin:0 auto}.mg-card{aspect-ratio:3 / 4;border-radius:18px;background:linear-gradient(135deg,#ff8cc8,#9b6bff);color:#fff;font-size:34px;border:4px solid #fff;box-shadow:0 4px #9b6bff66;transition:transform .2s}.mg-card.open{background:#fff;transform:rotateY(180deg) scaleX(-1)}.mg-card.done{background:#b8f5c8;transform:scale(.95)}.mg-simon-info{text-align:center;font-weight:800;font-size:22px;color:#9b6bff;margin-top:10px}.mg-dancer{text-align:center;font-size:96px;margin:12px 0}.mg-dancer.hop{animation:bump .35s}.mg-simon{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 28px;max-width:420px;margin:0 auto}.mg-simon-btn{aspect-ratio:1.3;border-radius:26px;font-size:50px;border:5px solid #fff;opacity:.7;transition:transform .1s,opacity .1s}.mg-simon-btn.lit{opacity:1;transform:scale(1.08);box-shadow:0 0 24px #fff}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bump{50%{transform:scale(1.3)}}@keyframes float-up{to{transform:translate(-50%,-60px);opacity:0}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background:var(--color-background);padding:32px;text-align:center}.error-icon{font-size:64px;margin-bottom:8px}.error-title{font-size:24px;margin-bottom:4px}.error-message{font-size:16px;color:var(--color-text-muted);margin-bottom:16px;max-width:420px}.error-reload{border:none;border-radius:999px;font-size:18px;font-weight:600;padding:16px;width:100%;max-width:320px;cursor:pointer;color:#fff;background:var(--color-primary)}.error-reload:active{transform:scale(.95)}img.ico{display:inline-block;width:1.25em;height:1.25em;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(74,35,102,.18));-webkit-user-drag:none}img.ico.inline{width:1.2em;height:1.2em;vertical-align:-.28em;margin:0 .05em}.round-btn .ico{font-size:24px}.round-btn.small .ico{font-size:22px}.emotes .ico{font-size:24px}.loading-logo .ico{font-size:56px}.mg-pop img.ico,.mg-intro-emoji img.ico{width:1.1em;height:1.1em}.title-art{width:min(62vw,300px);max-height:30vh;aspect-ratio:1;object-fit:cover;border-radius:32px;border:5px solid #fff;box-shadow:0 8px #c94f9a,0 0 30px #ff8cc8b3;transform:rotate(-2deg);animation:bob 2.4s ease-in-out infinite;order:2}.title-logo{order:1}.title-sub{order:3}.title-box{order:4}.title-sparkle.ico{font-size:40px}.title-welcome{text-align:center;font-size:22px;font-weight:700}.title-play{font-size:22px}.title-help{font-size:18px;border-color:#c9a0ff}.help-back{z-index:80;padding:14px}.help{width:100%;max-width:520px;max-height:100%;overflow-y:auto;background:linear-gradient(180deg,#fff,#ffeef8);border:5px solid #ff8cc8;border-radius:32px;box-shadow:0 8px #c94f9a;padding:14px 18px 18px;display:flex;flex-direction:column;gap:10px;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.help-head{display:flex;align-items:center;justify-content:space-between}.help-heading{font-size:18px;font-weight:800;color:#9b6bff}.help-pic-box{min-height:150px;border-radius:24px;background:radial-gradient(circle at 50% 40%,#fff7fc,#ffd6ec);border:3px dashed #ffb0d6;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;flex-wrap:wrap}.help-pic{font-size:64px;animation:bob 1.6s ease-in-out infinite}.help-pic:nth-child(2){animation-delay:.3s}.help-pic:nth-child(3){animation-delay:.6s}.help-title{text-align:center;font-size:28px;font-weight:800;color:#ff4fa3;line-height:1.1}.help-lines{margin:0;padding:0 0 0 4px;list-style:none;display:flex;flex-direction:column;gap:8px}.help-lines li{font-size:19px;font-weight:600;line-height:1.35;padding-left:26px;position:relative}.help-lines li:before{content:"♥";position:absolute;left:2px;color:#ff8cc8}.help-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.help-dot{width:12px;height:12px;border-radius:50%;background:#f0d6ff;border:none;padding:0}.help-dot.sel{background:#ff4fa3;transform:scale(1.3)}.help-nav{display:flex;justify-content:space-between;gap:10px}.help-nav .btn:disabled{opacity:.4}.mock-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#fff;border:3px solid #ffc2e0;box-shadow:0 4px #ffb0d6;font-size:30px;font-weight:700}.mock-btn span{font-size:11px}.mock-btn.jump{width:96px;height:96px;background:radial-gradient(circle at 35% 30%,#9fe8ff,#4fd1ff);border:4px solid #fff;box-shadow:0 5px #2a8fb5;color:#fff;font-size:34px}.mock-btn.jump span{font-size:13px}.mock-btn.action{width:104px;height:104px;background:radial-gradient(circle at 35% 30%,#ffd93d,#ff9f43);border:5px solid #fff;box-shadow:0 6px #c26a14,0 0 18px #ffd93dcc;color:#5a2a00;font-size:38px;animation:pulse 1.1s ease-in-out infinite}.mock-btn.action span{font-size:12px}.mock-stack{display:flex;flex-direction:column;align-items:center;gap:8px}.mock-joy{position:relative;width:120px;height:120px;border-radius:50%;background:#ffffffb3;border:4px solid #fff;box-shadow:inset 0 0 0 3px #ffd6ec;display:flex;align-items:center;justify-content:center}.mock-knob{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc2e0,#ff4fa3);border:4px solid #fff;box-shadow:0 4px #c2307a;animation:joy-wiggle 2s ease-in-out infinite}.mock-finger{position:absolute;font-size:40px;right:-14px;bottom:-10px}@keyframes joy-wiggle{0%,to{transform:translate(0)}25%{transform:translate(26px,-10px)}50%{transform:translateY(-28px)}75%{transform:translate(-26px,-6px)}}.face-card{padding:6px 4px}.face-thumb{width:64px;height:64px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px #9b6bff59}.race-hud{position:absolute;inset:0;pointer-events:none}.race-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.race-title{font-weight:800}.race-place{font-size:20px;font-weight:800;color:#ff4fa3}.btn.ghost.race-quit{width:auto;height:auto;padding:6px 12px;font-size:15px;margin-left:auto;background:#ffffffe6}.race-count{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:110px;font-weight:800;color:#ffd93d;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px 0 #ff4fa3;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none!important}.race-count.go{color:#3ddc97;font-size:84px}.race-tip{position:absolute;top:22%;left:50%;transform:translate(-50%);background:#ffffffeb;border:3px solid #ff9f43;border-radius:999px;padding:6px 16px;font-weight:800;pointer-events:none!important}.race-hint{position:absolute;left:18px;bottom:calc(max(28px,env(safe-area-inset-bottom)) + 140px);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(74,35,102,.8);pointer-events:none!important}.boost-btn{background:radial-gradient(circle at 35% 30%,#fff3a3,#ff9f43);box-shadow:0 5px #c26a14,0 0 20px #ff9f43b3;color:#5a2a00}.boost-btn:disabled{filter:grayscale(.8);opacity:.6}.mount-bar{position:absolute;left:50%;bottom:max(214px,calc(env(safe-area-inset-bottom) + 188px));transform:translate(-50%);display:flex;gap:8px}.mount-btn{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:6px;font-family:inherit;font-size:17px;font-weight:700;color:#fff;background:#9b6bff;border:4px solid #fff;border-radius:24px;box-shadow:0 4px #6a3fd0;white-space:nowrap}.mount-btn.ghost{color:#9b6bff;background:#fff;box-shadow:0 4px #9b6bff66}.mount-btn:active{transform:scale(.95)}.mount-btn .ico{width:24px;height:24px}.ring-hud{position:absolute;bottom:max(278px,calc(env(safe-area-inset-bottom) + 252px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none!important}.ring-hud *{pointer-events:none!important}.ring-hud-main{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:18px;font-weight:800;color:#fff;background:#9b6bffeb;border:3px solid #fff;border-radius:20px;text-shadow:0 1px 3px rgba(0,0,0,.35);white-space:nowrap}.ring-hud-main .ico{width:24px;height:24px}.ring-hud-time{font-variant-numeric:tabular-nums;color:#fff3a0}.ring-hud-best{padding:2px 10px;font-size:13px;font-weight:700;color:#9b6bff;background:#ffffffeb;border-radius:12px;font-variant-numeric:tabular-nums}.world-card.unicorn{background:linear-gradient(90deg,#c9a0ff,#ff8cc8,#8fd3ff)}.ring-hud-main.fairy{background:#ff6b9deb}.learn-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#3c1e6e73;z-index:20}.learn{width:100%;max-width:420px;max-height:100%;overflow-y:auto;background:#fffaf2;border:5px solid #ffd93d;border-radius:28px;box-shadow:0 6px #9b6bff59;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;animation:sheet-up .3s cubic-bezier(.34,1.3,.64,1)}.learn-head{display:flex;align-items:center;gap:8px}.learn-head-emoji,.learn-head .ico{width:34px;height:34px;font-size:30px}.learn-title{flex:1;font-size:22px;font-weight:800;color:#9b6bff}.learn-grade{padding:4px 10px;font-weight:800;color:#fff;background:#ff8cc8;border-radius:14px}.learn-x{width:44px;height:44px;border:none;background:none;font-size:20px;color:#9b6bff}.learn-dots{display:flex;gap:6px;justify-content:center}.learn-dot{width:12px;height:12px;border-radius:50%;background:#e8dcff}.learn-dot.done{background:#9b6bff}.learn-dot.now{background:#ff4fa3;transform:scale(1.3)}.learn-q{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;line-height:1.3;color:#3a2a5a}.learn-q>span{flex:1}.learn-q .ico.inline{width:1.1em;height:1.1em}.learn-speak{flex:none;width:48px;height:48px;border-radius:50%;border:3px solid #fff;background:#8fd3ff;box-shadow:0 3px #4f9fd0}.learn-speak:active{transform:scale(.95)}.learn-speak .ico{width:26px;height:26px}.learn-pic{text-align:center;font-size:44px;line-height:1.2;word-break:break-word}.learn-pic .ico.inline{width:48px;height:48px;margin:0 1px}.learn-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learn-choice{min-height:64px;padding:8px;font-family:inherit;font-size:20px;font-weight:800;color:#3a2a5a;background:#fff;border:4px solid #e8dcff;border-radius:18px;box-shadow:0 4px #e8dcff}.learn-choice:active{transform:scale(.96)}.learn-choice .ico.inline{width:1.3em;height:1.3em}.learn-choice.good{background:#b8f0b0;border-color:#3ddc97;box-shadow:0 4px #2bb37a}.learn-choice.bad{background:#ffd0d8;border-color:#ff6b8a;box-shadow:0 4px #e04a6a}.learn-feedback{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;font-size:17px;font-weight:800}.learn-feedback>span{flex:1}.learn-feedback.good{background:#e6ffe0;color:#1f8a55}.learn-feedback.bad{background:#fff0f4;color:#c2307a}.learn-feedback .ico.inline{width:1.2em;height:1.2em}.learn-next{min-height:52px;padding:0 22px;font-family:inherit;font-size:19px;font-weight:800;color:#fff;background:#ff4fa3;border:4px solid #fff;border-radius:26px;box-shadow:0 4px #c2307a}.learn-next:active{transform:scale(.95)}.learn-next:disabled,.learn-cancel:disabled,.spell-tile:disabled{opacity:.35;filter:grayscale(.5)}.learn-cancel{min-height:48px;padding:0 18px;font-family:inherit;font-size:17px;font-weight:800;color:#9b6bff;background:#fff;border:3px solid #e8dcff;border-radius:24px}.learn-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.spell-slots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.spell-slot{width:38px;height:46px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#3a2a5a;background:#fff;border-bottom:4px solid #c9a0ff;border-radius:8px;text-transform:uppercase}.spell-slot.good{background:#b8f0b0}.spell-slot.bad{background:#ffd0d8}.spell-tiles{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.spell-tile{width:52px;height:52px;font-family:inherit;font-size:26px;font-weight:800;text-transform:uppercase;color:#fff;background:#9b6bff;border:3px solid #fff;border-radius:14px;box-shadow:0 4px #6a3fd0}.spell-tile:active{transform:scale(.93)}.grade-q{text-align:center;font-size:22px;font-weight:800;color:#3a2a5a}.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grade-btn{min-height:60px;font-family:inherit;font-size:20px;font-weight:800;color:#fff;background:#8fd3ff;border:4px solid #fff;border-radius:18px;box-shadow:0 4px #4f9fd0}.grade-btn.last{background:#ff4fa3;box-shadow:0 4px #c2307a,0 0 12px #ff4fa399}.grade-btn:active{transform:scale(.95)}.learn.result{align-items:center;text-align:center}.learn-stars{font-size:54px;letter-spacing:6px}.learn-score{font-size:20px;font-weight:700;color:#3a2a5a}.learn-coins{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:800;color:#ff9f43}.learn-coins .ico{width:30px;height:30px}.world-card.school{background:linear-gradient(90deg,#ffb84d,#ff8cc8,#8fd3ff)}