.theme-switcher[data-v-f4b63bf8]{display:flex;align-items:center;gap:6px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50px;padding:4px 10px 4px 8px}.theme-icon[data-v-f4b63bf8]{font-size:1rem;line-height:1;flex-shrink:0}.theme-btn[data-v-f4b63bf8]{display:flex;gap:2px;align-items:center;padding:3px;border-radius:50px;border:2.5px solid transparent;background:none;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);outline:none}.theme-btn[data-v-f4b63bf8]:hover{transform:scale(1.15)}.theme-btn.active[data-v-f4b63bf8]{border-color:var(--color-primary);transform:scale(1.1);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.swatch[data-v-f4b63bf8]{display:block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.swatch[data-v-f4b63bf8]:first-child{width:13px;height:13px}@media(max-width:768px){.theme-switcher[data-v-f4b63bf8]{padding:4px 8px 4px 6px;gap:4px}.theme-icon[data-v-f4b63bf8]{display:none}}.header[data-v-249f54fd]{background:var(--color-surface);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-inner[data-v-249f54fd]{display:flex;align-items:center;justify-content:space-between;height:72px}.logo[data-v-249f54fd]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-249f54fd]{font-size:1.8rem}.logo-text[data-v-249f54fd]{display:flex;flex-direction:column;line-height:1.1;gap:1px}.logo-main[data-v-249f54fd]{font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub[data-v-249f54fd]{font-size:var(--font-size-sm);font-weight:600;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.header-right[data-v-249f54fd]{display:flex;align-items:center;gap:8px}.lang-switcher[data-v-249f54fd]{display:flex;align-items:center;position:relative;background:var(--color-bg);border:3px solid var(--color-accent);border-radius:50px;padding:3px;gap:2px;transition:border-color var(--transition-fast)}.lang-switcher[data-v-249f54fd]:hover{border-color:var(--color-primary)}.lang-switcher.bounced[data-v-249f54fd]{animation:lang-bounce-249f54fd .5s cubic-bezier(.34,1.56,.64,1)}@keyframes lang-bounce-249f54fd{0%{transform:scale(1)}30%{transform:scale(1.18) rotate(-3deg)}50%{transform:scale(.92) rotate(2deg)}70%{transform:scale(1.06) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.lang-slider[data-v-249f54fd]{position:absolute;top:3px;left:3px;width:calc(50% - 4px);height:calc(100% - 6px);border-radius:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 2px 8px #6c63ff59;transition:transform .35s cubic-bezier(.34,1.56,.64,1);z-index:0}.lang-slider.slide-right[data-v-249f54fd]{transform:translate(calc(100% + 2px))}.lang-option[data-v-249f54fd]{position:relative;z-index:1;display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:50px;background:none;border:none;font-family:var(--font-family);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}.lang-option[data-v-249f54fd]:hover{transform:scale(1.08)}.lang-option.active[data-v-249f54fd]{color:#fff}.lang-flag[data-v-249f54fd]{font-size:1.3rem;line-height:1}.lang-label[data-v-249f54fd]{letter-spacing:.5px}.nav[data-v-249f54fd]{display:flex;gap:8px}.nav-link[data-v-249f54fd]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);font-weight:500;font-size:var(--font-size-md);color:var(--color-text-light);transition:all var(--transition-fast)}.nav-link[data-v-249f54fd]:hover{background:var(--color-bg);color:var(--color-primary)}.nav-link.active[data-v-249f54fd]{background:var(--color-primary);color:#fff}.nav-icon[data-v-249f54fd]{font-size:1.2rem}.menu-toggle[data-v-249f54fd]{display:none;background:none;width:40px;height:40px;position:relative}.hamburger[data-v-249f54fd],.hamburger[data-v-249f54fd]:before,.hamburger[data-v-249f54fd]:after{display:block;width:24px;height:3px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast);position:absolute;left:8px}.hamburger[data-v-249f54fd]{top:18px}.hamburger[data-v-249f54fd]:before{content:"";top:-8px}.hamburger[data-v-249f54fd]:after{content:"";top:8px}.hamburger.open[data-v-249f54fd]{background:transparent}.hamburger.open[data-v-249f54fd]:before{top:0;transform:rotate(45deg)}.hamburger.open[data-v-249f54fd]:after{top:0;transform:rotate(-45deg)}@media(max-width:768px){.menu-toggle[data-v-249f54fd]{display:block}.nav[data-v-249f54fd]{display:none;position:absolute;top:72px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:12px 20px;box-shadow:var(--shadow-md)}.nav.open[data-v-249f54fd]{display:flex}.nav-link[data-v-249f54fd]{padding:12px 16px;font-size:var(--font-size-lg)}}.main-content[data-v-7613eb77]{flex:1;padding:24px 0}.page-enter-active[data-v-7613eb77],.page-leave-active[data-v-7613eb77]{transition:opacity .25s ease,transform .25s ease}.page-enter-from[data-v-7613eb77]{opacity:0;transform:translateY(12px)}.page-leave-to[data-v-7613eb77]{opacity:0;transform:translateY(-12px)}.game-grid[data-v-38c3bcb3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.game-card[data-v-38c3bcb3]{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:12px}.game-card[data-v-38c3bcb3]:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--card-color)}.card-icon[data-v-38c3bcb3]{font-size:3.5rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card-bg)}.card-title[data-v-38c3bcb3]{font-size:var(--font-size-xl);font-weight:700;color:var(--card-color)}.card-desc[data-v-38c3bcb3]{font-size:var(--font-size-md);color:var(--color-text-light);line-height:1.5}.card-cta[data-v-38c3bcb3]{margin-top:auto;padding:10px 24px;border-radius:var(--radius-lg);background:var(--card-color);color:#fff;font-weight:600;font-size:var(--font-size-md);transition:transform var(--transition-fast)}.game-card:hover .card-cta[data-v-38c3bcb3]{transform:scale(1.05)}.home[data-v-9e892543]{padding-top:20px;padding-bottom:40px}.hero[data-v-9e892543]{text-align:center;margin-bottom:48px}.hero-title[data-v-9e892543]{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:12px;line-height:1.2}.highlight[data-v-9e892543]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-9e892543]{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:500px;margin:0 auto}@media(max-width:480px){.hero-title[data-v-9e892543]{font-size:var(--font-size-2xl)}}:root{--color-primary: #6c63ff;--color-primary-light: #a29bfe;--color-secondary: #ff6b6b;--color-secondary-light: #ff9f9f;--color-accent: #feca57;--color-accent-light: #fff3a3;--color-success: #2ed573;--color-success-light: #7bed9f;--color-info: #45aaf2;--color-bg: #f8f9ff;--color-surface: #ffffff;--color-text: #2d3436;--color-text-light: #636e72;--color-border: #dfe6e9;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--font-family: "Fredoka", sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}#app{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-accent{background:var(--color-accent);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-400px) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-bounce-in{animation:bounceIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}
