.btn-icon,.categories-wrapper,.header-actions{display:flex;gap:.5rem}.game-card,.header{box-shadow:var(--shadow)}#game-title,.loading-spinner,.network-status,.no-results,.site-footer{text-align:center}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--bg-color:#ffffff;--surface-color:#f9fafb;--text-color:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition:all 0.3s ease}[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--text-color:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3),0 1px 2px 0 rgba(0, 0, 0, 0.2);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.3),0 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.2);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.3),0 10px 10px -5px rgba(0, 0, 0, 0.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:var(--transition)}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:700;color:var(--primary-color);cursor:pointer}.btn-icon{align-items:center;background:0 0;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:var(--transition)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-weight:600;transition:var(--transition);cursor:pointer}.btn-icon:hover,.category-btn.active,.category-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:.5rem}.btn-secondary:hover{background-color:var(--surface-color)}.search-section{padding:2rem 0;background-color:var(--bg-color)}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border-color);border-radius:.75rem;background-color:var(--surface-color);color:var(--text-color);font-size:1rem;transition:var(--transition)}.search-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.categories-section,.game-viewer-header{border-bottom:1px solid var(--border-color)}.network-status{background-color:#fbbf24;color:#78350f;padding:.5rem;font-weight:600}.category-btn,.game-card-title,.section-title{color:var(--text-color)}#game-title,.category-btn{font-weight:500;white-space:nowrap}.network-status.online{background-color:#10b981;color:#fff}.categories-section{padding:1rem 0;background-color:var(--surface-color)}.categories-wrapper{overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--border-color)}.categories-wrapper::-webkit-scrollbar{height:6px}.categories-wrapper::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.categories-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.category-btn{flex-shrink:0;padding:.5rem 1.25rem;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:2rem;cursor:pointer;transition:var(--transition)}.games-section{padding:2rem 0}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.game-card{background-color:var(--surface-color);border-radius:1rem;overflow:hidden;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.game-card-image{width:100%;height:180px;object-fit:cover;background-color:var(--border-color);position:relative}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.game-card:hover .game-card-image img{transform:scale(1.05)}.game-card-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.game-card-description,.game-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.game-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;-webkit-line-clamp:1}.game-card-description{font-size:.875rem;color:var(--text-secondary);-webkit-line-clamp:2;margin-bottom:.75rem}.game-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.game-card-category{background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:1000;display:flex;flex-direction:column}.game-viewer-header,.pwa-banner{position:fixed;left:0;right:0;background-color:var(--surface-color)}.game-viewer-header{top:0;z-index:9999;display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.85rem}.game-viewer-header button{display:flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.3rem .5rem;background:0 0;border:none;color:inherit;cursor:pointer}.game-viewer-header button svg{width:14px;height:14px}#game-title{flex-grow:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.game-viewer-title{font-weight:600;font-size:1.125rem}#game-iframe{height:calc(100vh - 40px);margin-top:40px;flex-grow:1;width:100%;border:none}.pwa-banner{bottom:0;border-top:1px solid var(--border-color);box-shadow:var(--shadow-xl);z-index:999;animation:.3s ease-out slideUp}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-banner-content{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:1rem}.pwa-banner-text h3{font-size:1.125rem;margin-bottom:.25rem}.pwa-banner-text p{font-size:.875rem;color:var(--text-secondary)}.pwa-banner-buttons{display:flex;gap:.75rem;flex-shrink:0}.loading-spinner{padding:2rem}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.no-results{padding:3rem 1rem;color:var(--text-secondary)}.hidden{display:none!important}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification{animation:.3s ease-out slideIn}@media (max-width:768px){.logo{font-size:1.25rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.game-card-image{height:140px}.pwa-banner-content{flex-direction:column;align-items:stretch}.pwa-banner-buttons{width:100%}.pwa-banner-buttons button{flex:1}.btn-icon span{display:none}}@media (max-width:480px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.site-footer{background:#0a0a0a;color:#ddd;padding:25px 10px;font-family:Poppins,sans-serif;font-size:14px;border-top:2px solid #ff004f}.site-footer p{margin:5px 0}.site-footer a{color:#ff004f;text-decoration:none;transition:.3s}.site-footer a:hover{color:#fff;text-shadow:0 0 5px #ff004f}