@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";:root{--primary-color: #6C5CE7;--secondary-color: #00CEC9;--accent-color: #FD79A8;--bg-color: #F0F3F8;--card-bg: #FFFFFF;--text-dark: #2D3436;--text-light: #636E72;--border-radius: 16px;--shadow: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 25px rgba(0, 0, 0, .1), 0 20px 30px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-weight:700;color:var(--primary-color)}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .2s ease}.ng-avatar{display:inline-flex;align-items:center;justify-content:center;line-height:1}img.ng-avatar{border-radius:10px;object-fit:contain;image-rendering:pixelated;background:#fff}.btn-primary{background-color:var(--primary-color);color:#fff;padding:12px 24px;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;box-shadow:0 4px #4834d4}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 #4834d4}.container{max-width:1200px;width:100%;margin:0 auto;padding:20px;flex-grow:1}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.text-center{text-align:center}.mt-4{margin-top:1rem}.hidden{display:none!important}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}