*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333;line-height:1.6;}.container{max-width:1200px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column;}.header{text-align:center;padding:60px 0 40px;color:white;}.header-content{animation:fadeInUp 0.8s ease-out;}.logo{font-size:3.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 4px 20px rgba(0,0,0,0.3);}.tagline{font-size:1.2rem;font-weight:300;opacity:0.9;text-shadow:0 2px 10px rgba(0,0,0,0.2);}.categories{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.2s both;}.category-btn{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);color:white;padding:12px 24px;border-radius:50px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px);}.category-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:translateY(-2px);}.category-btn.active{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.6);box-shadow:0 4px 20px rgba(255,255,255,0.2);}.games-grid{flex:1;max-width:100%;width:100%;animation:fadeInUp 0.8s ease-out 0.4s both;}.loading{text-align:center;padding:60px 0;color:white;}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px;}.games-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding-bottom:40px;max-width:80%;width:100%;box-sizing:border-box;margin:0 auto;}.game-card{background:rgba(255,255,255,0.95);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;backdrop-filter:blur(10px);}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}.game-thumbnail{width:100%;height:180px;object-fit:cover;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);}.game-info{padding:20px;}.game-name{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#333;}.game-description{font-size:0.9rem;color:#666;margin-bottom:15px;line-height:1.5;}.game-category{display:inline-block;background:linear-gradient(45deg,#667eea,#764ba2);color:white;padding:6px 12px;border-radius:20px;font-size:0.8rem;font-weight:500;}.game-header{display:flex;align-items:center;gap:20px;padding:30px 0;color:white;animation:fadeInUp 0.8s ease-out;}.back-btn{background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);color:white;padding:12px 20px;border-radius:50px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;}.back-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:translateX(-5px);}.game-title{font-size:2rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,0.2);flex:1;text-align:center;}.game-content{flex:1;animation:fadeInUp 0.8s ease-out 0.2s both;}.game-frame-container{background:rgba(255,255,255,0.95);border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);}.game-frame{width:100%;height:600px;border-radius:15px;background:#f8f9fa;}.game-info{background:rgba(255,255,255,0.95);border-radius:20px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);}.game-description{font-size:1rem;color:#555;line-height:1.7;margin-bottom:20px;}.game-meta{display:flex;gap:15px;flex-wrap:wrap;}.game-category{background:linear-gradient(45deg,#667eea,#764ba2);color:white;padding:8px 16px;border-radius:25px;font-size:0.9rem;font-weight:500;}.footer{text-align:center;padding:30px 0;color:rgba(255,255,255,0.8);font-size:0.9rem;margin-top:auto;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:768px){.container{padding:0 15px;}.header{padding:40px 0 30px;}.logo{font-size:2.5rem;}.tagline{font-size:1rem;}.categories{gap:10px;margin-bottom:30px;}.category-btn{padding:10px 18px;font-size:0.8rem;}.games-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.game-frame{height:400px;}.game-header{flex-direction:column;align-items:flex-start;gap:15px;padding:20px 0;}.game-title{font-size:1.5rem;}}@media (max-width:480px){.games-container{grid-template-columns:1fr;gap:15px;}.game-frame{height:300px;}.categories{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;}.category-btn{white-space:nowrap;flex-shrink:0;}}