:root{--ink:#f6f8ff;--muted:#a7b1c9;--bg:#071126;--panel:#101d39;--line:#29395b;--lime:#c7ff38;--cyan:#43e7ff;--pink:#ff4fac;--orange:#ff9f43;--shadow:0 18px 60px #0007}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 0,#163b66 0,transparent 28rem),linear-gradient(180deg,#081328,#050b18);min-height:100vh}.hero{min-height:54vh;padding:clamp(28px,5vw,72px) clamp(20px,6vw,96px) 44px;display:grid;align-content:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:28rem;height:28rem;right:-6rem;top:-10rem;border:1px solid #43e7ff55;border-radius:50%;box-shadow:0 0 0 70px #43e7ff0a,0 0 0 140px #43e7ff08;pointer-events:none}.brand{position:absolute;top:28px;left:clamp(20px,6vw,96px);display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:850;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--lime);color:#071126;border-radius:14px;letter-spacing:-.05em}.eyebrow{margin:42px 0 10px;color:var(--cyan);font-weight:800;letter-spacing:.18em;font-size:clamp(.7rem,1.4vw,.9rem)}h1{margin:0;max-width:850px;font-size:clamp(3.6rem,10vw,8.7rem);line-height:.79;letter-spacing:-.075em;text-transform:uppercase}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--lime)}.lead{max-width:720px;margin:30px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.32rem);line-height:1.55}.stats{position:absolute;right:clamp(20px,6vw,96px);bottom:48px;display:flex;align-items:baseline;gap:12px}.stats strong{font-size:2.8rem;color:var(--lime)}.stats span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;max-width:90px}.filters{position:sticky;top:0;z-index:10;padding:16px clamp(16px,5vw,80px);display:flex;gap:10px;overflow:auto;background:#071126e8;backdrop-filter:blur(16px);border-block:1px solid var(--line)}.filter{min-height:56px;padding:0 24px;border:1px solid var(--line);border-radius:999px;background:#0d1930;color:var(--ink);font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}.filter:hover,.filter:focus-visible{border-color:var(--cyan);outline:none}.filter.active{background:var(--lime);border-color:var(--lime);color:#071126}main{padding:clamp(24px,5vw,72px)}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px;max-width:1600px;margin:auto}.game-card{min-height:500px;padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,#142343,#0b152b);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;gap:22px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:#43e7ff88}.game-card.recommended:before{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-65px;background:var(--lime);filter:blur(45px);opacity:.18}.card-top{display:flex;justify-content:space-between;align-items:center}.category{padding:8px 12px;border:1px solid #c7ff3866;border-radius:999px;color:var(--lime);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.score{font-weight:900;color:var(--cyan)}.number{margin:0 0 12px;color:#63718f;font-weight:850;letter-spacing:.15em}.game-card h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;letter-spacing:-.04em}.description{color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.meta div:last-child{grid-column:1/-1}.meta div{padding-top:12px;border-top:1px solid var(--line)}dt{color:#71809d;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}dd{margin:4px 0 0;font-weight:720}.play{min-height:64px;padding:0 22px;border-radius:18px;background:var(--cyan);color:#071126;text-decoration:none;font-size:1.15rem;font-weight:900;display:flex;align-items:center;justify-content:space-between}.play:hover,.play:focus-visible{background:var(--lime);outline:3px solid #fff;outline-offset:3px}.empty{text-align:center;padding:70px;color:var(--muted)}@media(max-width:760px){.hero{min-height:640px}.stats{position:static;margin-top:26px}.games{grid-template-columns:1fr}.game-card{min-height:470px}.filters{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}