:root{--bg-deep:#0a0414;--bg-mid:#12081c;--bg-card-solid:#2a2633;--bg-soft:#ffffff12;--bg-soft-hover:#ffffff1c;--purple:#7c3aed;--purple-bright:#a78bfa;--purple-logo:#7b2cbf;--text:#fff;--text-muted:#9a91a8;--text-dim:#6f677d;--success:#4ade80;--success-bg:#22c55e;--partial:#d97706;--fail:#ef4444;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--font:"Onest", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-frame{min-height:100dvh}.page-enter{animation:.42s cubic-bezier(.22,1,.36,1) both page-in}@keyframes page-in{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.header{view-transition-name:site-header}.app-bg{view-transition-name:page-surface}@supports (view-transition-name:none){.page-enter{animation:none}::view-transition-group(root){animation-duration:.45s}::view-transition-old(root){mix-blend-mode:normal;animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){mix-blend-mode:normal;animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}::view-transition-old(page-surface){animation:.4s cubic-bezier(.4,0,1,1) both vt-surface-out}::view-transition-new(page-surface){animation:.45s cubic-bezier(.22,1,.36,1) both vt-surface-in}::view-transition-old(site-header){mix-blend-mode:normal;animation:none}::view-transition-new(site-header){mix-blend-mode:normal;animation:none}::view-transition-group(site-header){z-index:2;animation-duration:.45s}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-surface-out{to{opacity:0;filter:blur(3px);transform:translateY(-12px)scale(.985)}}@keyframes vt-surface-in{0%{opacity:0;filter:blur(3px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}}.page-fallback{place-items:center;min-height:100dvh;animation:.3s cubic-bezier(.22,1,.36,1) both page-in;display:grid}.page-fallback-dot{background:var(--purple-bright);border-radius:50%;width:12px;height:12px;animation:.7s ease-in-out infinite alternate page-fallback-pulse}@keyframes page-fallback-pulse{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.game-fallback{background:linear-gradient(110deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%) 0 0/200% 100%;border-radius:20px;width:min(280px,70vw);height:160px;animation:.9s linear infinite game-shimmer}@keyframes game-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.page-enter,.page-fallback,.page-fallback-dot,.game-fallback{filter:none!important;animation:none!important}::view-transition-old(root){filter:none!important;animation:none!important}::view-transition-new(root){filter:none!important;animation:none!important}::view-transition-old(page-surface){filter:none!important;animation:none!important}::view-transition-new(page-surface){filter:none!important;animation:none!important}.header,.app-bg{view-transition-name:none}}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-bg{background:radial-gradient(58% 62% at 78% 58%,#5f289b80 0%,#0000 62%),#07030f;min-height:100vh;position:relative}.app-bg--home{isolation:isolate;background:#07030f;min-height:100dvh;position:relative;overflow:hidden auto}.app-bg--home:before{content:"";z-index:0;pointer-events:none;filter:blur(2px);background:radial-gradient(55% 70% at 92% 42%,#8c37aa8c 0%,#0000 68%),radial-gradient(48% 62% at 8% 58%,#6e288c6b 0%,#0000 70%),radial-gradient(70% 50% at 70% 100%,#46196e47 0%,#0000 60%),radial-gradient(40% 35% at 50% 0,#5a28822e 0%,#0000 70%);display:block;position:absolute;inset:0}.app-bg--home:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 70% at 50% 55%,#0000 30%,#05020c8c 100%);display:block;position:absolute;inset:0}.app-shell{z-index:1;max-width:1180px;margin:0 auto;padding:0 40px 48px;position:relative}.app-shell--home{z-index:2;flex-direction:column;max-width:1200px;min-height:100dvh;padding:0 56px 72px;display:flex;position:relative}.header{z-index:2;justify-content:space-between;align-items:center;padding:28px 0 12px;display:flex;position:relative}.logo{align-items:center;line-height:0;display:flex}.logo-img{object-fit:contain;width:auto;height:38px;display:block}.header-right{align-items:center;gap:14px;display:flex}.streak-btn{flex-shrink:0;place-items:center;width:52px;height:56px;display:grid;position:relative}.streak-btn.has-streak .streak-flame{animation:1.6s ease-in-out infinite streak-flicker}.streak-btn.streak-bump .streak-num{animation:.55s cubic-bezier(.34,1.56,.64,1) streak-bump}.streak-flame{filter:drop-shadow(0 0 10px #8b5cf68c);-webkit-user-select:none;user-select:none;pointer-events:none;width:48px;height:auto;display:block}.streak-num{color:#fff;letter-spacing:-.04em;text-shadow:0 1px 3px #280050a6;z-index:1;pointer-events:none;font-size:18px;font-weight:800;line-height:1;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.pill-btn{border-radius:var(--radius-pill);color:#fff;background:#ffffff1a;align-items:center;height:44px;padding:0 22px;font-size:15px;font-weight:500;transition:background .15s;display:inline-flex}.pill-btn:hover,.pill-btn.active{background:#ffffff1f}.currency-pill{border-radius:var(--radius-pill);color:#111;cursor:pointer;background:#fff;align-items:center;gap:6px;height:44px;padding:0 12px 0 16px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.currency-pill:hover{background:#f3eefc;transform:translateY(-1px)}.currency-pill:active{transform:scale(.97)}.btn-primary{color:#111;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:52px;padding:0 28px;font-size:16px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary.owned{color:var(--text-muted);background:#ffffff1a}.btn-cta{border-radius:16px;height:54px;padding:0 36px;font-size:17px;box-shadow:0 10px 30px #00000059}.btn-ghost{border-radius:var(--radius-pill);color:#fff;background:#ffffff14;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:15px;font-weight:500;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:#ffffff1f}.btn-ghost.muted{color:var(--text-dim);background:0 0}.btn-ghost.muted:hover{color:var(--text-muted);background:#ffffff0f}.home-hero{flex:none;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.25fr);align-items:center;gap:8px;min-height:calc(100dvh - 160px);padding-bottom:32px;display:grid;position:relative}.home-copy{z-index:2;max-width:460px;position:relative}.home-copy h1{letter-spacing:-.03em;color:#fff;text-shadow:none;filter:none;-webkit-text-stroke:0;margin-bottom:18px;font-size:clamp(42px,5.6vw,64px);font-weight:800;line-height:1.05}.home-copy>p{color:#9a91a8;max-width:340px;text-shadow:none;filter:none;margin-bottom:32px;font-size:16px;font-weight:400;line-height:1.5}.home-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.home-shop-link{color:var(--text-muted);margin-top:4px;font-size:14px}.home-shop-link:hover{color:#fff}.home-progress{color:var(--text-dim);margin-top:16px;font-size:14px}.home-practice-hint{color:var(--text-dim)!important;max-width:none!important;margin-top:4px!important;margin-bottom:0!important;font-size:13px!important}.home-day-done{color:#c4b5fd;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.35}.home-mascot{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;width:100%;height:100%;min-height:560px;margin-right:-56px;display:flex;position:relative}.mascot-img{object-fit:contain;filter:drop-shadow(0 28px 50px #7832b473);background:0 0;display:block}.home-mascot-figure{transform-origin:55% 85%;will-change:transform;filter:drop-shadow(0 28px 50px #7832b473);width:min(560px,100%);max-width:100%;animation:6.8s cubic-bezier(.45,.05,.55,.95) infinite mascot-home-idle;transform:translate(4%)}.home-mascot-figure .mascot-think{filter:none;width:100%;height:auto;animation:none;transform:none}@keyframes mascot-home-idle{0%,to{transform:translate(4%)translateY(0)rotate(-.8deg)scale(1)}35%{transform:translate(4%)translateY(-7px)rotate(.6deg)scale(1.008)}70%{transform:translate(4%)translateY(-3px)rotate(-.4deg)scale(1.004)}}.home-mascot:after{content:"";pointer-events:none;background:radial-gradient(#7832b459,#0000 70%);border-radius:50%;width:48%;height:36px;animation:6.8s cubic-bezier(.45,.05,.55,.95) infinite mascot-shadow;position:absolute;bottom:10%;left:38%}@keyframes mascot-shadow{0%,to{opacity:.5;transform:scaleX(1)}35%{opacity:.32;transform:scaleX(.9)}70%{opacity:.4;transform:scaleX(.95)}}.mascot-happy,.mascot-sad{filter:drop-shadow(0 12px 28px #6428b466);flex-shrink:0;width:128px;height:auto}.success-mascot-figure{filter:drop-shadow(0 12px 28px #6428b466);flex-shrink:0;width:128px}.success-mascot-figure.mascot-happy,.success-mascot-figure.mascot-sad{width:148px}.mascot-sad{filter:drop-shadow(0 12px 28px #50287859)}.practice-note{color:var(--text-dim);text-align:center;margin-top:4px;font-size:13px}.name-gate{z-index:200}.name-gate-card{text-align:center;flex-direction:column;align-items:center;display:flex}.name-gate-mascot{filter:drop-shadow(0 12px 28px #7832b466);width:112px;height:auto;margin:-8px 0 8px}.name-gate-label{text-align:left;color:var(--text-muted);align-self:stretch;margin-bottom:8px;font-size:13px;font-weight:600}.name-gate-input{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff2e;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-family:inherit;font-size:17px;font-weight:600}.name-gate-input:focus{border-color:#a78bfaa6;box-shadow:0 0 0 3px #a78bfa2e}.name-gate-input::placeholder{color:var(--text-dim);font-weight:500}.name-gate-error{text-align:left;align-self:stretch;color:#f87171!important;margin:8px 0 0!important;font-size:13px!important}.home-board{z-index:2;width:100%;max-width:560px;margin:8px auto 0;padding:28px 0 12px;position:relative}.home-board-head{text-align:center;margin-bottom:20px}.home-board-head h2{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:clamp(26px,4vw,34px);font-weight:800}.home-board-head p{color:var(--text-muted);max-width:34em;margin:0 auto;font-size:14px;line-height:1.45}.home-board-head p strong{color:#c4b5fd;font-weight:800}.home-board-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home-board-row{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:36px 52px 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.home-board-row--you{background:#7c3aed38;border-color:#a78bfa59;box-shadow:0 0 0 1px #a78bfa1f}.home-board-row--top1{background:linear-gradient(90deg,#fbbf2424,#ffffff0a);border-color:#fbbf2447}.home-board-row--top2{background:linear-gradient(90deg,#cbd5e11f,#ffffff0a)}.home-board-row--top3{background:linear-gradient(90deg,#d9770624,#ffffff0a)}.home-board-place{color:var(--text-muted);text-align:center;font-size:15px;font-weight:800}.home-board-row--top1 .home-board-place{color:#fbbf24}.home-board-mascot{z-index:1;background:#00000040;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;line-height:0;display:flex;position:relative;overflow:visible}.home-board-mascot .mascot-figure{width:100%}.home-board-mascot .mascot-figure-acc,.home-board-mascot .mascot-figure-pet{filter:none}.home-board-meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.home-board-meta strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:700;display:inline-flex;overflow:hidden}.home-board-you{text-transform:uppercase;letter-spacing:.04em;color:#c4b5fd;background:#a78bfa33;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.home-board-streak{color:#fff;flex-shrink:0;align-items:center;gap:4px;font-size:15px;font-weight:800;display:inline-flex}.home-board-flame{width:18px;height:auto;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}.arrow-piece.shake{animation:.3s shake}.car-away-vehicle{filter:drop-shadow(0 4px 6px #00000059);transition:filter .2s,transform .2s}.car-away-vehicle--free{filter:drop-shadow(0 4px 6px #00000059)drop-shadow(0 0 10px #a78bfa73)}.car-away-vehicle.shake{animation:.35s shake}.car-away-vehicle--leaving{pointer-events:none;animation:1.1s cubic-bezier(.33,.05,.45,1) forwards car-drive-out}@keyframes car-drive-out{0%{opacity:1;filter:brightness()drop-shadow(0 4px 6px #00000059);transform:translate(0)scale(1)rotate(0)}12%{transform:translate(calc(var(--dx) * .04), calc(var(--dy) * .04)) scale(1.04);opacity:1;filter:brightness(1.08)drop-shadow(0 6px 10px #0006)}55%{opacity:1;filter:brightness(1.12)}to{transform:translate(var(--dx), var(--dy)) scale(.88);opacity:0;filter:brightness(1.25)blur(1px)}}.btn-ghost.dpad{background:#ffffff1a;border-radius:50%;width:52px;height:52px;padding:0;font-size:18px}.btn-ghost.dpad:active{background:#8b5cf659;transform:scale(.92)}.worm-cloud{background:#ffffffd9;border-radius:999px;height:22px;position:absolute;box-shadow:18px 8px 0 -4px #ffffffbf}.game-board--ptp{gap:8px}.ptp-goal{width:min(280px,100%);color:var(--text-muted);background:#ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.ptp-goal strong{color:var(--text)}.ptp-goal__count{color:#f472b6;white-space:nowrap;font-weight:700}.ptp-hint{max-width:300px;line-height:1.35}.ptp-wrap{flex-direction:column;align-items:center;width:100%;display:flex;overflow:visible}.ptp-stage{background:linear-gradient(#ececef 0%,#d8d8dc 100%);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 14px 32px #00000047,inset 0 1px #ffffffb3}.ptp-canvas{position:absolute;inset:0}.ptp-canvas canvas{border-radius:22px;display:block;width:100%!important;height:100%!important}.ptp-cup-rim{z-index:3;pointer-events:none;background:linear-gradient(#f9a8d4,#ec4899);border-radius:999px;width:96px;height:12px;position:absolute;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #db277759}.ptp-pin{cursor:grab;touch-action:none;z-index:6;transform-origin:50%;filter:drop-shadow(0 3px 5px #00000040);background:0 0;border:none;align-items:center;height:32px;padding:0;transition:filter .2s;display:flex;position:absolute}.ptp-pin:hover{filter:drop-shadow(0 4px 10px #a78bfa73)}.ptp-pin:active{cursor:grabbing}.ptp-pin--out{pointer-events:none;opacity:0;transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .25s .1s}.ptp-pin__bar{background:linear-gradient(#a1a1aa,#52525b 45%,#3f3f46);border:1px solid #27272a;border-radius:999px;flex:1;height:11px}.ptp-pin__ring{background:radial-gradient(circle at 40% 35%,#e4e4e7,#a1a1aa);border:5px solid #71717a;border-radius:50%;flex:0 0 26px;order:2;width:26px;height:26px;margin-right:-4px;box-shadow:inset 0 0 0 3px #52525b}.ptp-pin__ring--left{order:0;margin-left:-4px;margin-right:0}.ptp-pct{z-index:5;color:#fafafa;text-align:center;pointer-events:none;background:#3f3f46;border-radius:999px;min-width:72px;padding:5px 12px;font-size:13px;font-weight:800;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.bb-cell.filled{animation:.2s popIn}@keyframes clearFlash{0%{filter:brightness(1.6)}to{filter:brightness()}}.progress-row{flex-shrink:0;justify-content:center;gap:8px;width:100%;max-width:100%;margin-bottom:32px;display:flex}.progress-cell{background:0 0;border:1.5px solid #ffffff24;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.progress-cell.done{color:#1a1a1a;background:#fff;border-color:#fff}.progress-cell.fail{color:#fff;background:#ef4444;border-color:#ef4444}.progress-cell.current{border-color:#fff6}.app-bg--play{min-height:100dvh}.app-shell--play{min-height:100dvh;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.task-page{flex-direction:column;flex:1;align-items:center;width:100%;min-height:calc(100dvh - 88px);padding-top:8px;display:flex}.task-page:has(.game-board--ptp) .progress-row{margin-bottom:12px}.task-page:has(.game-board--ptp) .task-subtitle{margin-bottom:6px}.task-page:has(.game-board--ptp){min-height:0}.task-page--paint{height:calc(100dvh - 64px);min-height:0;max-height:calc(100dvh - 64px);padding-top:4px;overflow:hidden}.task-page--paint .progress-row{flex-shrink:0;margin-bottom:10px}.task-page--paint .progress-cell{border-radius:8px;width:26px;height:26px;font-size:12px}.task-page--paint .task-title{flex-shrink:0;margin-bottom:4px;font-size:22px}.task-page--paint .task-subtitle{display:none}.task-page--paint .task-body{flex:1;justify-content:center;align-items:center;width:100%;max-width:520px;min-height:0;margin-inline:auto;display:flex}.task-page--paint .task-footer{flex-shrink:0;padding:8px 0 4px}.game-board--paint{flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;min-height:0;display:flex}.paint-palette{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.paint-pct{color:var(--text-muted);margin-left:6px;font-size:13px;font-weight:700}.paint-wrong{color:#f87171;font-weight:700}.paint-stage{flex:auto;justify-content:center;align-items:center;width:100%;min-height:min(52dvh,480px);display:flex;position:relative}.game-board--won .paint-canvas-el{animation:.75s photo-win}.paint-canvas-el{cursor:crosshair;touch-action:none;width:auto;max-width:min(100%,520px);height:auto;max-height:min(58dvh,520px);box-shadow:none;background:#fff;border-radius:0;display:block}.task-body{flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;min-height:0;display:flex}.task-footer{flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:100%;max-width:560px;padding:16px 0 12px;display:flex}.task-footer-restart{border-radius:999px;flex-shrink:0;height:44px;padding:0 24px}.task-practice-hint{flex-shrink:0;margin-top:-8px!important;margin-bottom:12px!important}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#04020ab3;place-items:center;padding:20px;animation:.22s both modal-bg-in;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--radius-xl);background:#2c2834;width:min(400px,100%);padding:28px 28px 24px;animation:.28s cubic-bezier(.22,1,.36,1) both modal-card-in;position:relative;box-shadow:0 28px 80px #0000008c}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card h2{letter-spacing:-.02em;margin-bottom:12px;font-size:24px;font-weight:800}.modal-card p{color:var(--text-muted);margin-bottom:20px;font-size:15px;line-height:1.45}.modal-close{width:32px;height:32px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff;background:var(--bg-soft)}.success-page{flex-direction:column;align-items:center;min-height:calc(100vh - 100px);padding-top:12px;animation:.5s cubic-bezier(.22,1,.36,1) both game-enter;display:flex}.success-page .mascot-happy{animation:2.4s ease-in-out infinite float-y}.success-page .mascot-sad{animation:3.2s ease-in-out infinite float-y}.success-hero{justify-content:center;align-items:center;gap:20px;margin-bottom:28px;display:flex}.success-copy h1{letter-spacing:-.03em;font-size:44px;font-weight:800;animation:.55s cubic-bezier(.34,1.4,.64,1) both success-bounce}.success-copy p{color:var(--text-muted);margin-top:6px;font-size:16px}.success-card{border-radius:var(--radius-xl);background:#2a2632;width:min(380px,100%);padding:26px 28px;animation:.5s cubic-bezier(.22,1,.36,1) .12s both stagger-in;position:relative;overflow:hidden}.success-stat{color:var(--text-muted);justify-content:space-between;align-items:center;padding:11px 0;font-size:16px;display:flex}.success-stat strong{color:#fff;font-weight:700}.success-stat.mindos strong{color:#a78bfa;align-items:center;gap:5px;display:inline-flex}.success-card .btn-primary{border-radius:14px;width:100%;height:54px;margin-top:18px}.app-bg--mascot{background:radial-gradient(70% 55% at 50% 28%,#6e32aa61 0%,#0000 62%),radial-gradient(50% 40% at 80% 90%,#461e7847 0%,#0000 70%),#07030f;min-height:100dvh}.app-shell--mascot{min-height:100dvh;padding-bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.mascot-page{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;min-height:0;margin:0 auto;padding-bottom:8px;display:flex;overflow-y:auto}.mascot-stage{text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:min(42dvh,380px);padding:8px 0 12px;display:flex;position:relative}.mascot-stage-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim,#8b8499);margin:0 0 6px;font-size:13px;font-weight:600}.mascot-stage-name{letter-spacing:-.03em;margin:0;font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.1}.mascot-stage-owner{color:var(--text-muted);margin:6px 0 0;font-size:14px}.mascot-stage-figure{justify-content:center;align-items:center;width:min(320px,78vw);margin-top:8px;display:flex;position:relative}.mascot-figure{width:100%;line-height:0;position:relative}.mascot-figure-skin{object-fit:contain;z-index:1;width:100%;height:auto;display:block;position:relative}.mascot-figure-acc{z-index:3;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 10px #00000047);height:auto;position:absolute}.mascot-figure-pet{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 14px #00000059);transform-origin:bottom;height:auto;position:absolute}.mascot-stage-figure:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#7832b466,#0000 72%);border-radius:50%;height:28px;animation:6.8s cubic-bezier(.45,.05,.55,.95) infinite mascot-shadow;position:absolute;bottom:6%;left:18%;right:18%}.mascot-stage-img{object-fit:contain;filter:drop-shadow(0 22px 40px #6428b473);transform-origin:50% 85%;width:100%;height:auto;animation:3.2s ease-in-out infinite float-y;display:block}.mascot-stage-figure .mascot-figure{transform-origin:50% 85%;filter:drop-shadow(0 22px 40px #6428b473);animation:3.2s ease-in-out infinite float-y}.mascot-stage-figure .mascot-stage-img{filter:none;animation:none}.mascot-inventory{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#201a2ab8,#16121ef2);border:1px solid #ffffff14;border-radius:24px 24px 20px 20px;flex-shrink:0;width:100%;padding:14px 14px 16px}.mascot-inv-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.mascot-inv-tab{height:40px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:12px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.mascot-inv-tab.is-active{color:#fff;background:#a78bfa2e;border-color:#a78bfa66}.mascot-inv-tab:hover:not(.is-active){color:#fff;background:#ffffff12}.mascot-inv-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mascot-inv-slot{aspect-ratio:1;cursor:pointer;color:#fff;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;transition:border-color .15s,transform .15s,background .15s;display:flex}.mascot-inv-slot:hover:not(:disabled){background:#a78bfa1a;border-color:#a78bfa73;transform:translateY(-1px)}.mascot-inv-slot.is-selected{background:#a78bfa24;border-color:#a78bfabf;box-shadow:0 0 0 2px #a78bfa40}.mascot-inv-slot.is-locked{opacity:.45;cursor:default}.mascot-inv-preview{object-fit:contain;filter:drop-shadow(0 6px 12px #00000059);width:58%;height:auto}.mascot-inv-glyph{color:#ffffff59;font-size:22px;font-weight:800;line-height:1}.mascot-inv-name{color:var(--text-muted);text-align:center;font-size:11px;font-weight:600;line-height:1.2}.mascot-inv-slot.is-selected .mascot-inv-name{color:#e9e0ff}.mascot-shop{flex-direction:column;flex-shrink:0;gap:14px;width:100%;padding-bottom:4px;display:flex}.mascot-shop-title-row{flex-direction:column;gap:4px;padding:0 2px;display:flex}.mascot-shop-title-row h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.mascot-shop-title-row p{color:var(--text-muted);margin:0;font-size:13px}.mascot-shop-block{background:linear-gradient(#201a2ab8,#16121ef2);border:1px solid #ffffff14;border-radius:20px;padding:14px}.mascot-shop-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.mascot-shop-head h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:750}.mascot-shop-timer{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;margin:0;display:flex}.mascot-shop-timer-label{color:var(--text-dim,#8b8499);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.mascot-shop-timer strong{font-variant-numeric:tabular-nums;color:#c4b5fd;letter-spacing:.02em;font-size:15px;font-weight:750}.mascot-shop-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.mascot-shop-card{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mascot-shop-card.is-owned{border-color:#a78bfa59}.mascot-shop-card-media{aspect-ratio:1;background:#00000040;place-items:center;display:grid;overflow:hidden}.mascot-shop-card-media img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000059);width:78%;height:78%}.mascot-shop-card-body{flex-direction:column;gap:2px;min-height:44px;padding:8px 8px 6px;display:flex}.mascot-shop-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.mascot-shop-card-kind{color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2}.mascot-shop-buy{color:#111;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:4px;height:32px;margin:0 8px 8px;font-size:12px;font-weight:800;transition:transform .12s,opacity .12s,background .15s;display:inline-flex}.mascot-shop-buy:hover:not(:disabled){transform:translateY(-1px)}.mascot-shop-buy:active:not(:disabled){transform:scale(.97)}.mascot-shop-buy.is-owned{color:#e9e0ff;cursor:default;background:#a78bfa33}.mascot-shop-buy.is-disabled{opacity:.45}@media (width<=860px){.mascot-page{max-width:100%}.mascot-stage{min-height:min(36dvh,300px)}.mascot-stage-figure{width:min(260px,70vw)}.mascot-inventory{border-radius:20px 20px 16px 16px;padding:12px}.mascot-inv-tab{height:38px;font-size:12px}.mascot-shop-grid{gap:6px}.mascot-shop-block{padding:12px}.mascot-shop-head{flex-wrap:wrap;align-items:flex-start}.mascot-shop-card-body{min-height:40px;padding:6px 6px 4px}.mascot-shop-buy{height:30px;margin:0 6px 6px;font-size:11px}}@media (width<=420px){.mascot-shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mascot-shop-card-name{font-size:10px}.mascot-shop-card-kind{font-size:9px}.mascot-shop-timer strong{font-size:13px}}.game-board{flex-direction:column;align-items:center;gap:14px;width:100%;animation:.22s both game-fade;display:flex;position:relative}.game-board--won{animation:.7s game-won-glow}@keyframes game-fade{0%{opacity:0}to{opacity:1}}@keyframes game-won-glow{0%{filter:brightness()}40%{filter:brightness(1.12)}to{filter:brightness()}}@keyframes streak-flicker{0%,to{filter:drop-shadow(0 0 10px #8b5cf68c);transform:scale(1)rotate(-2deg)}50%{filter:drop-shadow(0 0 16px #fb923ca6);transform:scale(1.06)rotate(2deg)}}@keyframes streak-bump{0%{transform:translate(-50%,-50%)scale(1)}40%{transform:translate(-50%,-50%)scale(1.45)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes anim-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes anim-pop{0%{opacity:.6;transform:scale(.86)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes anim-pulse-ok{0%,to{box-shadow:0 0 #4ade8059}50%{box-shadow:0 0 0 8px #4ade8000}}@keyframes stagger-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tile-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes letter-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes success-bounce{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-12px)rotate(0)scale(1)}to{transform:translate3d(var(--dx), 120px, 0) rotate(var(--rot)) scale(.6);opacity:0}}@keyframes win-glow-pulse{0%{opacity:0;transform:scale(.6)}40%{opacity:.7;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes photo-win{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.15)saturate(1.1);transform:scale(1.04)}to{filter:brightness();transform:scale(1)}}@keyframes slot-land{0%{transform:scale(1.15)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes key-tap{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}.anim-shake{animation:.4s anim-shake}.anim-pop{animation:.28s cubic-bezier(.34,1.56,.64,1) anim-pop}.anim-pulse-ok{animation:.7s anim-pulse-ok}.stagger-children>*{animation:.45s cubic-bezier(.22,1,.36,1) both stagger-in}.stagger-children>:first-child{animation-delay:40ms}.stagger-children>:nth-child(2){animation-delay:90ms}.stagger-children>:nth-child(3){animation-delay:.14s}.stagger-children>:nth-child(4){animation-delay:.19s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.29s}.stagger-children>:nth-child(7){animation-delay:.34s}.stagger-children>:nth-child(8){animation-delay:.39s}.stagger-children>:nth-child(9){animation-delay:.44s}.stagger-children>:nth-child(n+10){animation-delay:.48s}.win-burst{pointer-events:none;z-index:30;border-radius:20px;position:absolute;inset:0;overflow:hidden}.win-burst-glow{background:radial-gradient(circle,#a78bfa73,#0000 70%);border-radius:50%;width:180px;height:180px;margin:-90px 0 0 -90px;animation:.85s forwards win-glow-pulse;position:absolute;top:42%;left:50%}.win-burst-piece{background:hsl(calc(260 + var(--i) * 12), 85%, 70%);width:8px;height:8px;animation:.85s cubic-bezier(.2,.7,.3,1) forwards confetti-fall;animation-delay:calc(var(--i) * 12ms);border-radius:2px;position:absolute;top:40%;left:50%}.win-burst-piece:nth-child(3n){background:#f472b6;border-radius:999px;width:6px;height:12px}.win-burst-piece:nth-child(3n+1){background:#38bdf8;border-radius:50%}.win-burst-piece:nth-child(3n+2){background:#fbbf24}.progress-row .progress-cell{transition:transform .2s,background .2s,border-color .2s}.progress-row .progress-cell.current{animation:.35s anim-pop}.progress-row .progress-cell.done{animation:.35s cubic-bezier(.34,1.56,.64,1) anim-pop}.cell{transform-style:preserve-3d;perspective:400px;background:0 0;border:1.5px solid #ffffff29;border-radius:10px;place-items:center;font-weight:700;transition:border-color .12s,background .12s,color .12s;display:grid}.cell.filled{color:#fff;border-color:#ffffff59;animation:.16s cubic-bezier(.34,1.4,.64,1) letter-pop}.cell.correct,.cell.partial,.cell.wrong{animation:.55s both tile-flip}.cell.correct{color:#4ade80;background:#22c55e2e;border-color:#22c55e}.cell.partial{color:#f59e0b;background:#d9770633;border-color:#d97706}.cell.wrong{color:var(--text-dim);background:#ffffff0a;border-color:#ffffff14}.wg-row--reveal .cell:first-child{animation-delay:0s}.wg-row--reveal .cell:nth-child(2){animation-delay:.1s}.wg-row--reveal .cell:nth-child(3){animation-delay:.2s}.wg-row--reveal .cell:nth-child(4){animation-delay:.3s}.wg-row--reveal .cell:nth-child(5){animation-delay:.4s}.wg-key{transition:transform .12s,background .15s,color .15s}.wg-key:active{animation:.18s key-tap}.photo-card{transition:transform .25s,box-shadow .25s}.photo-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #0006}.photo-card--win{animation:.7s photo-win}.fp-input--ok{animation:.7s anim-pulse-ok;box-shadow:0 0 0 3px #4ade8040;border-color:#4ade80!important}.sudoku-cell--place{animation:.22s cubic-bezier(.34,1.4,.64,1) letter-pop}.puzzle-tile{transition:transform .18s,box-shadow .18s,opacity .15s!important}.puzzle-tile:active{transform:scale(.96)}.puzzle-tile--ok{animation:.6s anim-pulse-ok}.bb-cell.filled{transition:transform .15s,background .15s}.bb-tray .bb-piece{transition:transform .18s cubic-bezier(.34,1.4,.64,1),opacity .12s,background .12s}.bb-tray .bb-piece:hover{transform:translateY(-4px)scale(1.04)}.success-stat{animation:.4s both stagger-in}.success-stat:first-child{animation-delay:.18s}.success-stat:nth-child(2){animation-delay:.26s}.success-stat:nth-child(3){animation-delay:.34s}.success-stat:nth-child(4){animation-delay:.42s}.success-page--win .success-hero{position:relative}.day-complete-banner{background:linear-gradient(135deg,#a78bfa38,#fb923c1f);border:1px solid #a78bfa47;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.day-complete-banner strong{color:#fff;margin-bottom:2px;font-size:16px;display:block}.day-complete-banner span{color:var(--text-muted);font-size:13px;display:block}.day-complete-flame{filter:drop-shadow(0 0 8px #fb923c8c);flex-shrink:0;width:36px;height:auto;animation:1.4s ease-in-out infinite streak-flicker}.success-page--day .success-copy h1{font-size:40px}.btn-primary:active{transform:scale(.97)}.task-title{flex-shrink:0;animation:.4s both stagger-in}.task-subtitle{color:var(--text-muted);text-align:center;flex-shrink:0;max-width:28em;margin-bottom:16px;font-size:15px;line-height:1.4}.hint-toast{color:var(--text-muted);text-align:center;min-height:20px;font-size:14px}.memory-grid{grid-template-columns:repeat(4,72px);gap:10px;padding:8px;display:grid}.memory-card{cursor:pointer;perspective:500px;background:0 0;border:none;border-radius:14px;width:72px;height:72px;padding:0;position:relative}.memory-card:disabled{cursor:default}.memory-card-face{backface-visibility:hidden;border-radius:14px;place-items:center;font-size:28px;font-weight:800;transition:transform .35s;display:grid;position:absolute;inset:0}.memory-card-back{color:#ffffff8c;background:linear-gradient(145deg,#4c1d95,#2e1065);border:1.5px solid #a78bfa59;font-size:22px;transform:rotateY(0)}.memory-card-front{color:#4c1d95;background:#fff;border:1.5px solid #fff3;transform:rotateY(180deg)}.memory-card.open .memory-card-back{transform:rotateY(180deg)}.memory-card.open .memory-card-front{transform:rotateY(0)}.memory-card.matched .memory-card-front{background:#ede9fe;animation:.4s cubic-bezier(.34,1.56,.64,1) anim-pop,.8s anim-pulse-ok;box-shadow:0 0 0 2px #a78bfa73}@media (width<=420px){.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,320px)}.memory-card{aspect-ratio:1;width:100%;height:auto}}.wg-board{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.wg-row{justify-content:center;gap:6px;display:flex}.wg-cell{aspect-ratio:1;flex:1 1 0;min-width:0;max-width:52px;font-size:clamp(16px,5.2vw,22px)}.wg-row--reveal .wg-cell:first-child{animation-delay:0s}.wg-row--reveal .wg-cell:nth-child(2){animation-delay:.1s}.wg-row--reveal .wg-cell:nth-child(3){animation-delay:.2s}.wg-row--reveal .wg-cell:nth-child(4){animation-delay:.3s}.wg-row--reveal .wg-cell:nth-child(5){animation-delay:.4s}.wg-keyboard{flex-direction:column;flex-shrink:0;gap:5px;width:100%;max-width:480px;margin-top:10px;display:flex}.wg-key-row{justify-content:center;gap:3px;width:100%;display:flex}.wg-key{border:none;border-radius:8px;flex:1 1 0;min-width:0;height:42px;padding:0 2px;font-size:clamp(11px,3.2vw,13px);font-weight:700;transition:background .15s,color .15s,opacity .15s}.wg-key--action{flex:none;min-width:40px;height:42px;padding:0 8px;font-size:12px}.wg-key--correct{color:#fff;background:#22c55e;box-shadow:0 0 0 1px #22c55e66}.wg-key--partial{color:#fff;background:#f97316;box-shadow:0 0 0 1px #f9731666}.wg-key--wrong{color:#ffffff47;opacity:.45;background:#ffffff0f}.wg-key--idle{background:var(--bg-soft);color:var(--text)}.game-board--fp{gap:12px;width:100%;max-width:400px;min-height:0}.fp-grid{aspect-ratio:1;flex:0 auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;width:min(360px,100%,42dvh);min-width:0;min-height:0;display:grid}.fp-photo{background:#ffffff14;border-radius:16px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.fp-photo img{object-fit:cover;width:100%;height:100%;display:block}.fp-answer{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex;position:relative}.fp-input{color:#fff;text-align:center;appearance:none;background:#ffffff0f;border:1.5px solid #fff3;border-radius:14px;outline:none;width:100%;max-width:280px;height:48px;font-size:18px;font-weight:600}.sudoku-pad{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:340px;display:flex}.sudoku-pad-btn{border-radius:10px;width:40px;height:40px;padding:0;font-size:15px}.organizer-mobile-safe{width:100%;max-width:380px}@media (width<=980px){.mascot-inv-grid{gap:8px}}@media (width<=860px){.app-shell,.app-shell--home{padding:0 max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));padding-top:env(safe-area-inset-top)}.app-shell--play{padding-bottom:max(12px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;min-height:100dvh;max-height:none;overflow:auto}.app-bg--play{min-height:100dvh;max-height:none;overflow:visible}.app-shell--play:has(.task-page--paint){flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-bg--play:has(.task-page--paint){height:100dvh;max-height:100dvh;overflow:hidden}.app-shell--play .header{flex-shrink:0;padding:14px 0 6px}.task-page,.task-page--paint{flex:1 0 auto;justify-content:center;gap:0;height:auto;min-height:0;max-height:none;padding-top:8px;padding-bottom:12px;overflow:visible}.task-page--paint{flex:auto;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:0;max-height:none;padding-top:4px;padding-bottom:0;overflow:hidden}.task-page--paint .progress-row{justify-content:center;width:100%;max-width:520px;margin-bottom:10px}.task-page--paint .task-title{text-align:center;width:100%;max-width:520px;margin-bottom:6px;font-size:20px}.task-page .progress-row{justify-content:center;gap:5px;margin-bottom:22px}.task-page .progress-cell{border-width:1.25px;border-radius:7px;width:24px;height:24px;font-size:11px}.task-title{text-align:center;flex-shrink:0;width:100%;margin-bottom:10px;font-size:22px;line-height:1.15}.task-subtitle{text-align:center;max-width:36em;color:var(--text-muted);flex-shrink:0;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.4}.task-practice-hint{text-align:center;margin-top:0!important;margin-bottom:12px!important;font-size:12px!important}.task-body{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:100%;min-height:0;padding-bottom:0;display:flex;overflow:visible}.task-page--paint .task-body{flex:auto;justify-content:center;align-self:center;align-items:center;width:100%;max-width:520px;min-height:0;max-height:none;margin-inline:auto}.task-page--paint .game-board--paint{flex:auto;justify-content:center;align-items:center;gap:10px;width:100%;max-width:100%;height:100%;min-height:0}.task-page--paint .paint-palette{flex-shrink:0;justify-content:center;width:100%}.task-page--paint .paint-stage{flex:auto;justify-content:center;align-items:center;width:100%;min-height:min(50dvh,440px);padding:0 8px;display:flex}.task-page--paint .paint-canvas-el{width:auto;max-width:min(100%,92vw);height:auto;max-height:min(52dvh,440px);box-shadow:none;border-radius:0;margin:0 auto;display:block}.task-page--paint .task-footer{margin-top:8px;flex-shrink:0;justify-content:center;align-self:center;width:100%;max-width:520px;margin-inline:auto;padding:4px 0 0}.task-footer{z-index:5;background:0 0;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:4px 0 0}.task-footer-btn{height:42px;padding:0 14px;font-size:13px}.task-footer-restart{height:44px;padding:0 22px;font-size:14px}.game-board{justify-content:center;align-items:center;gap:12px;width:100%;min-height:0}.hint-toast{text-align:center;max-width:92%;min-height:16px;margin-top:4px;margin-bottom:8px;font-size:12px}.wg-board{gap:5px;max-width:min(300px,100%)}.wg-row{gap:5px}.wg-key{height:38px}.wg-key--action{min-width:36px;height:38px;padding:0 6px}.bb-tray{gap:8px;min-height:72px;padding:6px 0}.game-board--fp{gap:10px}.fp-grid{gap:8px;width:min(300px,88vw,36dvh)}.fp-answer{gap:6px;padding-top:2px}.fp-input{max-width:min(280px,100%);height:44px;font-size:16px}.sudoku-pad{gap:5px;max-width:100%}.sudoku-pad-btn{width:34px;height:34px;font-size:14px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,340px);padding:4px}.memory-card{aspect-ratio:1;width:100%;height:auto}.memory-card-face{font-size:clamp(18px,6vw,28px)}.ptp-wrap{width:100%;max-width:300px}.organizer-mobile-safe{max-width:100%;padding:12px 14px 14px!important}.organizer-mobile-safe>div{gap:8px!important;padding:10px 8px 12px!important}.bb-piece{padding:10px 12px}.paint-palette button{width:40px!important;height:40px!important}.modal-backdrop{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));align-items:center}.modal-card{width:min(100%,400px);max-height:min(86dvh,640px);margin:0;overflow-y:auto}.home-hero{text-align:center;grid-template-columns:1fr;gap:4px;min-height:auto;padding-top:4px;padding-bottom:20px}.home-copy{order:0;max-width:none;margin:0 auto}.home-copy h1{margin-bottom:12px;font-size:clamp(32px,8.5vw,44px)}.home-copy>p{margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:15px}.home-actions{align-items:center;width:100%}.home-actions .btn-cta,.home-copy .btn-cta{width:min(100%,320px)}.home-mascot{order:-1;justify-content:center;align-items:flex-end;height:auto;min-height:0;max-height:min(34dvh,240px);margin-bottom:4px;margin-right:0;overflow:visible}.home-mascot-figure{width:min(220px,58vw);max-width:100%;animation:6.8s cubic-bezier(.45,.05,.55,.95) infinite mascot-home-idle-mobile;transform:none}.mascot-think{width:min(220px,58vw);animation:6.8s cubic-bezier(.45,.05,.55,.95) infinite mascot-home-idle-mobile;transform:none}@keyframes mascot-home-idle-mobile{0%,to{transform:translateY(0)rotate(-.6deg)scale(1)}40%{transform:translateY(-5px)rotate(.5deg)scale(1.006)}}.home-mascot:after{width:42%;margin-left:-21%;bottom:4%;left:50%}.logo-img{height:32px}.header-right{gap:6px}.pill-btn{height:38px;padding:0 12px;font-size:13px}.currency-pill{height:38px;padding:0 10px 0 12px;font-size:13px}.streak-btn{width:44px;height:48px}.streak-flame{width:40px}.streak-num{font-size:15px;top:62%}.success-page{min-height:auto;padding-bottom:max(16px, env(safe-area-inset-bottom))}.success-hero{text-align:center;flex-direction:column;gap:8px}.success-copy h1{font-size:32px}.mascot-happy,.mascot-sad{width:96px}.success-card,.success-card .btn-primary{width:100%}.home-board{max-width:100%;padding-top:12px}.home-board-row{grid-template-columns:28px 46px 1fr;gap:10px;padding:10px 12px}.home-board-mascot{width:46px;height:46px}.name-gate-mascot{width:96px}}@media (width<=860px) and (height<=720px){.task-subtitle{display:none}.task-page .progress-row{margin-bottom:14px}.task-title{margin-bottom:8px}.task-page,.task-page--paint{justify-content:flex-start;padding-top:4px}.task-footer{margin-top:14px}.wg-key,.wg-key--action{height:34px}.fp-grid{gap:6px;width:min(260px,84vw,30dvh)}.task-page:has(.game-board--fp) .task-subtitle{margin-bottom:10px}.task-page:has(.game-board--fp) .task-footer{margin-top:12px}.app-bg--home:before{filter:none}.home-mascot{min-height:0;max-height:min(28dvh,180px)}.home-mascot-figure,.mascot-think{width:min(168px,48vw)}}.bb-board{touch-action:none;background:#ffffff0a;border-radius:20px;gap:5px;padding:12px;animation:.5s cubic-bezier(.22,1,.36,1) 60ms both game-enter;display:grid;position:relative}.bb-board-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.bb-board-wrap--clearing .bb-board{box-shadow:0 0 0 1px #ffffff14,0 0 28px #a78bfa40}.bb-cell{aspect-ratio:1;background:#ffffff08;border:1.5px solid #ffffff1a;border-radius:9px;width:100%;transition:background 80ms,border-color 80ms,box-shadow 80ms}.bb-cell.filled{border-color:#0000;box-shadow:inset 0 -3px #0003}.bb-cell--clearing{z-index:2;pointer-events:none;animation:.56s cubic-bezier(.22,1,.36,1) forwards bb-clear-pop;border-color:#0000!important}@keyframes bb-clear-pop{0%{filter:brightness();opacity:1;transform:scale(1);box-shadow:0 0 #fff0}18%{filter:brightness(1.85);transform:scale(1.14);box-shadow:0 0 18px #ffffffa6;background:#fff!important}42%{filter:brightness(1.55);opacity:1;transform:scale(1.06)}to{transform:scale(.2) translate(var(--clear-x,0), var(--clear-y,0));filter:brightness(2.4);opacity:0;box-shadow:0 0 24px #fbbf2480}}.bb-clear-beam{pointer-events:none;z-index:3;mix-blend-mode:screen;border-radius:10px;position:absolute}.bb-clear-beam--row{background:linear-gradient(90deg,#0000 0%,#ffffff26 15%,#ffffffd9 50%,#ffffff26 85%,#0000 100%);animation:.56s ease-out forwards bb-beam-row;left:12px;right:12px;box-shadow:0 0 20px #ffffff73}.bb-clear-beam--col{background:linear-gradient(#0000 0%,#ffffff26 15%,#ffffffd9 50%,#ffffff26 85%,#0000 100%);animation:.56s ease-out forwards bb-beam-col;top:12px;bottom:12px;box-shadow:0 0 20px #ffffff73}@keyframes bb-beam-row{0%{opacity:0;transform:scaleX(.2)}25%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.05)}}@keyframes bb-beam-col{0%{opacity:0;transform:scaleY(.2)}25%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.05)}}.bb-clear-toast{z-index:5;pointer-events:none;letter-spacing:-.02em;color:#fff;text-shadow:0 0 18px #a78bfae6,0 4px 16px #00000073;white-space:nowrap;font-size:22px;font-weight:800;animation:.56s cubic-bezier(.22,1,.36,1) forwards bb-clear-toast;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes bb-clear-toast{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-120%)scale(1)}}.bb-cell.preview-ok{background:#8b5cf659!important;border-color:#a78bfacc!important}.bb-cell.preview-bad{background:#ef444440!important;border-color:#ef444480!important}.bb-tray{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:100px;margin-top:8px;display:flex}.bb-tray--stuck{opacity:.45;pointer-events:none}.bb-stuck-backdrop{z-index:120}.bb-stuck-card{text-align:center}.bb-stuck-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.bb-stuck-actions .btn-primary{width:100%}.bb-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-radius:16px;padding:14px 16px;transition:transform .12s,opacity .12s,background .12s}.bb-piece:active,.bb-piece.dragging{cursor:grabbing;opacity:.35;transform:scale(.92)}.bb-ghost{pointer-events:none;z-index:9999;opacity:.95;filter:drop-shadow(0 12px 20px #00000073);justify-content:center;align-items:center;display:flex;position:fixed}.mascot-share-row{justify-content:center;margin-top:10px;display:flex}.mascot-share-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:148px;height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.mascot-share-btn.is-done{color:#86efac;background:#22c55e1f;border-color:#86efac59}.share-mascot-page{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:12px 8px 32px;display:flex}.share-mascot-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.share-mascot-title{letter-spacing:-.03em;margin:0;font-size:clamp(28px,7vw,40px);font-weight:800;line-height:1.1}.share-mascot-sub{color:var(--text-muted);margin:0;font-size:15px}.share-mascot-figure{width:min(300px,78vw);margin:12px 0 20px}.share-mascot-cta{width:min(280px,90%)}.share-mascot-secondary{color:var(--text-muted);margin-top:10px;font-size:14px}.success-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.success-actions .btn-primary{margin-top:0}.success-replay{opacity:.72;width:100%;height:40px;font-size:14px;font-weight:500}.seq-game,.math-game,.react-game,.odd-game{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.seq-meta,.math-meta,.react-meta,.odd-meta{color:var(--text-muted);margin:0;font-size:14px;font-weight:600}.odd-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:min(300px,78vw);display:grid}.odd-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0f;border:none;border-radius:18px;font-size:clamp(28px,8vw,40px);line-height:1;box-shadow:inset 0 0 0 1.5px #ffffff1a}.odd-hint,.seq-hint,.math-hint,.react-hint{color:var(--text-dim,#8b8499);text-align:center;margin:0;font-size:13px}.math-q{color:#fff;margin:0;font-size:clamp(32px,8vw,44px);font-weight:800}.math-opts{grid-template-columns:repeat(2,1fr);gap:10px;width:min(300px,82vw);display:grid}.math-opt{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:14px;height:56px;font-size:20px;font-weight:700}.react-pad{aspect-ratio:1;cursor:pointer;letter-spacing:.02em;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:28px;place-items:center;width:min(280px,78vw);font-size:clamp(28px,8vw,40px);font-weight:800;transition:background .15s,transform .1s,box-shadow .15s;display:grid}.react-pad--wait,.react-pad--idle{background:linear-gradient(160deg,#4b5563,#1f2937);box-shadow:inset 0 0 0 2px #ffffff14}.react-pad--go{background:linear-gradient(160deg,#4ade80,#16a34a);transform:scale(1.02);box-shadow:0 0 0 4px #4ade8059,0 12px 28px #16a34a59}.react-pad--early{background:linear-gradient(160deg,#f87171,#b91c1c)}.react-pad--done{background:linear-gradient(160deg,#a78bfa,#6d28d9)}.react-pad:disabled{cursor:default;opacity:.85}.react-pad:not(:disabled):active{transform:scale(.97)}.seq-pad{grid-template-columns:repeat(3,1fr);gap:10px;width:min(300px,82vw);display:grid}.seq-btn{aspect-ratio:1;background:color-mix(in srgb, var(--seq-c) 35%, #1a1228);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--seq-c) 45%, transparent);cursor:pointer;border:none;border-radius:18px;transition:transform .1s,filter .1s,background .1s}.seq-btn.is-lit{background:var(--seq-c);filter:brightness(1.15);box-shadow:0 0 0 3px color-mix(in srgb, var(--seq-c) 50%, transparent);transform:scale(1.04)}.seq-btn:disabled{cursor:default;opacity:.75}.page-fallback{background:#0a0414;place-items:center;min-height:100dvh;display:grid}.app-footer{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:24px 0 8px;font-size:13px;display:flex}.app-footer-link{color:var(--text-muted)}.app-footer-link:hover{color:#fff}