.hero-games{position:relative;height:min(100vh,860px);min-height:560px;overflow:hidden;background:#000838;-webkit-mask:linear-gradient(180deg,#000 82%,transparent 100%);mask:linear-gradient(180deg,#000 82%,transparent 100%)}
.hero-games .hg-grid{position:absolute;top:50%;left:62%;width:1700px;height:1600px;display:flex;gap:18px;transform:translate(-40%,-50%) rotate(-14deg)}
.hero-games .hg-col{flex:0 0 130px;align-self:flex-start;display:flex;flex-direction:column;animation:hgUp 60s linear infinite;will-change:transform}
.hero-games .hg-col:nth-child(even){animation-name:hgDown}
.hero-games .hg-col img{flex:0 0 auto;width:130px;height:131px;margin-bottom:18px;border-radius:22px;box-shadow:0 0 0 3px rgba(120,160,255,.25),0 6px 18px rgba(0,0,0,.5)}
@keyframes hgUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes hgDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.hero-games .hg-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#000838 0%,#000838 26%,rgba(0,8,56,.75) 38%,rgba(0,8,56,.45) 60%,rgba(0,8,56,.4) 100%),linear-gradient(0deg,#000838 0%,rgba(0,8,56,0) 18%)}
.hero-games .hg-arc{position:absolute;top:50%;left:11%;width:min(100vh,860px);height:min(100vh,860px);min-width:560px;min-height:560px;transform:translateY(-50%) scale(1.15);border-radius:50%;pointer-events:none;background:radial-gradient(circle at 70% 50%,rgba(0,6,40,0) 45%,rgba(0,6,40,.55) 75%,rgba(0,10,60,.9) 100%);box-shadow:-6px 0 18px 4px rgba(200,240,255,.95),-24px 0 60px 18px rgba(80,190,255,.75),-70px 0 160px 50px rgba(30,110,255,.45),inset 10px 0 18px rgba(210,245,255,.9),inset 40px 0 70px rgba(80,180,255,.45);-webkit-mask:linear-gradient(90deg,#000 0%,#000 55%,transparent 75%);mask:linear-gradient(90deg,#000 0%,#000 55%,transparent 75%)}
.hero-games .hg-text{position:absolute;z-index:2;top:50%;left:3.5%;transform:translateY(-50%)}
.hero-games .hg-text h2{margin:0 0 18px;text-align:left;font-size:1.6rem;line-height:1.5;color:#fff}
.hero-games .hg-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:24px;background:linear-gradient(180deg,#0a499f,#071e68);box-shadow:0 0 6px 2px #7a99cb;color:#fff;font-size:.9rem}
.hero-games .hg-btn:hover{color:#fbdc17}
.hero-games .hg-btn span{display:inline-flex;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;line-height:1}
.hero-games+main{margin-top:40px}
@media only screen and (max-width:800px){
.hero-games{height:560px;min-height:0}
.hero-games .hg-grid{left:50%;transform:translate(-50%,-50%) rotate(-14deg) scale(.7)}
.hero-games .hg-arc{display:none}
.hero-games .hg-shade{background:radial-gradient(ellipse 70% 30% at 50% 78%,rgba(0,8,56,.9) 0%,rgba(0,8,56,.55) 100%),linear-gradient(0deg,#000838 0%,rgba(0,8,56,0) 30%)}
.hero-games .hg-text{top:auto;bottom:8%;left:50%;transform:translateX(-50%);text-align:center;width:90%}
.hero-games .hg-text h2{text-align:center;font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){.hero-games .hg-col{animation:none}}