.theme-selector-section{text-align:center;margin-bottom:var(--space-16);padding:var(--space-8);background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.theme-selector-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#3b82f605,#9333ea05,#ec489905,#f59e0b05,#22c55e05,#3b82f605);animation:rotate-gradient 10s linear infinite;pointer-events:none}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-selector-title{font-size:var(--text-2xl);font-weight:700;color:#1e40af;margin-bottom:var(--space-4);position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2)}.theme-selector-title:before{content:"🎨";font-size:var(--text-xl);animation:palette-bounce 2s ease-in-out infinite}@keyframes palette-bounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.theme-buttons-container{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;position:relative;z-index:1}@media (max-width: 640px){.theme-buttons-container{flex-direction:column;align-items:center;gap:var(--space-3)}}.theme-button{color:#fff;font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);box-shadow:0 4px 6px #0000001a;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:var(--text-base);position:relative;overflow:hidden;min-width:120px;text-transform:uppercase;letter-spacing:.05em;transform:translateY(0)}.theme-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.theme-button:hover:before{left:100%}.theme-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0003}.theme-button:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.theme-button-pro-play{background:linear-gradient(135deg,#4b5563,#374151);position:relative}.theme-button-pro-play:after{content:"⚡";position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);font-size:var(--text-sm);opacity:.7}.theme-button-pro-play:hover{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 8px 20px #4b556366}.theme-button-power-up{background:linear-gradient(135deg,#2563eb,#1d4ed8);position:relative}.theme-button-power-up:after{content:"🚀";position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);font-size:var(--text-sm);opacity:.8}.theme-button-power-up:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 20px #2563eb66}.theme-button-sparkle-play{background:linear-gradient(135deg,#ec4899,#db2777);position:relative}.theme-button-sparkle-play:after{content:"✨";position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);font-size:var(--text-sm);opacity:.8;animation:sparkle-twinkle 1.5s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.8;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.theme-button-sparkle-play:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 8px 20px #ec489966}.theme-button.active{position:relative;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0003}.theme-button.active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:400% 400%;border-radius:var(--radius-full);z-index:-1;animation:active-gradient 2s ease infinite}@keyframes active-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.theme-button:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.theme-button-label{display:block;font-size:var(--text-xs);opacity:.9;margin-top:var(--space-1);font-weight:400;text-transform:none;letter-spacing:normal}@media (max-width: 640px){.theme-selector-section{padding:var(--space-6);margin-bottom:var(--space-12)}.theme-button{min-width:140px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.theme-selector-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}}@media (max-width: 480px){.theme-button{min-width:120px;padding:var(--space-2) var(--space-4)}.theme-button:after{display:none}}.theme-power-up .theme-selector-title{font-family:var(--font-display-power);text-transform:uppercase;letter-spacing:.1em}.theme-power-up .theme-button{font-family:var(--font-display-power);font-size:var(--text-lg)}.theme-power-up .theme-selector-section:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(59,130,246,.02) 20px,rgba(59,130,246,.02) 40px);pointer-events:none;z-index:0}.theme-sparkle-play .theme-selector-title{font-family:var(--font-display-sparkle)}.theme-sparkle-play .theme-button{font-family:var(--font-display-sparkle);text-transform:none;letter-spacing:normal}.theme-sparkle-play .theme-selector-section:after{content:"🌟💫⭐";position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-lg);opacity:.2;animation:sparkle-float 3s ease-in-out infinite;z-index:0}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.theme-button.loading{position:relative;pointer-events:none;opacity:.7}.theme-button.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.theme-selector-section,.theme-selector-title,.theme-button{transition:var(--transition-theme)}@media print{.theme-selector-section{display:none}}.game-cards-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-10);margin-bottom:var(--space-16)}@media (min-width: 640px){.game-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.game-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-theme);border:1px solid rgba(0,0,0,.03);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;min-height:400px;justify-content:space-between}.game-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 20px #0000001f}.game-icon{width:100px;height:100px;margin-bottom:var(--space-4);color:currentColor;transition:transform var(--transition-normal),color var(--transition-normal);flex-shrink:0}.game-card:hover .game-icon{transform:rotate(5deg) scale(1.1)}.game-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.game-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3);color:inherit;line-height:1.2}.game-description{color:#4b5563;margin-bottom:var(--space-6);line-height:1.6;flex:1;display:block}.game-description p{margin:0}.game-card-button{margin-top:auto}@media (max-width: 640px){.game-card{padding:var(--space-6);min-height:350px}.game-icon{width:80px;height:80px}.game-title{font-size:var(--text-2xl)}.game-description{font-size:var(--text-base)}}@media (max-width: 480px){.game-cards-grid{gap:var(--space-6)}.game-card{padding:var(--space-4);min-height:300px}.game-icon{width:70px;height:70px}.game-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.game-description{margin-bottom:var(--space-4);font-size:var(--text-sm)}}.game-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.game-card:hover:before{left:100%}.game-card.featured{position:relative;overflow:hidden}.game-card.featured:after{content:"FEATURED";position:absolute;top:var(--space-4);right:calc(var(--space-4) * -1);background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;padding:var(--space-1) var(--space-8);font-size:var(--text-sm);font-weight:700;transform:rotate(45deg);box-shadow:var(--shadow-md)}.theme-power-up .game-card{position:relative}.theme-power-up .game-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(59,130,246,.02) 20px,rgba(59,130,246,.02) 40px);pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}.theme-power-up .game-card:hover:after{opacity:1}.theme-sparkle-play .game-card{position:relative}.theme-sparkle-play .game-card:before{background:linear-gradient(90deg,transparent,rgba(244,114,182,.1),transparent)}.theme-sparkle-play .game-card:hover{animation:subtle-sparkle .6s ease-out}@keyframes subtle-sparkle{0%{box-shadow:0 8px 20px #0000001f}50%{box-shadow:0 8px 20px #f472b633,0 0 20px #f472b61a}to{box-shadow:0 8px 20px #0000001f}}.game-card.category-puzzle .game-icon{color:#9333ea}.game-card.category-card .game-icon{color:#22c55e}.game-card.category-action .game-icon{color:#dc2626}.game-card.category-kids .game-icon{color:#ea580c}.game-card.category-sports .game-icon{color:#0284c7}.game-card.category-multiplayer .game-icon{color:#4f46e5}.game-card.loading{opacity:.7;pointer-events:none}.game-card.loading .game-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-card:focus-within{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.game-card .btn-category:focus{outline-offset:4px}@media print{.game-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.game-cards-grid{display:block}.game-card{margin-bottom:var(--space-6);page-break-inside:avoid}}