*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0A0E1A;--bg-secondary: #111827;--bg-card: #151C2E;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--accent-blue: #3B82F6;--accent-lime: #84CC16;--accent-cyan: #06B6D4;--accent-purple: #A855F7;--accent-orange: #F97316;--accent-pink: #EC4899;--border: #1F2937;--header-height: 64px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height);animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#0a0e1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,41,55,.8);z-index:100;display:flex;align-items:center;padding:0 24px;gap:20px}.header-logo{display:flex;align-items:center;gap:6px;font-size:1.375rem;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:-.02em}.header-logo .logo-brain{background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo .logo-break{color:var(--text-primary)}.header-search{flex:1;max-width:520px;position:relative}.header-search input{width:100%;height:40px;padding:0 16px 0 42px;background:#151c2ecc;border:1.5px solid var(--border);border-radius:999px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,width .2s}.header-search input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.header-search input::placeholder{color:var(--text-secondary)}.header-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:16px;height:16px;pointer-events:none}.category-filter{display:flex;gap:8px;padding:14px 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.category-filter::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:5px;padding:7px 18px;font-size:.8125rem;font-weight:600;font-family:inherit;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:999px;transition:all .18s ease;letter-spacing:.01em}.category-pill:hover{border-color:var(--accent-blue);color:var(--text-primary);background:#3b82f614}.category-pill.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 2px 12px #3b82f659}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin-bottom:14px}.section-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-see-all{font-size:.8125rem;color:var(--accent-blue);font-weight:600;cursor:pointer;transition:color .15s}.section-see-all:hover{color:#60a5fa}.carousel-wrapper{position:relative;margin-bottom:32px}.section-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 24px 12px}.section-row::-webkit-scrollbar{display:none}.section-row>*{scroll-snap-align:start;flex-shrink:0}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;border-radius:50%;background:#111827e6;border:1.5px solid var(--border);color:var(--text-primary);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .15s;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.carousel-wrapper:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow:hover{background:var(--accent-blue);border-color:var(--accent-blue)}.carousel-arrow-left{left:4px}.carousel-arrow-right{right:4px}.game-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s;position:relative}.game-card:hover{transform:scale(1.06);box-shadow:0 8px 30px #3b82f633;border-color:#3b82f666}.game-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.game-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.game-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.game-card:hover .game-card-thumb{transform:scale(1.05)}.thumb-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.grad-racing{background:linear-gradient(135deg,#f44,#f80)}.grad-puzzle{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.grad-platformer{background:linear-gradient(135deg,#22c55e,#06b6d4)}.grad-io{background:linear-gradient(135deg,#a855f7,#ec4899)}.grad-sports{background:linear-gradient(135deg,#f59e0b,#ef4444)}.grad-classic{background:linear-gradient(135deg,#6b7280,#374151)}.grad-idle{background:linear-gradient(135deg,#eab308,#84cc16)}.grad-action{background:linear-gradient(135deg,#ef4444,#f97316)}.grad-multiplayer{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.thumb-gradient-title{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center;padding:0 12px;z-index:2;position:relative;letter-spacing:-.01em}.game-card-genre-badge{position:absolute;top:8px;left:8px;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 10px;font-size:.6875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;z-index:3}.game-card-badge{position:absolute;top:8px;right:8px;font-size:1rem;z-index:3;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.game-card-play-count{position:absolute;bottom:8px;right:8px;font-size:.6875rem;font-weight:600;color:#fffc;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:999px;padding:2px 8px;z-index:3}.game-card-title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.game-card-title-overlay span{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.4);text-align:center;padding:0 10px;line-height:1.3}.game-card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#00000080);z-index:1}.game-card-desc-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px 8px;background:linear-gradient(transparent,#000000d9);font-size:.7rem;color:#ffffffd9;line-height:1.4;z-index:4;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.game-card:hover .game-card-desc-overlay{opacity:1;transform:translateY(0)}.coming-soon-overlay{position:absolute;top:8px;right:8px;background:#000000b3;color:#fbbf24;font-size:.6875rem;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:5}.game-card-info-hidden{display:none}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0 24px 40px;max-width:1400px;margin:0 auto}@media (max-width: 1200px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.game-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 30px}}@media (max-width: 480px){.game-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 24px}}.page{max-width:1400px;margin:0 auto;padding:20px 24px}.page-header{margin-bottom:20px}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--text-secondary)}.all-games-header{padding:0 24px;max-width:1400px;margin:4px auto 16px}.all-games-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.play-page{padding:0;margin:0;max-width:none}.play-container{width:100%;height:calc(100vh - var(--header-height));background:#000;position:relative}.play-iframe{width:100%;height:100%;border:none}.play-top-bar{display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;flex-shrink:0;background:#111827d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,41,55,.7)}.play-back-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#151c2ecc;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .15s,background .15s}.play-back-btn:hover{border-color:var(--accent-blue);background:#3b82f61a}.play-game-title{font-weight:700;font-size:.9375rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.play-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#151c2ecc;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s,color .15s}.play-action-btn:hover{border-color:var(--accent-blue);background:#3b82f61a}.play-action-btn.liked{background:#22c55e26;border-color:#22c55e;color:#22c55e}.play-action-btn.disliked{background:#ef444426;border-color:#ef4444;color:#ef4444}.more-games-section{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px 0 20px;flex-shrink:0}.more-games-title{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 20px}.game-card-genre{display:inline-block;font-size:.6875rem;font-weight:500;padding:2px 8px;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.genre-racing{background:#dc2626;color:#fff}.genre-puzzle{background:#7c3aed;color:#fff}.genre-platformer{background:#2563eb;color:#fff}.genre-io{background:#0891b2;color:#fff}.genre-sports{background:#059669;color:#fff}.genre-classic{background:#d97706;color:#fff}.genre-idle{background:#6366f1;color:#fff}.genre-action{background:#e11d48;color:#fff}.genre-multiplayer{background:#db2777;color:#fff}.privacy-page{max-width:720px;margin:0 auto;padding:40px 20px}.privacy-page h1{font-size:1.75rem;font-weight:700;margin-bottom:24px}.privacy-page h2{font-size:1.125rem;font-weight:600;margin-top:28px;margin-bottom:12px;color:var(--accent-blue)}.privacy-page p{font-size:.9375rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.footer{text-align:center;padding:24px 20px;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:16px}.footer a{color:var(--accent-blue)}@media (max-width: 600px){.header{padding:0 16px;gap:12px}.header-logo{font-size:1.125rem}.category-filter{padding:12px 16px;gap:6px}.section-header{padding:0 16px}.section-row{padding:4px 16px 12px}.all-games-header{padding:0 16px}}