:root{color:#1f2544;background:#0f172a;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--phone-width: min(100vw, 430px);--phone-height: min(100dvh, 850px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.page-shell{min-height:100dvh;display:grid;place-items:center;padding:0;background:radial-gradient(circle at 20% 12%,rgba(116,192,252,.45),transparent 26%),radial-gradient(circle at 78% 88%,rgba(240,101,149,.34),transparent 30%),linear-gradient(145deg,#111827,#1e293b 48%,#312e81)}.phone-frame{position:relative;width:var(--phone-width);height:var(--phone-height);min-height:min(640px,100dvh);max-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(8px,1.4dvh,12px);padding:max(13px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.36),transparent 18%),linear-gradient(180deg,#ffffffb8,#ffffff2e),linear-gradient(155deg,#a8ecff,#fff1a6 45%,#ffc1dc);isolation:isolate}.phone-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.42),transparent 18% 70%,rgba(255,255,255,.16)),radial-gradient(circle at 50% 0%,rgba(255,255,255,.38),transparent 16%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}.phone-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:1;pointer-events:none;border-radius:36px;box-shadow:inset 0 0 0 1px #ffffff75,inset 0 0 32px #ffffff2e,inset 0 -22px 42px #1f254414}.screen-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.92;transition:background .26s ease}.page-theme-0{background:radial-gradient(circle at 16% 22%,rgba(255,242,117,.58),transparent 20%),radial-gradient(circle at 86% 8%,rgba(116,217,255,.52),transparent 23%),linear-gradient(155deg,#a8ecff,#fff1a6 45%,#ffc1dc)}.page-theme-1{background:radial-gradient(circle at 82% 24%,rgba(255,171,145,.48),transparent 22%),radial-gradient(circle at 18% 86%,rgba(105,219,124,.46),transparent 24%),linear-gradient(155deg,#c0f4cf,#d7ecff,#ffe0b8)}.page-theme-2{background:radial-gradient(circle at 22% 18%,rgba(177,151,252,.48),transparent 22%),radial-gradient(circle at 78% 82%,rgba(255,212,59,.46),transparent 24%),linear-gradient(155deg,#e6dcff,#c7f9ff 48%,#fff4ba)}.page-theme-3{background:radial-gradient(circle at 18% 78%,rgba(255,135,135,.43),transparent 22%),radial-gradient(circle at 88% 18%,rgba(99,230,190,.46),transparent 24%),linear-gradient(155deg,#baf5e7,#f8e1ff,#ffc9d4)}.page-theme-4{background:radial-gradient(circle at 20% 18%,rgba(116,192,252,.46),transparent 22%),radial-gradient(circle at 82% 78%,rgba(255,224,102,.5),transparent 25%),linear-gradient(155deg,#d6ecff,#ffe8a3 48%,#d7f9d1)}.phone-speaker{position:relative;z-index:1;width:112px;height:24px;border-radius:999px;justify-self:center;margin-top:1px;background:radial-gradient(circle at 76% 50%,rgba(148,163,184,.8) 0 4px,transparent 5px),linear-gradient(180deg,#0f172aeb,#1e293bd6);box-shadow:inset 0 1px 2px #ffffff29,0 5px 14px #0f172a2e}.level-jumper{position:absolute;top:max(11px,env(safe-area-inset-top));right:10px;z-index:2;min-width:58px;min-height:32px;border:1px solid rgba(255,255,255,.85);border-radius:999px;color:#2b3154;background:#ffffff9e;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 9px 18px #0f172a29,inset 0 1px #ffffffeb;font-size:.72rem;font-weight:950;cursor:pointer}.level-jumper:active{transform:scale(.96)}.hud{position:relative;z-index:1;display:grid;gap:8px}.hud-row{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}.hud-pill,.danger-panel{min-height:48px;border:1px solid rgba(255,255,255,.84);border-radius:18px;background:#ffffff9e;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 10px 24px #0f172a1f,inset 0 1px #ffffffeb,inset 0 -10px 24px #ffffff29}.hud-pill{display:grid;place-items:center;padding:5px 4px}.hud-pill span,.danger-label{color:#5c6388;font-size:clamp(.72rem,3.1vw,.84rem);font-weight:800}.hud-pill strong{color:#252b50;font-size:clamp(1.02rem,4.2vw,1.32rem);line-height:1}.score-pill strong{color:#2563eb}.danger-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 10px;width:100%;color:inherit;cursor:pointer}.danger-dots{display:flex;justify-content:center;gap:6px}.danger-dot{width:clamp(18px,5.2vw,23px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(31,37,68,.16);background:linear-gradient(180deg,#e7ffe0,#b7efad);transition:transform .18s ease,background .18s ease}.danger-dot.active{background:linear-gradient(180deg,#ff7a85,#ff3348);border-color:#d7263d;transform:scale(1.08)}.combo{min-width:48px;min-height:32px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#fff2a8,#ffd43b);color:#7a5200;font-weight:900;opacity:.35;transform:scale(.94);transition:transform .16s ease,opacity .16s ease}.combo.visible{opacity:1;transform:scale(1)}.app-grid{position:relative;z-index:1;align-self:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(62px,1fr);gap:clamp(6px,1.8vw,9px);min-height:0}.app-tile{position:relative;min-width:0;min-height:62px;border:0;border-radius:20px;display:grid;place-items:center;align-content:center;gap:4px;padding:6px 3px;color:#28304d;background:linear-gradient(180deg,#ffffffd1,#ffffff75),#ffffff85;-webkit-backdrop-filter:blur(14px) saturate(1.18);backdrop-filter:blur(14px) saturate(1.18);box-shadow:0 10px 20px #0f172a1f,inset 0 1px #ffffffeb,inset 0 -12px 22px #ffffff1a;cursor:pointer;touch-action:manipulation;transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background .22s ease}.app-tile:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:24px;opacity:0;pointer-events:none;box-shadow:0 0 0 5px #51cf6652}.app-icon-wrap{width:clamp(34px,10.6vw,46px);aspect-ratio:1;border-radius:16px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.24),transparent 44%),var(--app-color);box-shadow:inset 0 1px #ffffff47,inset 0 -8px 14px #1f25442e,0 7px 12px #1f254424}.app-icon-wrap svg{width:58%;height:58%}.app-label{max-width:100%;color:#202744;text-shadow:0 1px 0 rgba(255,255,255,.46);font-size:clamp(.64rem,2.75vw,.8rem);font-weight:850;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-tile.fading{opacity:.62;transform:scale(.91);animation:fading-alert .72s ease-in-out infinite alternate;outline:3px solid rgba(255,193,7,.75)}.app-tile.vanished{border:2px dashed rgba(37,43,80,.25);background:#ffffff3d;box-shadow:inset 0 0 0 2px #ffffff3d;cursor:not-allowed}.app-tile.vanished .app-icon-wrap{background:transparent;box-shadow:none}.app-tile.vanished .app-label{color:#252b506b;font-size:clamp(.62rem,2.6vw,.72rem)}.app-tile.distractor{opacity:.58;filter:saturate(.74)}.app-tile.correct{animation:pop-correct .42s ease both}.app-tile.correct:after{animation:halo .42s ease both}.app-tile.wrong{animation:shake-wrong .38s ease both;outline:3px solid #ff4757}.bottom-nav{position:relative;z-index:1;min-height:82px;display:grid;grid-template-columns:76px 1fr 76px;align-items:center;gap:10px}.nav-arrow{min-width:64px;min-height:64px;border:0;border-radius:24px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.34),transparent 22%),linear-gradient(180deg,#6f8cff,#3f61e8);box-shadow:0 14px 26px #4263eb57,inset 0 1px #ffffff47,inset 0 -10px 20px #1f254429;cursor:pointer}.nav-arrow:active{transform:translateY(2px) scale(.98)}.page-status{min-height:64px;border-radius:22px;display:grid;place-items:center;gap:5px;padding:6px;background:#ffffff94;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 10px 18px #0f172a1f,inset 0 1px #ffffffe6,inset 0 -10px 20px #ffffff1a}.page-status strong{font-size:1.1rem}.pagination-dots{display:flex;gap:6px}.page-dot{width:9px;height:9px;border-radius:99px;background:#252b502e}.page-dot.active{width:24px;background:#4263eb}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:18px;background:#0f172a61;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}.mini-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:14px;background:#0f172a6b;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12)}.mini-panel{width:min(100%,378px);max-height:calc(100dvh - 34px);display:grid;gap:10px;border:3px solid rgba(255,255,255,.72);border-radius:28px;padding:14px;overflow:hidden;background:linear-gradient(180deg,#ffffffe0,#f2f7ffc2),linear-gradient(145deg,#e7f8ff,#fff0bd 48%,#ffd3e4);-webkit-backdrop-filter:blur(20px) saturate(1.16);backdrop-filter:blur(20px) saturate(1.16);box-shadow:0 28px 70px #0f172a57,inset 0 1px #ffffffeb}.mini-header{display:grid;gap:2px;text-align:center}.mini-header span{color:#5c6388;font-size:.82rem;font-weight:850}.mini-header strong{color:#202847;font-size:clamp(1.25rem,6vw,1.65rem);line-height:1}.mini-timer{min-height:34px;display:grid;place-items:center;border-radius:999px;color:#28304d;background:#ffe066b8;font-size:.95rem;font-weight:950}.mini-hint{margin:0;color:#555f83;text-align:center;font-size:.86rem;font-weight:850}.rocket-game,.heart-game,.cloud-game,.bus-game,.bell-game,.snack-game,.dance-game,.beat-game,.tetris-game,.puzzle-game,.map-game,.gift-game,.fish-game,.pearl-game,.balloon-game,.magic-game,.forest-game,.star-game,.king-game,.robot-game{display:grid;gap:10px}.rocket-road{height:min(52dvh,390px);min-height:330px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(7,1fr);gap:5px;border:3px solid rgba(37,43,80,.12);border-radius:24px;padding:8px;background:linear-gradient(90deg,transparent 31%,rgba(255,255,255,.42) 31% 33%,transparent 33% 64%,rgba(255,255,255,.42) 64% 66%,transparent 66%),linear-gradient(180deg,#263056,#4d5b8f)}.rocket-cell{position:relative;display:grid;place-items:center;border-radius:14px}.rocket-player,.rocket-obstacle{display:grid;place-items:center;width:clamp(42px,12vw,54px);aspect-ratio:1;border-radius:16px;font-size:clamp(1.7rem,8vw,2.15rem);line-height:1}.rocket-player{background:#ffffffe0;box-shadow:0 0 0 4px #74c0fc3d}.rocket-obstacle.meteor{background:#ff6b6be6}.rocket-obstacle.satellite{background:#845ef7e0;color:#fff}.rocket-obstacle.poop{background:#ffe066e6}.rocket-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rocket-controls button{min-height:58px;border:0;border-radius:20px;color:#fff;background:linear-gradient(180deg,#5c7cfa,#4263eb);box-shadow:0 10px 18px #4263eb3d;font-size:2rem;font-weight:950;cursor:pointer}.heart-board{width:100%;height:min(48dvh,330px);min-height:285px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(255,135,178,.22),transparent 38%),linear-gradient(180deg,#fff9fb,#eef5ff);box-shadow:inset 0 0 0 3px #252b5014;touch-action:none}.heart-point-button{cursor:pointer}.heart-point-button circle{filter:drop-shadow(0 4px 5px rgba(37,43,80,.18))}.cloud-board{position:relative;height:min(48dvh,340px);min-height:300px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#bdefff,#fff7c7);box-shadow:inset 0 0 0 3px #252b5014;touch-action:none}.hidden-drawing{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;align-content:center;gap:8px;border-radius:22px;color:#ff6b35;background:radial-gradient(circle at 30% 28%,rgba(255,245,157,.72),transparent 24%),linear-gradient(180deg,#ffffff7a,#ffecb38c);font-weight:950}.sun-face{font-size:clamp(4rem,24vw,6rem);line-height:1}.erasable-cloud{position:absolute;width:86px;height:60px;transform:translate(-50%,-50%);border:0;border-radius:999px;display:grid;place-items:center;color:#fff;background:#ffffffe6;text-shadow:0 2px 4px rgba(37,43,80,.18);box-shadow:0 9px 18px #526da62e;font-size:3rem;cursor:pointer}.bus-board,.snack-board,.dance-board,.tetris-board,.puzzle-board,.map-board,.gift-board,.fish-board{display:grid;gap:5px;border:3px solid rgba(37,43,80,.1);border-radius:24px;padding:8px;box-shadow:inset 0 0 0 2px #ffffff61}.bus-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);background:linear-gradient(90deg,rgba(255,255,255,.46) 0 4px,transparent 4px 100%),linear-gradient(180deg,#a5d8ff,#d8f5a2);background-size:18px 18px,auto}.bus-cell,.snack-cell,.dance-cell,.fish-cell{position:relative;min-width:0;display:grid;place-items:center;border-radius:12px}.bus-player{min-width:42px;min-height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#ffd43b,#f08c00);box-shadow:0 6px 10px #f08c0047;font-size:.72rem;font-weight:950}.bus-passenger{width:28px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:#20c997;box-shadow:0 5px 9px #20c99740}.bus-obstacle{color:#fff;width:32px;aspect-ratio:1;border-radius:10px;display:grid;place-items:center;background:#ff6b6b;font-size:1rem}.dpad{width:min(210px,70%);justify-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dpad button,.dance-controls button{min-height:46px;border:0;border-radius:16px;color:#fff;background:linear-gradient(180deg,#5c7cfa,#4263eb);box-shadow:0 8px 14px #4263eb3d;font-size:1.35rem;font-weight:950;cursor:pointer}.bell-board,.beat-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:min(42dvh,310px);align-content:center}.bell-button,.beat-pad{min-height:86px;border:0;border-radius:24px;display:grid;place-items:center;background:#ffffffc7;box-shadow:0 10px 18px #526da624,inset 0 1px #ffffffe6;font-size:2.2rem;font-weight:950;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.bell-button.active,.beat-pad.active{transform:scale(1.05);background:#ffe066;box-shadow:0 0 0 7px #ffe06652,0 12px 18px #ffc10738}.snack-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);background:linear-gradient(180deg,#d0ebff,#fff3bf)}.falling-cake,.falling-bad,.snack-child{display:grid;place-items:center;width:clamp(40px,13vw,54px);aspect-ratio:1;border-radius:16px;background:#ffffffd1;box-shadow:0 7px 12px #526da624;font-size:clamp(1.65rem,8vw,2rem)}.snack-child{background:#fff0f6}.dance-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);background:linear-gradient(90deg,rgba(255,255,255,.18) 33%,transparent 33% 34%,rgba(255,255,255,.18) 34% 66%,transparent 66%),linear-gradient(180deg,#3b2c66,#6d4bb5)}.dance-cell.target{background:#ffe0664d;outline:2px solid rgba(255,224,102,.64)}.dance-note{width:clamp(42px,13vw,54px);aspect-ratio:1;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:clamp(1.7rem,8vw,2.1rem);font-weight:950;box-shadow:0 7px 12px #0000002e}.dance-note.lane-0{background:#ff6b6b}.dance-note.lane-1{background:#4dabf7}.dance-note.lane-2{background:#51cf66}.dance-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.beat-pad{color:#fff;font-size:1.4rem}.beat-pad.pad-0{background:#ff6b6b}.beat-pad.pad-1{background:#4dabf7}.beat-pad.pad-2{background:#51cf66}.beat-pad.pad-3{background:#ffd43b;color:#5f4300}.beat-pad.pad-4{background:#845ef7}.beat-pad.pad-5{background:#f06595}.beat-pad.active{color:#202847}.tetris-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);background:linear-gradient(180deg,#24304f,#44527c)}.tetris-cell{border-radius:9px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.tetris-cell.filled,.tetris-cell.active{background:#ffd43b;box-shadow:inset 0 -5px 8px #1f25442e,0 5px 8px #0000001f}.tetris-cell.color-1{background:#4dabf7}.tetris-cell.color-2{background:#51cf66}.tetris-cell.color-3{background:#ff6b6b}.tetris-cell.color-4{background:#845ef7}.tetris-cell.color-5{background:#f06595}.tetris-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tetris-controls button{min-height:50px;border:0;border-radius:18px;color:#fff;background:linear-gradient(180deg,#5c7cfa,#4263eb);box-shadow:0 8px 14px #4263eb3d;font-size:1.45rem;font-weight:950;cursor:pointer}.puzzle-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:linear-gradient(145deg,#fff3bf,#d0ebff)}.puzzle-tile,.gift-card{border:0;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#5c7cfa,#4263eb);box-shadow:0 8px 14px #4263eb33,inset 0 1px #ffffff61;font-size:clamp(1.35rem,7vw,2rem);font-weight:950;cursor:pointer}.puzzle-tile.empty{background:#ffffff5c;box-shadow:inset 0 0 0 2px #252b5014}.map-board{position:relative;height:min(43dvh,330px);min-height:285px;display:block;overflow:hidden;background:radial-gradient(circle at 20% 75%,rgba(81,207,102,.4),transparent 18%),radial-gradient(circle at 70% 24%,rgba(77,171,247,.36),transparent 18%),linear-gradient(145deg,#ffe8a3,#c3fae8)}.map-path{position:absolute;left:18%;top:25%;width:62%;height:48%;border:4px dashed rgba(121,85,72,.38);border-right:0;border-radius:50%;transform:rotate(-18deg)}.map-target{position:absolute;width:54px;aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#845ef76b;font-size:1.35rem;font-weight:950;cursor:pointer}.map-target.active{background:#ffd43b;color:#5f4300;box-shadow:0 0 0 8px #ffe06647;animation:fading-alert .62s ease-in-out infinite alternate}.map-target.done{background:#51cf66}.gift-board{min-height:min(42dvh,310px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);align-content:center;background:linear-gradient(145deg,#fff0f6,#e7f5ff)}.gift-card{min-height:100px;background:linear-gradient(180deg,#f06595,#d6336c)}.gift-card.open{background:linear-gradient(180deg,#ffd43b,#fab005);color:#5f4300}.fish-board{display:grid;gap:5px;border:3px solid rgba(37,43,80,.1);border-radius:24px;padding:8px;box-shadow:inset 0 0 0 2px #ffffff61}.balloon-board,.pearl-board,.magic-board,.forest-board{border:3px solid rgba(37,43,80,.1);border-radius:24px;box-shadow:inset 0 0 0 2px #ffffff61}.balloon-board{height:min(43dvh,330px);min-height:285px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);gap:5px;padding:8px;background:linear-gradient(180deg,#d0ebff,#fff3bf)}.balloon-cell{display:grid;place-items:center;border-radius:14px}.balloon-player,.sky-obstacle{width:clamp(42px,13vw,54px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 7px 12px #526da629}.balloon-player{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.62),transparent 18%),#ff6b6b}.sky-obstacle.bird{background:#845ef7}.sky-obstacle.storm{background:#748ffc}.sky-obstacle.spike{border-radius:14px;background:#495057}.pearl-board{position:relative;height:min(30dvh,220px);min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;padding:18px;background:linear-gradient(145deg,#fff0f6,#e7f5ff)}.pearl-string{position:absolute;left:12%;right:12%;height:5px;border-radius:99px;background:#252b502e}.strung-pearl,.pearl-choice{width:clamp(34px,11vw,48px);aspect-ratio:1;border-radius:50%;border:0;background:#ffffff9e;box-shadow:inset 0 -6px 10px #1f25441f,0 7px 12px #526da624}.strung-pearl.done,.pearl-choice{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.58),transparent 19%),var(--pearl-color)}.pearl-choice.active{outline:5px solid rgba(255,224,102,.42);transform:scale(1.06)}.pearl-palette{display:flex;justify-content:center;gap:12px}.magic-sequence{display:flex;justify-content:center;gap:6px}.magic-step{width:34px;aspect-ratio:1;border-radius:13px;display:grid;place-items:center;background:#fff9;color:#252b5073;font-weight:950}.magic-step.active{color:#5f4300;background:#ffd43b;box-shadow:0 0 0 5px #ffe0664d}.magic-step.done{color:#fff;background:#51cf66}.magic-board{min-height:min(36dvh,280px);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px;background:radial-gradient(circle at 50% 34%,rgba(177,151,252,.36),transparent 42%),linear-gradient(145deg,#e6dcff,#fff3bf)}.magic-button{min-height:88px;border:0;border-radius:24px;color:#fff;background:linear-gradient(180deg,#845ef7,#5f3dc4);box-shadow:0 10px 16px #5f3dc433;font-size:2.1rem;font-weight:950;cursor:pointer}.magic-button.active{background:linear-gradient(180deg,#ffd43b,#f08c00);color:#5f4300;transform:scale(1.04)}.forest-board,.star-board,.king-board{border:3px solid rgba(37,43,80,.1);border-radius:24px;box-shadow:inset 0 0 0 2px #ffffff61}.robot-board{min-height:min(43dvh,330px);display:grid;align-content:center;gap:14px;border:3px solid rgba(37,43,80,.1);border-radius:24px;padding:14px;background:radial-gradient(circle at 20% 20%,rgba(116,192,252,.24),transparent 24%),linear-gradient(180deg,#e7f5ff,#dee2ff);box-shadow:inset 0 0 0 2px #ffffff61}.robot-head{width:min(180px,70%);min-height:112px;justify-self:center;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:16px;color:#fff;background:linear-gradient(180deg,#5c7cfa,#364fc7);box-shadow:0 12px 18px #364fc73d}.robot-head strong{grid-column:1 / -1;color:#fff;font-size:1.1rem;letter-spacing:0}.robot-eye{width:34px;aspect-ratio:1;border-radius:50%;background:#91a7ff;box-shadow:inset 0 -4px 8px #1f254438}.robot-eye.active{background:#ffd43b;box-shadow:0 0 0 7px #ffe06642}.robot-sequence{display:flex;justify-content:center;gap:5px}.robot-step{width:30px;aspect-ratio:1;border-radius:11px;display:grid;place-items:center;color:#252b507a;background:#ffffff94;font-weight:950}.robot-step.active{color:#5f4300;background:#ffd43b}.robot-step.done{color:#fff;background:#51cf66}.robot-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.robot-button{min-height:58px;border:0;border-radius:18px;color:#fff;background:linear-gradient(180deg,#748ffc,#4263eb);box-shadow:0 8px 14px #4263eb33;font-size:1.25rem;font-weight:950;cursor:pointer}.robot-button.active{color:#5f4300;background:linear-gradient(180deg,#ffd43b,#f08c00);transform:scale(1.05)}.star-board{width:100%;height:min(43dvh,330px);min-height:285px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.2),transparent 3%),radial-gradient(circle at 78% 30%,rgba(255,255,255,.18),transparent 3%),radial-gradient(circle at 48% 76%,rgba(255,255,255,.2),transparent 3%),linear-gradient(180deg,#263056,#533483);touch-action:manipulation}.star-node{cursor:pointer}.star-node circle{filter:drop-shadow(0 0 7px rgba(255,224,102,.58))}.star-node text{fill:#252b50;font-size:7px;font-weight:950;pointer-events:none}.king-board{height:min(43dvh,330px);min-height:285px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:5px;padding:8px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0 4px,transparent 4px 100%),linear-gradient(180deg,#fff3bf,#ffd8a8);background-size:18px 18px,auto}.king-cell{display:grid;place-items:center;border-radius:12px}.king-player,.king-gem,.king-trap{min-width:34px;min-height:34px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.2rem;font-weight:950;box-shadow:0 7px 12px #526da629}.king-player{background:linear-gradient(180deg,#ffd43b,#f08c00);color:#5f4300}.king-gem{background:#845ef7}.king-trap{background:#ff6b6b}.forest-board{position:relative;height:min(36dvh,280px);min-height:240px;overflow:hidden;background:radial-gradient(circle at 18% 24%,rgba(81,207,102,.45),transparent 18%),radial-gradient(circle at 82% 22%,rgba(148,216,45,.38),transparent 18%),linear-gradient(180deg,#d8f5a2,#95d5b2)}.forest-path-line{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:6px dashed rgba(121,85,72,.34);border-bottom:0;border-radius:50% 50% 0 0}.forest-hero{position:absolute;left:calc(16% + var(--forest-step) * 13%);top:calc(74% - var(--forest-step) * 10%);width:42px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ff922b;transition:left .22s ease,top .22s ease}.forest-animal{position:absolute;right:12%;top:18%;width:48px;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;color:#fff;background:#51cf66;font-size:1.5rem}.forest-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forest-controls button{min-height:52px;border:0;border-radius:18px;color:#fff;background:linear-gradient(180deg,#51cf66,#2f9e44);box-shadow:0 8px 14px #2f9e4438;font-size:1.45rem;font-weight:950;cursor:pointer}.forest-controls button.active{background:linear-gradient(180deg,#ffd43b,#f08c00);color:#5f4300}.fish-board{height:min(43dvh,330px);min-height:285px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.32),transparent 10%),radial-gradient(circle at 70% 58%,rgba(255,255,255,.25),transparent 12%),linear-gradient(180deg,#74c0fc,#228be6)}.fish-player,.fish-food,.fish-net{min-width:34px;min-height:34px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:950}.fish-player{background:#ff922b;font-size:.86rem}.fish-food{background:#fffc;color:#0b7285;font-size:1.2rem}.fish-net{background:#252b508c}.love-rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.love-rain span{position:absolute;left:var(--x);top:-86px;width:156px;min-height:48px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(180deg,hsl(var(--hue) 96% 69%),hsl(var(--hue) 78% 55%));box-shadow:0 10px 18px #f0659547;font-size:.86rem;font-weight:950;text-align:center;transform:scale(var(--scale));animation:love-fall var(--duration) linear var(--delay) both}.overlay-panel{width:min(100%,350px);border:3px solid rgba(255,255,255,.7);border-radius:28px;padding:22px;text-align:center;background:linear-gradient(180deg,#fff,#f1f6ff);box-shadow:0 24px 50px #252b5040}.overlay-kicker{margin:0 0 6px;color:#4263eb;font-weight:900}.overlay-panel h1{margin:0;color:#202847;font-size:clamp(1.7rem,8vw,2.25rem);line-height:1}.overlay-panel p{margin:12px 0;color:#555f83;font-size:1rem;font-weight:700}.overlay-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 18px}.overlay-stats span{min-height:58px;border-radius:18px;display:grid;place-items:center;padding:8px;background:#eef4ff;color:#5c6388;font-size:.82rem;font-weight:800}.overlay-stats strong{color:#202847;font-size:1.1rem}.primary-action{width:100%;min-height:56px;border:0;border-radius:20px;color:#fff;background:linear-gradient(180deg,#37b24d,#2f9e44);box-shadow:0 12px 20px #2f9e4447;font-size:1.05rem;font-weight:950;cursor:pointer}@keyframes pop-correct{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes halo{0%{opacity:0;transform:scale(.9)}45%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes shake-wrong{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes fading-alert{0%{box-shadow:0 8px 14px #526da61f,0 0 #ffc10747}to{box-shadow:0 8px 14px #526da61f,0 0 0 6px #ffc1072e}}@keyframes love-fall{0%{transform:translateY(-90px) scale(var(--scale)) rotate(-8deg);opacity:0}8%{opacity:1}78%{opacity:1}to{transform:translateY(calc(100dvh + 140px)) scale(var(--scale)) rotate(10deg);opacity:0}}@media(min-width:520px){.page-shell{padding:22px}.phone-frame{height:min(calc(100dvh - 44px),850px);border:12px solid #0b1120;border-radius:48px;box-shadow:0 34px 90px #00000057,0 10px 28px #0f172a4d,inset 0 0 0 1px #ffffff14}.phone-frame:after{border-radius:34px}}@media(max-width:370px){.phone-frame{padding-inline:9px}.app-grid{gap:7px;grid-auto-rows:minmax(58px,1fr)}.bottom-nav{grid-template-columns:68px 1fr 68px}}