:root{--bg:#0d1117;--bg2:#161b26;--card:#1b2233;--line:#273041;--fg:#e8ecf4;--muted:#93a0b4;--accent:#ffb703;--accent2:#ff5d8f;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(13,17,23,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header .bar{display:flex;align-items:center;gap:18px;height:62px}.logo{font-size:24px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.logo .hep{color:var(--accent)}.logo .oyna{color:var(--fg)}.search{flex:1 1;max-width:460px;position:relative}.search input{width:100%;padding:9px 14px 9px 38px;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:999px;font-size:15px;outline:none}.search input:focus{border-color:var(--accent)}.search .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:14px}.search .results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.5);max-height:420px;overflow-y:auto}.search .results a{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.search .results a:last-child{border-bottom:0}.search .results a:hover{background:var(--bg2)}.search .results img{width:56px;height:42px;object-fit:cover;border-radius:6px}.search .results .cat{color:var(--muted);font-size:12px}.nav-cats{display:flex;gap:8px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none}.nav-cats::-webkit-scrollbar{display:none}.chip{padding:6px 14px;border-radius:999px;white-space:nowrap;background:var(--bg2);border:1px solid var(--line);font-size:14px;color:var(--muted);transition:all .15s}.chip.active,.chip:hover{color:var(--bg);background:var(--accent);border-color:var(--accent)}.hero{padding:34px 0 8px}.hero h1{font-size:30px;margin:0 0 6px;letter-spacing:-.5px}.hero p{margin:0;color:var(--muted)}.featured-grid{display:grid;grid-gap:14px;gap:14px;margin:22px 0 8px;grid-template-columns:repeat(3,1fr)}.featured-grid .feat{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--card);transition:transform .15s ease,border-color .15s}.featured-grid .feat:hover{transform:translateY(-3px);border-color:var(--accent)}.featured-grid .feat img{width:100%;aspect-ratio:4/3;object-fit:cover}.featured-grid .feat .info{padding:12px 14px 14px}.featured-grid .feat h3{margin:0 0 4px;font-size:17px}.featured-grid .feat p{margin:0;font-size:13.5px;color:var(--muted)}.featured-grid .feat .play{position:absolute;top:10px;right:10px;background:var(--accent);color:#1a1200;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;opacity:0;transition:opacity .15s}.featured-grid .feat:hover .play{opacity:1}.section{margin:34px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:21px;letter-spacing:-.3px}.section-head a.more{color:var(--accent);font-size:14px;font-weight:600}.game-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(6,1fr)}.game-grid.cols-4{grid-template-columns:repeat(4,1fr)}.card-game{border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line);background:var(--card);transition:transform .15s ease,border-color .15s}.card-game:hover{transform:translateY(-3px);border-color:var(--accent)}.card-game img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-game .t{padding:8px 10px;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-shell{margin:22px 0}.player-frame{position:relative;width:100%;background:#000;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-bar{display:flex;align-items:center;gap:12px;padding:12px 4px}.player-bar h1{font-size:22px;margin:0;flex:1 1;letter-spacing:-.3px}.player-bar .cat-link{color:var(--accent)}.btn,.player-bar .cat-link{font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:8px 16px;cursor:pointer;transition:all .15s}.btn:hover{color:var(--accent)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#1a1200}.btn.primary:hover{filter:brightness(1.08)}.btn.faved{background:var(--accent2);border-color:var(--accent2);color:#fff}.game-about{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:18px 0;font-size:15px}.game-about h2{font-size:16px;margin:0 0 8px;color:var(--accent)}.game-about p{margin:0 0 10px;color:var(--muted)}.game-about p:last-child{margin-bottom:0}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-row .chip{font-size:12.5px;padding:4px 10px}.breadcrumbs{color:var(--muted);font-size:13.5px;margin:18px 0 0}.breadcrumbs a:hover{color:var(--accent)}.empty{color:var(--muted);padding:40px 0;text-align:center}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:26px 0 34px;color:var(--muted);font-size:14px}.site-footer .cols{display:flex;gap:32px;flex-wrap:wrap;justify-content:space-between}.site-footer a:hover{color:var(--accent)}.site-footer .cats{display:flex;flex-wrap:wrap;gap:6px 14px;max-width:640px}@media (max-width:1000px){.game-grid{grid-template-columns:repeat(4,1fr)}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.game-grid,.game-grid.cols-4{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr 1fr}.featured-grid .feat p{display:none}.hero h1{font-size:24px}.site-header .bar{gap:10px}.logo{font-size:20px}}