:root{--bg:#0f0e17;--bg-alt:#171622;--card:#1e1c2e;--card-hover:#29273d;--text:#f2f2f7;--text-dim:#9d9ab3;--accent:#ff5b3a;--accent-2:#7c5cff;--border:#2c2a40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.page{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--bg-alt);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.logo{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.logo-mark{color:var(--accent)}.search-input{border:1px solid var(--border);background:var(--card);max-width:420px;color:var(--text);border-radius:999px;flex:1;padding:10px 16px;font-size:14px}.search-input:focus{outline:2px solid var(--accent-2)}.header-nav{gap:12px;margin-left:auto;display:flex}.nav-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:15px}.nav-link:hover{background:var(--card);color:var(--text)}.hero-carousel{height:340px;margin-bottom:8px;position:relative;overflow:hidden}.hero-backdrop{filter:blur(2px)saturate(1.2);background-position:50% 30%;background-size:cover;animation:.6s heroFade;position:absolute;inset:0;transform:scale(1.1)}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.hero-scrim{background:linear-gradient(90deg,#0f0e17f7 0%,#0f0e17bf 45%,#0f0e1759 100%);position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:center;gap:10px;max-width:560px;height:100%;padding:0 40px;display:flex;position:relative}.hero-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.hero-title{font-size:34px;font-weight:800}.hero-desc{color:var(--text-dim);font-size:15px}.hero-play{width:fit-content;margin-top:6px}.hero-dots{gap:8px;display:flex;position:absolute;bottom:16px;left:40px}.hero-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:8px;height:8px;padding:0}.hero-dot.active{background:var(--accent);width:22px;transition:width .2s}.game-row{width:100%;max-width:1280px;margin:0 auto;padding:4px 32px 8px}.game-row-title{margin-bottom:12px;font-size:17px;font-weight:700}.game-row-scroll{scroll-snap-type:x proximity;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.game-row-item{scroll-snap-align:start;flex:0 0 150px}.all-games-title{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 32px 12px;font-size:17px;font-weight:700}.category-tabs{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 32px 24px;display:flex}.tab{border:1px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 20px;font-size:14px;transition:all .15s}.tab:hover{color:var(--text);border-color:var(--accent-2)}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.game-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:0 32px 48px;display:grid}.empty-state{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:48px 0}.game-card{cursor:pointer;flex-direction:column;gap:6px;animation:.25s both cardIn;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-thumb{aspect-ratio:1;background:var(--card);border-radius:16px;justify-content:center;align-items:center;font-size:48px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.game-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.game-card:hover .game-thumb{transform:translateY(-6px)scale(1.03);box-shadow:0 12px 24px #00000080}.game-card:hover .game-thumb-img{transform:scale(1.08)}.fav-btn{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;transition:transform .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.fav-btn:hover{transform:scale(1.15)}.fav-btn.active{background:var(--accent)}.play-overlay{opacity:0;background:#0000008c;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.game-card:hover .play-overlay{opacity:1}.game-title{font-size:15px;font-weight:600}.game-category{color:var(--text-dim);font-size:12px}.site-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);padding:24px;font-size:13px}.game-page-layout{flex:1;align-items:flex-start;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px 32px 48px;display:flex}.game-main{flex:1;min-width:0}.back-link{color:var(--text-dim);font-size:14px}.back-link:hover{color:var(--text)}.game-page-title-row{flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0 6px;display:flex}.game-page-title{margin:0;font-size:28px;font-weight:800}.fav-btn-lg{border:1px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:13px;transition:all .15s}.fav-btn-lg:hover{border-color:var(--accent);color:var(--text)}.fav-btn-lg.active{background:var(--accent);border-color:var(--accent);color:#fff}.game-page-desc{color:var(--text-dim);margin-bottom:4px}.game-page-controls{color:var(--accent-2);margin-bottom:20px;font-size:13px}.game-stage{background:var(--card);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;min-height:480px;padding:16px;display:flex;position:relative}.game-stage:fullscreen{background:#000;border-radius:0}.fullscreen-btn{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:5;background:#00000080;border-radius:8px;width:36px;height:36px;font-size:16px;position:absolute;top:12px;right:12px}.fullscreen-btn:hover{background:var(--accent);border-color:var(--accent)}.game-loading{color:var(--text-dim)}.game-sidebar{flex-shrink:0;width:260px}.game-sidebar h2{margin-bottom:12px;font-size:16px}.sidebar-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=900px){.game-page-layout{flex-direction:column}.game-sidebar{width:100%}}@media (width<=640px){.site-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-nav{display:none}.search-input{max-width:none}.hero-carousel{height:260px}.hero-content{max-width:100%;padding:0 20px}.hero-title{font-size:24px}.hero-desc{font-size:13px}.hero-dots{left:20px}.game-row,.all-games-title,.game-grid,.game-page-layout{padding-left:16px;padding-right:16px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.game-row-item{flex:0 0 120px}.game-stage{min-height:320px;padding:8px}.game-page-title{font-size:22px}}.game-ui{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.game-ui canvas{touch-action:none;background:#0a0912;border-radius:8px;max-width:100%}.game-scorebar{color:var(--text-dim);gap:24px;font-size:14px;display:flex}.game-scorebar b{color:var(--text);font-size:16px}.game-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600}.game-btn:hover{filter:brightness(1.1)}.game-btn.secondary{background:var(--card-hover);color:var(--text);border:1px solid var(--border)}.game-overlay-msg{color:var(--text-dim);text-align:center;font-size:14px}.grid-2048{background:#0a0912;border-radius:12px;grid-template-rows:repeat(4,70px);grid-template-columns:repeat(4,70px);gap:8px;padding:8px;display:grid}.tile-2048{background:var(--card);color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:background .1s;display:flex}.grid-memory{grid-template-columns:repeat(4,76px);gap:10px;display:grid}.card-memory{background:var(--card-hover);cursor:pointer;border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;width:76px;height:76px;font-size:32px;display:flex}.card-memory.flipped,.card-memory.matched{background:var(--accent-2)}.card-memory.matched{opacity:.5}.grid-ttt{grid-template-rows:repeat(3,90px);grid-template-columns:repeat(3,90px);gap:8px;display:grid}.cell-ttt{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.cell-ttt:hover{background:var(--card-hover)}