@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";:root{--font-family:"Fredoka", system-ui, -apple-system, sans-serif;--brand-blue:#00a3ff;--brand-blue-dark:#0077c2;--brand-blue-light:#e0f2fe;--color-pink:#ff4d80;--color-pink-light:#ffe4ec;--color-yellow:#ffc700;--color-yellow-light:#fff8db;--color-green:#3cd070;--color-green-light:#e6f9ed;--color-orange:#ff7e40;--color-orange-light:#ffede5;--color-purple:#9f7aff;--color-purple-light:#f2eeff;--bg-gradient:linear-gradient(135deg, #fff6e5 0%, #ffe6f0 50%, #e6f5ff 100%);--text-primary:#2d2735;--text-secondary:#5c526a;--bg-white:#fff;--bg-panel:#ffffffd9;--border-radius-sm:12px;--border-radius-md:20px;--border-radius-lg:32px;--box-shadow-soft:0 8px 30px #0000000a;--box-shadow-medium:0 12px 40px #5c526a1f;--box-shadow-premium:0 20px 48px #00a3ff26;--box-shadow-glow:0 0 25px #ffc70099;--transition-normal:all .3s cubic-bezier(.175, .885, .32, 1.275);--transition-fast:all .15s ease-out}@media (prefers-color-scheme:dark){:root{--text-primary:#f3f1f5;--text-secondary:#c8c4ce;--bg-white:#1a1822;--bg-panel:#1a1822d9;--bg-gradient:linear-gradient(135deg, #120d1d 0%, #190f24 50%, #0f172a 100%);--brand-blue-light:#0b3050;--color-pink-light:#4a1225;--color-yellow-light:#4d3b00;--color-green-light:#0c3c1c;--color-orange-light:#4f220b;--color-purple-light:#2a174a;--box-shadow-soft:0 8px 30px #0003;--box-shadow-medium:0 12px 40px #0006}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;height:100svh;line-height:1.5;display:flex;overflow:hidden}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100svh;display:flex}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatBubble{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120vh)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}.floating{animation:4s ease-in-out infinite float}.bouncing{animation:2s ease-in-out infinite bounce}.wiggly:hover{animation:.4s ease-in-out infinite wiggle}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);box-shadow:var(--box-shadow-medium);border-radius:var(--border-radius-md);transition:var(--transition-normal);border:2px solid #fff6;padding:24px}@media (prefers-color-scheme:dark){.glass-panel{border:2px solid #ffffff0d}}.arcade-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:16px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-normal);padding:14px 28px;font-size:1.25rem;font-weight:600;box-shadow:0 6px 18px #00a3ff59}.btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #00a3ff73}.btn-primary:active{transform:translateY(1px)scale(.98)}.btn-accent{background:linear-gradient(135deg, var(--color-pink) 0%, #d82e60 100%);color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-normal);padding:14px 28px;font-size:1.25rem;font-weight:600;box-shadow:0 6px 18px #ff4d8059}.btn-accent:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #ff4d8073}.btn-accent:active{transform:translateY(1px)scale(.98)}.btn-secondary{background:var(--bg-white);border:2px solid var(--text-secondary);color:var(--text-primary);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-soft);transition:var(--transition-normal);padding:12px 24px;font-size:1.1rem;font-weight:600}.btn-secondary:hover{background:var(--brand-blue-light);border-color:var(--brand-blue);color:var(--brand-blue-dark);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00a3ff33;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00a3ff66}.game-screen-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-height:100%;padding:12px;display:flex;overflow-y:auto}.instructions-card{background:var(--bg-white);border:4px solid var(--brand-blue);border-radius:var(--border-radius-lg);text-align:center;width:100%;max-width:540px;box-shadow:var(--box-shadow-medium);box-sizing:border-box;flex-direction:column;align-items:center;margin:auto 0;padding:24px;display:flex;animation:none!important;transform:none!important}.instructions-hero{margin-bottom:4px;font-size:3.5rem;line-height:1}.game-title-header{background:linear-gradient(135deg, var(--brand-blue) 0%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.game-description-text{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;font-weight:500;line-height:1.4}.bubble-legend{background:var(--brand-blue-light);border-radius:var(--border-radius-md);width:100%;margin-bottom:20px;padding:12px 16px}.legend-title{text-transform:uppercase;letter-spacing:.5px;color:var(--brand-blue-dark);margin-bottom:8px;font-size:.85rem;font-weight:700}.legend-items{flex-direction:column;gap:8px;width:100%;display:flex}.legend-item{background:var(--bg-white);border-radius:var(--border-radius-sm);text-align:left;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 2px 6px #00000005}.bubble-preview{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;box-shadow:0 2px 6px #0000000f}.bubble-std{background:radial-gradient(circle at 30% 30%,#ffffffe6 0%,#00a3ff33 60%,#00a3ffb3 100%);border:1px solid #00a3ffcc}.bubble-star{border:1px solid var(--color-yellow);color:#555;background:radial-gradient(circle at 30% 30%,#ffffffe6 0%,#ffc7004d 60%,#ffc700cc 100%)}.bubble-heart{border:1px solid var(--color-pink);background:radial-gradient(circle at 30% 30%,#ffffffe6 0%,#ff4d804d 60%,#ff4d80cc 100%)}.legend-label{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600}.legend-points{color:var(--brand-blue-dark);font-size:.9rem;font-weight:800}.instructions-actions{flex-direction:column;gap:8px;width:100%;display:flex}.start-game-btn,.back-btn{width:100%;padding:10px 16px;font-size:1.1rem}@media (width<=500px){.instructions-card{padding:16px}.game-title-header{font-size:1.5rem}.instructions-hero{font-size:3rem}.legend-item{gap:8px;padding:6px 10px}}.gameplay-container{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;max-width:1000px;height:100%;min-height:0;margin:0 auto;display:flex}.game-hud{flex-flow:row;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1000px;display:flex;margin-bottom:0!important}.jigsaw-header,.jigsaw-header-row,.jigsaw-header-compact{width:100%!important;color:var(--text-primary)!important;border-radius:var(--border-radius-sm)!important;box-shadow:var(--box-shadow-soft)!important;background:#ffffffeb!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;display:flex!important}.jigsaw-title-box{text-align:center!important;flex:180px!important;min-width:140px!important}.jigsaw-puzzle-title,.jigsaw-score{color:var(--text-primary)!important}.game-window-large{background:var(--bg-white);border-radius:var(--border-radius-lg);border:4px solid var(--brand-blue);width:100%;max-width:1000px;min-height:0;box-shadow:var(--box-shadow-medium);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (width<=768px){.game-hud{gap:8px}}.splat-paint-play-area,.bubble-game-play-area,.hippo-play-area,.snack-game-play-area,.star-game-play-area,.piano-game-container,.bowling-game-container,.catch-game-container,.cloud-game-container,.wand-game-container,.xylophone-play-area,.peekaboo-play-area,.toysort-play-area,.catcher-play-area,.firefly-play-area,.sound-game-container,.balloon-game-container,.memory-game-container,.gummy-main-arena,.jigsaw-main-arena{box-sizing:border-box!important;border-radius:var(--border-radius-lg)!important;border:4px solid var(--brand-blue)!important;background:var(--bg-white)!important;width:100%!important;max-width:1000px!important;height:calc(100dvh - 120px)!important;min-height:0!important;box-shadow:var(--box-shadow-medium)!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:0 auto!important;padding:16px!important;display:flex!important;overflow:visible!important}.gummy-main-arena{background:linear-gradient(#74c0fc 0%,#ebf8ff 100%)!important;border-color:#fff!important}.jigsaw-main-arena{background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%)!important;border-color:#fff!important}.piano-game-container{background:linear-gradient(135deg,#1e1b4b 0%,#311042 100%)!important;border-color:#a855f7!important}.garden-play-zone,.hippo-board,.sorting-arena,.constellation-board,.piano-keys-row,.bowling-lane,.forest-sky-viewport,.cloud-grid,.canvas-sky-board,.xylophone-board,.peekaboo-board,.toysort-board,.catcher-board,.firefly-board,.splat-paint-board,.balloon-game-sky,.memory-grid,.gummy-10x10-board{border-radius:var(--border-radius-md)!important;border:3px solid var(--brand-blue-light)!important;box-sizing:border-box!important;flex:1!important;width:100%!important;height:auto!important;min-height:380px!important;max-height:480px!important;margin-top:8px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 0 20px #00000005!important}.splat-paint-board{border-color:var(--color-pink)!important;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)!important}.garden-play-zone{border-color:var(--brand-blue)!important;background:linear-gradient(#cfeeff 0%,#def8f0 54%,#d7efc8 100%)!important}.hippo-board{border-color:var(--brand-blue)!important;background:linear-gradient(#ddf3ff 0%,#a2dffa 100%)!important}.balloon-game-sky{border-color:var(--brand-blue)!important;background:linear-gradient(#d4efff 0%,#fff5e2 100%)!important}.memory-grid{border-color:var(--color-green)!important;background:linear-gradient(#e8f5e9 0%,#c8e6c9 100%)!important;gap:12px!important;padding:12px!important;display:grid!important}.canvas-sky-board{border-color:var(--color-pink)!important;background:linear-gradient(#fff9fa 0%,#fff5f7 100%)!important}.xylophone-board{border-color:var(--color-yellow)!important;background:linear-gradient(#fffdf5 0%,#fff8e7 100%)!important;padding:20px!important}.peekaboo-board{border-color:var(--color-green)!important;background:linear-gradient(#bfeaff 0%,#e6f8e8 58%,#bce49b 100%)!important}.toysort-board{border-color:var(--color-orange)!important;background:linear-gradient(#fffbf0 0%,#ffefc2 100%)!important}.catcher-board{border-color:var(--color-yellow)!important;background:linear-gradient(#0f172a 0%,#1e1b4b 100%)!important}.firefly-board{border-color:var(--color-purple)!important;background:linear-gradient(#070b19 0%,#1a0d2e 100%)!important}.gummy-10x10-board{background:#87cefab3!important;border:4px solid #fff!important;max-width:440px!important;margin:10px auto!important;padding:8px!important}.jigsaw-main-arena{border:5px solid #fff!important;margin:10px auto!important}.sorting-arena{border-color:var(--color-orange)!important;background:linear-gradient(#fff9f2 0%,#fff0e0 100%)!important;padding:24px!important}.constellation-board{border-color:var(--color-purple)!important;background:linear-gradient(#fdfefe 0%,#f5f7f8 100%)!important}.piano-keys-row{border-color:var(--color-purple)!important;background:#110e1b!important;height:190px!important;margin-top:10px!important}.bowling-lane{border-color:var(--brand-blue)!important;background:linear-gradient(#fff6e5 0%,#fffdf9 100%)!important}.forest-sky-viewport{border-color:var(--color-green)!important;background:linear-gradient(#87ceeb 0%,#e0f2fe 100%)!important}.cloud-grid{border-color:var(--brand-blue)!important;background:linear-gradient(#0f172a 0%,#1e1b4b 100%)!important;gap:12px!important;padding:12px!important;display:grid!important}@media (width>=769px){.hippo-character{width:300px!important}.hippo-head{border-radius:135px 135px 105px 105px!important;width:270px!important;height:270px!important}.hippo-mouth{width:195px!important;height:120px!important}.hippo-teeth{width:135px!important}.hippo-tooth{width:24px!important;height:24px!important}.hippo-eyes{width:135px!important}.hippo-eye{width:50px!important;height:50px!important}.hippo-pupil{width:20px!important;height:20px!important}.hippo-ears{width:220px!important;top:-22px!important}.hippo-ear{width:48px!important;height:48px!important}.hippo-deck-emoji{font-size:5rem!important}.animal-cards-grid{grid-template-columns:repeat(4,1fr)!important;max-width:900px!important}}