:root{--primary:#667eea;--primary-dark:#764ba2;--bg:#f5f7fa;--text:#333;--text-secondary:#666;--border:#e0e0e0;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 25px #00000026;--radius:12px}#root{width:100%;min-height:100vh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.category-nav{flex-direction:column;gap:.25rem;display:flex}.category-item{cursor:pointer;text-align:left;color:#444;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.category-item:hover{background:#f0f0f0}.category-item.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.category-icon{font-size:1.1rem}.arrow{color:#999;margin-left:auto;font-size:.8rem}.category-item.active .arrow{color:#ffffffb3}.category-children{margin-top:.25rem}.category-group{margin-bottom:.25rem}@media (width<=768px){.category-nav{flex-flow:wrap;gap:.5rem}.category-item{padding:.5rem .75rem;font-size:.85rem}.category-children{display:none}.category-group{margin-bottom:0}}.game-card{color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 2px 8px #00000014}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.game-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);overflow:hidden}.game-thumbnail img{object-fit:cover;width:100%;height:100%}.placeholder-thumbnail{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-thumbnail span{opacity:.8;font-size:3rem}.game-info{padding:1rem}.game-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.1rem;font-weight:600;overflow:hidden}.game-category{color:#888;margin-bottom:.5rem;font-size:.85rem}.game-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=768px){.game-info{padding:.75rem}.game-name{font-size:.95rem}.game-category,.game-description{font-size:.8rem}}.home-page{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.logo{color:#fff;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.search-box input{background:#ffffffe6;border:none;border-radius:25px;outline:none;width:300px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.search-box input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.main-content{flex:1;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.sidebar{flex-shrink:0;width:250px}.sidebar h2{color:#333;margin-bottom:1rem;font-size:1.1rem}.game-section{flex:1}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{color:#333;font-size:1.3rem}.game-count{color:#666;font-size:.9rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.empty-state{text-align:center;color:#666;padding:3rem}.empty-state .hint{color:#999;margin-top:.5rem;font-size:.9rem}@media (width<=768px){.header-content{flex-direction:column;gap:.75rem}.search-box input{width:100%}.main-content{flex-direction:column;padding:1rem}.sidebar{width:100%}.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.game-page{background:#1a1a2e;flex-direction:column;min-height:100vh;display:flex}.error-page{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.error-page h1{color:#fff}.error-page p{color:#aaa}.back-link{color:#667eea;text-decoration:none}.back-link:hover{text-decoration:underline}.game-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.back-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s}.back-button:hover{background:#ffffff4d}.game-title{flex:1;align-items:center;gap:.75rem;display:flex}.game-title h1{color:#fff;margin:0;font-size:1.3rem}.game-category-tag{color:#fff;background:#fff3;border-radius:12px;padding:.25rem .75rem;font-size:.8rem}.game-controls-info{gap:1rem;display:flex}.control-item{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.control-label{color:#ffffffb3;font-size:.75rem}.control-value{color:#fff;background:#ffffff26;border-radius:6px;padding:.25rem .5rem;font-size:.85rem}.game-container{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.game-iframe{background:#000;border:none;border-radius:12px;width:100%;max-width:900px;height:80vh;box-shadow:0 10px 40px #00000080}.game-description-panel{background:#ffffff0d;border-radius:12px;max-width:900px;margin:0 auto 2rem;padding:1.5rem}.game-description-panel h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.game-description-panel p{color:#aaa;line-height:1.6}@media (width<=768px){.game-header{flex-direction:column;align-items:flex-start;gap:.75rem}.game-controls-info{flex-direction:column;gap:.5rem;width:100%}.control-item{flex-direction:row;align-items:center;gap:.5rem}.game-iframe{border-radius:8px;height:70vh}.game-description-panel{margin:0 1rem 1rem;padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.loading{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#e74c3c;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;display:flex}