@import url('');
:root{--bg:#101416;--panel:#1b2022;--line:#363d3e;--soft:#a4adaa;--white:#f3f3eb;--accent:#d4ff62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top{height:97px;max-width:1500px;padding:10px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;width:72px;color:var(--white)}.brand img{width:72px;height:76px;filter:invert(1)}.top-right{display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:1.7px;font-weight:800;color:#aab6b3}.online-dot{display:inline-block;background:var(--accent);height:7px;width:7px;border-radius:50%;box-shadow:0 0 12px #d4ff6266}.top-count{border:1px solid var(--line);border-radius:3px;padding:10px 12px;color:var(--accent);margin-left:18px}main{max-width:1500px;margin:0 auto;padding:0 5%}.hero{min-height:490px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.eyebrow{font-weight:800;letter-spacing:2.6px;font-size:11px;color:var(--accent)}.little-square{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(55px,8vw,116px);letter-spacing:-6px;line-height:.96;margin:34px 0 25px;font-weight:900}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:19px;line-height:1.65;color:var(--soft);margin:0 0 33px}.hero p strong{color:var(--white)}.hero-link{display:inline-flex;background:var(--accent);color:#101416;align-items:center;justify-content:space-between;width:245px;font-size:12px;font-weight:900;letter-spacing:1px;padding:19px 22px}.hero-link span{font-size:24px}.hero-graphic{flex:0 1 410px;max-width:35%;height:360px;position:relative;border:1px solid var(--line);transform:rotate(-4deg);background:radial-gradient(ellipse at 55% 42%,#364238 0,#1d2526 50%,#161b1d 90%);overflow:hidden}.graphic-grid{text-align:center;font-size:90px;letter-spacing:15px;line-height:1.06;color:#8a9e94;font-weight:bold;transform:rotate(5deg);margin:28px -10px}.graphic-grid span{color:var(--accent)}.graphic-caption{position:absolute;bottom:15px;left:18px;font-size:10px;letter-spacing:2px;color:var(--soft)}.catalog{padding:74px 0 110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:18px}.section-top h2{font-size:clamp(36px,5vw,63px);letter-spacing:-2px;margin:14px 0 0}.asterisk{color:var(--accent)}.search{display:flex;align-items:center;border-bottom:1px solid #6d7977;min-width:240px;padding:8px 4px 12px;color:var(--accent);font-size:28px}.search input{border:0;background:none;outline:0;color:var(--white);font-weight:700;letter-spacing:1px;font-size:12px;width:100%;padding:8px}.search input::placeholder{color:#9ca5a4}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:38px 0 33px}.filter{background:transparent;border:1px solid var(--line);color:var(--soft);padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:1px}.filter span{opacity:.6;margin-left:5px}.filter.active,.filter:hover{color:#111;background:var(--accent);border-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);background:#191f21;transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-5px);border-color:#b3d661}.game-card[hidden]{display:none}.card-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#222}.card-image img{height:100%;width:100%;object-fit:cover}.card-number{position:absolute;left:14px;top:14px;background:#111a1bd9;padding:9px 11px;color:#ddd;font-weight:bold;font-size:11px}.card-play{position:absolute;right:14px;bottom:14px;width:45px;height:45px;display:grid;place-items:center;background:var(--accent);color:#111;font-size:28px}.card-content{padding:27px}.card-genre{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent)}.card-content h3{font-size:26px;margin:12px 0 12px;letter-spacing:-.6px}.card-content p{color:var(--soft);font-size:14px;line-height:1.55;min-height:44px;margin:0 0 25px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:1.5px}.card-bottom span:last-child{font-size:22px;color:var(--accent)}.empty{padding:50px 0;color:var(--soft)}.play-page{padding-top:35px;padding-bottom:80px}.crumb{display:flex;gap:14px;color:var(--soft);font-size:11px;letter-spacing:1.5px;font-weight:800}.crumb a{color:var(--accent)}.play-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:35px 0}.play-heading h1{font-size:clamp(42px,6vw,78px);letter-spacing:-3px;margin:12px 0}.play-heading p{color:var(--soft);max-width:700px;line-height:1.6}.open-btn{padding:15px;border:1px solid var(--line);font-size:11px;font-weight:900;white-space:nowrap}.open-btn:hover{border-color:var(--accent);color:var(--accent)}.game-shell{background:#131b1b;border:1px solid var(--line);height:min(78vh,830px);min-height:500px}.game-shell iframe{width:100%;height:100%;border:0;display:block}.play-foot{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:11px;letter-spacing:1px;font-weight:800;color:var(--soft)}.play-foot button{border:0;background:var(--accent);color:#111;padding:12px 18px;font-size:11px;font-weight:900}footer{border-top:1px solid var(--line);max-width:1500px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:1.5px}footer img{filter:invert(1);width:47px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-graphic{max-width:30%;height:250px}.graphic-grid{font-size:57px}.hero h1{letter-spacing:-3px}}@media(max-width:650px){.top{height:78px}.brand,.brand img{width:52px;height:60px}.top-right{font-size:9px}.top-count{margin-left:2px}.hero{min-height:480px}.hero-graphic{display:none}.hero h1{font-size:clamp(48px,12vw,76px)}.section-top{align-items:stretch;flex-direction:column}.search{width:100%}.cards{grid-template-columns:1fr}.catalog{padding-top:55px}.play-heading{flex-direction:column;align-items:start}.game-shell{min-height:550px;height:72vh}.play-foot{flex-direction:column}footer{flex-wrap:wrap}}