@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap";:root{--color-primary:#ff9a9e;--color-secondary:#a1c4fd;--color-accent:#fbc2eb;--color-success:#a8e6cf;--color-background:#fdfbfb;--color-text:#5a6d85;--color-white:#fff;--radius-sm:20px;--radius-md:30px;--radius-lg:40px;--radius-full:999px;--shadow-soft:0 10px 25px #a1c4fd33;--shadow-hard:0 10px 0px #a1c4fd40;--shadow-hover:0 15px 0px #a1c4fd33, 0 20px 40px #ff9a9e26;--shadow-inner:inset 0 -6px 0 #0000000d, inset 0 6px 15px #fffc;--transition-bouncy:all .4s cubic-bezier(.34, 1.56, .64, 1);--transition-squish:transform .2s cubic-bezier(.25, 1, .5, 1), box-shadow .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:linear-gradient(120deg,#e0c3fc 0%,#8ec5fc 100%);background-attachment:fixed;font-family:"Baloo 2",cursive,sans-serif;overflow-x:hidden}.btn-cartoon{color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-hard), var(--shadow-inner);cursor:pointer;transition:var(--transition-bouncy);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:14px 28px;font-family:"Baloo 2",cursive;font-size:1.3rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-cartoon:after{content:"";border-radius:var(--radius-full) var(--radius-full) 0 0;pointer-events:none;background:linear-gradient(#fff6,#fff0);height:40%;position:absolute;top:0;left:0;right:0}.btn-cartoon:hover{box-shadow:var(--shadow-hover), var(--shadow-inner);filter:brightness(1.05);transform:translateY(-5px)scale(1.03)}.btn-cartoon:active{transition:var(--transition-squish);transform:translateY(6px)scale(.95,.9);box-shadow:0 4px #a1c4fd26,inset 0 8px 10px #0000001a}.btn-secondary{background-color:var(--color-secondary)}.btn-accent{background-color:var(--color-accent);color:var(--color-white);text-shadow:0 2px 4px #0000001a}.card-cartoon{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-bouncy);background:#ffffffd9;border:2px solid #ffffffe6;padding:30px}.card-cartoon:hover{box-shadow:var(--shadow-hover);border-color:#fff;transform:translateY(-8px)scale(1.02)}.glass-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#fff9;border:2px solid #fffc;box-shadow:0 15px 35px #0000000d}@keyframes jelly-pop-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}80%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards jelly-pop-in}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:4s ease-in-out infinite gentle-float}#app{flex-direction:column;min-height:100vh;display:flex}.back-btn{min-width:72px;min-height:48px}.floating-score{color:#ff9800;text-shadow:2px 2px #fff;pointer-events:none;z-index:9999;font-size:2rem;font-weight:700;animation:1s ease-out forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(1.5)}}@media (width<=768px){:root{--radius-sm:15px;--radius-md:20px;--radius-lg:25px}body{font-size:14px}.btn-cartoon{padding:10px 20px;font-size:1.1rem}.card-cartoon{padding:20px}.btn-cartoon:hover,.card-cartoon:hover{transform:translateY(-3px)scale(1.01)}}.app-container[data-v-2b87d5d7]{flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.ambient-bg[data-v-2b87d5d7]{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob[data-v-2b87d5d7]{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float-blob-2b87d5d7;position:absolute}.blob-1[data-v-2b87d5d7]{background:#ff9a9e;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.blob-2[data-v-2b87d5d7]{background:#a1c4fd;width:500px;height:500px;animation-delay:-5s;bottom:-200px;right:-100px}.blob-3[data-v-2b87d5d7]{background:#fbc2eb;width:300px;height:300px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-blob-2b87d5d7{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,-50px)scale(1.1)}to{transform:translate(-50px,50px)scale(.9)}}.content-wrapper[data-v-2b87d5d7]{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.home-container[data-v-576c76a2]{flex-direction:column;flex:1;align-items:center;padding:24px 20px 100px;display:flex;position:relative;overflow:hidden}.floating-decor[data-v-576c76a2]{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.decor-item[data-v-576c76a2]{will-change:transform;animation:linear infinite drift-float-576c76a2;position:absolute}@keyframes drift-float-576c76a2{0%{transform:translate(0)rotate(0)}25%{transform:translate(20px,-30px)rotate(90deg)}50%{transform:translate(-15px,-60px)rotate(180deg)}75%{transform:translate(25px,-30px)rotate(270deg)}to{transform:translate(0)rotate(360deg)}}.home-header[data-v-576c76a2]{text-align:center;z-index:1;opacity:0;margin-bottom:24px;transition:all .7s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-30px)}.home-header.slide-in[data-v-576c76a2]{opacity:1;transform:translateY(0)}.title-glow[data-v-576c76a2]{color:var(--color-primary);text-shadow:2px 2px 0 var(--color-accent);font-size:2.8rem;animation:3s ease-in-out infinite title-breathe-576c76a2}@keyframes title-breathe-576c76a2{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.subtitle[data-v-576c76a2]{color:var(--color-text);margin-top:6px;font-size:1.3rem;font-weight:600}.banner-section[data-v-576c76a2]{z-index:1;opacity:0;width:100%;max-width:700px;margin-bottom:20px;transition:all .7s cubic-bezier(.34,1.56,.64,1) .15s;position:relative;transform:translateY(20px)}.banner-section.slide-in-delay[data-v-576c76a2]{opacity:1;transform:translateY(0)}.banner-card[data-v-576c76a2]{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:32px 40px;animation:.4s banner-fadein-576c76a2;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014}@keyframes banner-fadein-576c76a2{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.banner-badge[data-v-576c76a2]{color:#5a6d85;border-radius:var(--radius-full);background:#ffffffd9;padding:3px 12px;font-size:.85rem;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #00000014}.banner-icon[data-v-576c76a2]{flex-shrink:0;font-size:5rem;animation:4s ease-in-out infinite gentle-float-576c76a2}.banner-info h2[data-v-576c76a2]{color:#3d4f63;margin-bottom:6px;font-size:1.8rem}.banner-info p[data-v-576c76a2]{color:#5a6d85;margin-bottom:14px;font-size:1.1rem}.banner-play-btn[data-v-576c76a2]{padding:10px 24px;font-size:1.1rem}.banner-controls[data-v-576c76a2]{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.banner-arrow[data-v-576c76a2]{cursor:pointer;background:#fffc;border:none;border-radius:50%;width:36px;height:36px;font-size:1.4rem;line-height:1;transition:transform .2s,background .2s;box-shadow:0 4px 12px #00000014}.banner-arrow[data-v-576c76a2]:hover{background:#fff;transform:scale(1.1)}.banner-dots[data-v-576c76a2]{gap:8px;display:flex}.banner-dot[data-v-576c76a2]{cursor:pointer;background:#5a6d8540;border-radius:50%;width:10px;height:10px;transition:all .3s}.banner-dot.active[data-v-576c76a2]{background:var(--color-primary);transform:scale(1.3)}.category-nav[data-v-576c76a2]{z-index:1;opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;transition:all .6s cubic-bezier(.34,1.56,.64,1) .25s;display:flex;position:relative;transform:translateY(15px)}.category-nav.slide-in-delay2[data-v-576c76a2]{opacity:1;transform:translateY(0)}.cat-tag[data-v-576c76a2]{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);cursor:pointer;transition:var(--transition-bouncy);background:#ffffffb3;border:2px solid #a1c4fd66;padding:9px 20px;font-family:"Baloo 2",cursive;font-size:1rem;font-weight:700}.cat-tag[data-v-576c76a2]:hover{background:#fffffff2;transform:translateY(-3px)}.cat-tag.active[data-v-576c76a2]{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px #ff9a9e59}.game-list[data-v-576c76a2]{z-index:1;flex-wrap:wrap;justify-content:center;gap:28px;width:100%;max-width:1100px;display:flex;position:relative}.card-list-enter-active[data-v-576c76a2]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-list-leave-active[data-v-576c76a2]{transition:all .25s}.card-list-enter-from[data-v-576c76a2]{opacity:0;transform:scale(.85)translateY(20px)}.card-list-leave-to[data-v-576c76a2]{opacity:0;transform:scale(.9)}.game-card[data-v-576c76a2]{text-align:center;cursor:pointer;opacity:0;width:260px;transition:all .55s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--enter-delay,0s);border:3px solid #fff9;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;transform:translateY(50px)scale(.92)}.game-card.card-enter[data-v-576c76a2]{opacity:1;transform:translateY(0)scale(1)}.game-card[data-v-576c76a2]:hover{border-color:var(--hover-color);box-shadow:0 20px 40px #00000014, 0 0 0 4px var(--hover-color);transform:translateY(-10px)scale(1.03)!important}.new-badge[data-v-576c76a2]{color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;background:linear-gradient(135deg,#ff9a9e,#fbc2eb);padding:3px 10px;font-size:.75rem;font-weight:900;position:absolute;top:12px;right:12px;box-shadow:0 3px 10px #ff9a9e66}.card-shine[data-v-576c76a2]{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%}.game-card:hover .card-shine[data-v-576c76a2]{animation:.8s ease-in-out shine-sweep-576c76a2}@keyframes shine-sweep-576c76a2{0%{left:-100%}to{left:150%}}.game-icon[data-v-576c76a2]{margin-bottom:14px;font-size:4.5rem;animation:4s ease-in-out infinite gentle-float-576c76a2}.game-card:hover .game-icon[data-v-576c76a2]{animation:.6s ease-in-out wobble-jelly-576c76a2}@keyframes wobble-jelly-576c76a2{0%{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.15)}40%{transform:rotate(10deg)scale(1.1)}60%{transform:rotate(-6deg)scale(1.05)}80%{transform:rotate(4deg)scale(1.02)}to{transform:rotate(0)scale(1)}}@keyframes gentle-float-576c76a2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.game-title[data-v-576c76a2]{color:var(--color-text);margin-bottom:8px;font-size:1.6rem}.game-desc[data-v-576c76a2]{color:#888;flex:1;margin-bottom:14px;font-size:1rem;line-height:1.4}.game-meta[data-v-576c76a2]{color:var(--color-text);align-items:center;gap:12px;margin-bottom:14px;font-size:.9rem;display:flex}.meta-age[data-v-576c76a2]{border-radius:var(--radius-full);background:#a1c4fd40;padding:3px 10px;font-weight:700}.meta-stars[data-v-576c76a2]{letter-spacing:-2px;font-size:.85rem}.start-btn[data-v-576c76a2]{width:85%;padding:10px 0;font-size:1.3rem;color:#fff!important}.sticker-fab[data-v-576c76a2]{z-index:500;padding:12px 20px;font-size:1rem;position:fixed;bottom:24px;right:20px;box-shadow:0 8px 24px #fbc2eb80!important}.fab-count[data-v-576c76a2]{opacity:.9;margin-left:4px;font-size:.85rem}.pulse-btn[data-v-576c76a2]{animation:2.5s ease-out infinite pulse-ring-576c76a2}@keyframes pulse-ring-576c76a2{0%{box-shadow:0 10px #a1c4fd40,inset 0 -6px #0000000d,0 0 #fbc2eb80}70%{box-shadow:0 10px #a1c4fd40,inset 0 -6px #0000000d,0 0 0 15px #fbc2eb00}to{box-shadow:0 10px #a1c4fd40,inset 0 -6px #0000000d,0 0 #fbc2eb00}}.modal-enter-active[data-v-576c76a2],.modal-leave-active[data-v-576c76a2]{transition:opacity .3s}.modal-enter-from[data-v-576c76a2],.modal-leave-to[data-v-576c76a2]{opacity:0}.modal-enter-active .sticker-modal[data-v-576c76a2]{animation:.5s cubic-bezier(.34,1.56,.64,1) jelly-pop-in}.modal-leave-active .sticker-modal[data-v-576c76a2]{animation:.25s ease-in forwards modal-shrink-576c76a2}@keyframes modal-shrink-576c76a2{to{opacity:0;transform:scale(.8)}}.modal-overlay[data-v-576c76a2]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sticker-modal[data-v-576c76a2]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffeb;border:2px solid #fffc;flex-direction:column;width:90vw;max-width:580px;max-height:80vh;padding:28px;display:flex;box-shadow:0 25px 60px #00000026}.sticker-modal h2[data-v-576c76a2]{color:var(--color-primary);text-align:center;margin-bottom:18px;font-size:1.8rem}.sticker-grid[data-v-576c76a2]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding-bottom:16px;display:grid;overflow-y:auto}.sticker-item[data-v-576c76a2]{border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);background:#fffc;border:2px solid #0000;flex-direction:column;align-items:center;padding:12px 8px;transition:transform .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) both sticker-pop-in-576c76a2;display:flex}.sticker-item[data-v-576c76a2]:hover{transform:scale(1.08)}@keyframes sticker-pop-in-576c76a2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sticker-item.locked[data-v-576c76a2]{filter:grayscale();background:#f0f0f099}.sticker-emoji[data-v-576c76a2]{margin-bottom:4px;font-size:2.6rem}.sticker-name[data-v-576c76a2]{color:var(--color-text);text-align:center;font-size:.85rem;font-weight:600}.close-btn[data-v-576c76a2]{align-self:center;min-width:180px;margin-top:18px}@media (width<=768px){.home-container[data-v-576c76a2]{padding:16px 12px 90px}.title-glow[data-v-576c76a2]{font-size:2rem}.subtitle[data-v-576c76a2]{font-size:1.1rem}.game-card[data-v-576c76a2]{width:85vw}.cat-tag[data-v-576c76a2]{padding:8px 14px;font-size:.9rem}.sticker-fab[data-v-576c76a2]{padding:10px 16px;font-size:.9rem;bottom:16px;right:12px}}