:root{--color-primary:#261f5c;--color-primary-dark:#1a1640;--color-primary-light:#4a3f8f;--color-accent:#e9af51;--color-accent-light:#f4c271;--bg-gradient:radial-gradient(ellipse at 85% 15%, #fffdd08c 0%, #fffaeb59 30%, transparent 70%), radial-gradient(ellipse at 15% 20%, #bbdefb80 0%, #e1bee759 40%, transparent 70%), radial-gradient(ellipse at 50% 50%, #f48fb159 0%, #f3e5f540 50%, transparent 80%), radial-gradient(ellipse at 20% 75%, #fffaeb40 0%, #dcedc826 40%, transparent 70%), radial-gradient(ellipse at 80% 85%, #e1bee773 0%, #bbdefb59 40%, transparent 70%), radial-gradient(ellipse at 70% 40%, #b3e5fc4d 0%, transparent 60%), linear-gradient(135deg, #e3f2fdd9 0%, #e1bee7a6 25%, #f3e5f5bf 50%, #e8eaf6a6 75%, #e3f2fdd9 100%);--category-puzzle:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--category-puzzle-active:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--category-arcade:linear-gradient(135deg, #fb923c 0%, #f97316 100%);--category-arcade-active:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--category-action:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--category-action-active:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--category-strategy:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--category-strategy-active:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--category-racing:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--category-racing-active:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--category-music:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--category-music-active:linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--category-platformer:linear-gradient(135deg, #10b981 0%, #059669 100%);--category-platformer-active:linear-gradient(135deg, #059669 0%, #047857 100%);--category-maze:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--category-maze-active:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--category-all:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--category-all-active:linear-gradient(135deg, #764ba2 0%, #667eea 100%);--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #261f5c26;--shadow-xl:0 12px 32px #261f5c33;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}
*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}body{color:#1a202c;background:#fff;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}html:fullscreen{background:#1a1a1a}html:fullscreen{background:#1a1a1a}html:fullscreen{background:#1a1a1a}html:fullscreen{background:#1a1a1a}:fullscreen{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}:fullscreen{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}:fullscreen{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}:fullscreen{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{overflow-y:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}button:focus,input:focus,select:focus,textarea:focus{outline-offset:2px;outline:2px solid #4299e1}html{scroll-behavior:smooth}html,body{scroll-behavior:auto!important}body{scroll-margin-top:0;scroll-padding-top:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{color:#fff;background:#4299e1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:.6s ease-out fadeIn}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.container-fluid{width:100%;padding:0 20px}.grid{gap:24px;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}@media (max-width:1536px){.container{max-width:1400px}}@media (max-width:1280px){.container{max-width:1200px}.grid-cols-6{grid-template-columns:repeat(5,1fr)}.grid-cols-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.container{max-width:1000px;padding:0 16px}.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-5,.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.container{padding:0 12px}.grid-cols-6{grid-template-columns:repeat(3,1fr)}.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.text-4xl{font-size:2rem}.text-3xl{font-size:1.75rem}.text-2xl{font-size:1.5rem}}@media (max-width:640px){.container{padding:0 8px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}.text-4xl{font-size:1.75rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}@media (max-width:480px){.container{padding:0 6px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}.text-4xl{font-size:1.5rem}.text-3xl{font-size:1.25rem}.text-2xl{font-size:1.125rem}.text-xl{font-size:1rem}}@media (max-width:360px){.container{padding:0 4px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:320px){html{font-size:14px}}@media screen and (min-width:321px) and (max-width:480px){html{font-size:15px}}@media screen and (min-width:481px) and (max-width:768px){html{font-size:16px}}@media screen and (min-width:769px) and (max-width:1024px){html{font-size:16px}}@media screen and (min-width:1025px){html{font-size:16px}}@media screen and (max-width:768px){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}
.container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.container-fluid{box-sizing:border-box;width:100%;padding:0 20px}.grid{gap:24px;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}@media (max-width:1536px){.container{max-width:1400px}}@media (max-width:1280px){.container{max-width:1200px}.grid-cols-6{grid-template-columns:repeat(5,1fr)}.grid-cols-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.container{max-width:1000px;padding:0 16px}.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-5,.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.container{padding:0 12px}.grid-cols-6{grid-template-columns:repeat(3,1fr)}.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.text-4xl{font-size:2rem}.text-3xl{font-size:1.75rem}.text-2xl{font-size:1.5rem}}@media (max-width:640px){.container{padding:0 8px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}.text-4xl{font-size:1.75rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}@media (max-width:480px){.container{padding:0 6px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}.text-4xl{font-size:1.5rem}.text-3xl{font-size:1.25rem}.text-2xl{font-size:1.125rem}.text-xl{font-size:1rem}}@media (max-width:360px){.container{padding:0 4px}.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:320px){html{font-size:14px}}@media screen and (min-width:321px) and (max-width:480px){html{font-size:15px}}@media screen and (min-width:481px) and (max-width:768px){html{font-size:16px}}@media screen and (min-width:769px) and (max-width:1024px){html{font-size:16px}}@media screen and (min-width:1025px){html{font-size:16px}}@media screen and (max-width:768px){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}@media (max-width:768px){button,a,input,select,textarea{min-width:44px;min-height:44px}}@media (max-width:100vw){html,body{overflow-x:hidden}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline-offset:2px;outline:2px solid #4299e1}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}}