.home-games{position:relative;isolation:isolate}
.home-games:before{content:"";position:absolute;inset:10px 0 30px;z-index:-1;background:radial-gradient(ellipse at 8% 48%,#f5edff88,transparent 43%),radial-gradient(ellipse at 96% 70%,#fff0df80,transparent 40%);pointer-events:none}
.home-games .section-top{align-items:end;gap:28px;margin-bottom:25px}
.home-games .section-top>div{max-width:720px}
.home-games .section-top p{font-size:14px;margin-top:12px}
.home-games .home-games-link{flex-shrink:0;gap:13px;padding:13px 17px;font-size:12px}
.home-game-filters{display:flex;justify-content:flex-start;gap:9px;flex-wrap:wrap;margin:0 0 26px;padding:0}
.home-game-filters button{border:1px solid #e9e0f4;border-radius:999px;background:#fff;color:#61556f;padding:9px 15px;font-size:11px;font-weight:700;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}
.home-game-filters button:hover{transform:translateY(-2px);border-color:#c6a8f2;color:#6730d1}
.home-game-filters button.active{border-color:transparent;background:linear-gradient(115deg,#8245ed,#6728d8);color:#fff;box-shadow:0 5px 14px #7137ed26}
.home-games .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.home-games .home-game-card{min-width:0;border:1px solid #ebe5f2;background:#fff;border-radius:16px;padding:5px;overflow:hidden;box-shadow:0 7px 22px #32145c08;transition:transform .3s,box-shadow .3s,border-color .3s}
.home-games .home-game-card:hover{transform:translateY(-6px);border-color:#d5c2ef;box-shadow:0 18px 35px #401b7819}
.home-games .home-game-art{height:205px;padding:0;border-radius:11px;overflow:hidden;background:#f0e9fb;position:relative}
.home-games .home-game-cover{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.25,1),filter .4s}
.home-games .home-game-card:hover .home-game-cover{transform:scale(1.055);filter:saturate(1.08)}
.home-games .home-game-art:before{z-index:1}
.home-games .home-game-art:after{z-index:2}
.home-games .home-game-art .game-label{z-index:3;left:11px;top:11px;padding:6px 10px;border-radius:999px;font-size:8px;letter-spacing:.6px;color:#4f3672;background:#ffffffdc;border:1px solid #fff9;box-shadow:0 4px 12px #17102a16}
.home-game-mark{position:absolute;z-index:3;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff60;border-radius:999px;background:#24134472;color:#fff;font-size:7px;font-weight:800;letter-spacing:1px;backdrop-filter:blur(8px)}
.home-game-mark i{color:#ffb04a;font-size:11px;font-style:normal}
.home-games .game-info{padding:15px 12px 11px}
.home-games .game-info h3{font-size:14px;line-height:1.45;min-height:40px;letter-spacing:-.2px}
.home-games .game-info p{font-size:11px;line-height:1.6;min-height:36px;margin:5px 0 12px;color:#847991}
.home-game-action{min-height:39px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;border:1px solid #ece4fa;border-radius:9px;background:linear-gradient(115deg,#f7f2ff,#f2ebff);color:#6931d8;font-size:11px;font-weight:750;transition:background .2s,color .2s,box-shadow .2s}
.home-game-action span{transition:transform .2s}
.home-game-action:hover{color:#fff;border-color:#7137ed;background:linear-gradient(110deg,#8245ed,#6728d8);box-shadow:0 7px 16px #7137ed25}
.home-game-action:hover span{transform:translate(2px,-2px)}
.home-game-empty{padding:25px;border:1px dashed #d9c9ef;border-radius:14px;background:#fbf9ff;color:#766987;text-align:center}
.home-games .caption{margin:23px 0 0;color:#9a8eaa;font-size:10px;text-align:center}
.home-games .game-card[hidden]{display:none!important}
@media(max-width:1050px){.home-games .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.home-games .section-top{align-items:flex-start}}
@media(max-width:800px){.home-games .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-games .home-game-art{height:210px}.home-games .section-top{gap:14px}.home-games .section-top p{font-size:12px}.home-games-link{margin-top:3px}}
@media(max-width:480px){.home-games .section-top{gap:16px}.home-games .section-top h2{font-size:28px;letter-spacing:-1px}.home-games .home-games-link{padding:10px 12px;font-size:10px;white-space:nowrap}.home-game-filters{gap:7px;margin-bottom:18px;flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.home-game-filters button{flex:0 0 auto;padding:8px 12px;font-size:10px}.home-games .game-grid{gap:11px}.home-games .home-game-art{height:160px;border-radius:9px}.home-games .home-game-card{padding:4px;border-radius:13px}.home-games .home-game-art .game-label{top:7px;left:7px;padding:4px 7px;font-size:7px}.home-game-mark{right:6px;bottom:6px;font-size:5px;padding:4px 6px}.home-games .game-info{padding:11px 7px 8px}.home-games .game-info h3{font-size:12px;min-height:35px}.home-games .game-info p{font-size:9px;min-height:32px;margin:4px 0 9px}.home-game-action{font-size:10px;min-height:35px}.home-games .caption{font-size:9px;line-height:1.7}}
@media(max-width:360px){.home-games .game-grid{grid-template-columns:1fr}.home-games .home-game-art{height:210px}}
@media(prefers-reduced-motion:reduce){.home-games .home-game-card,.home-games .home-game-cover,.home-game-action,.home-game-filters button{transition:none!important}}
