.games-page{min-height:100vh}
.gwrap{padding:120px var(--pad) 60px;max-width:1400px;margin:0 auto}
.ghead h1{font:clamp(54px,8vw,110px)/1 Bungee,Impact,sans-serif;margin:12px 0 10px;background:linear-gradient(180deg,#fff,#ffe9a8 38%,#ff7ad9 62%,#7a5cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #1a0626) drop-shadow(0 0 30px #ff2bd644)}
.ghead p{color:#bdbdc7;font-size:18px;margin-bottom:40px}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.gcard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:rgba(22,22,30,.6);border:1px solid var(--line);color:inherit;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;backdrop-filter:blur(14px)}
.gcard.live:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 70px #000c,0 0 0 1px #ff2bd666,0 0 50px #ff2bd633}
.gart{aspect-ratio:16/9;position:relative;display:grid;place-items:center}.gart canvas{width:100%;height:100%;display:block}
.gart span{font:80px Bungee,Impact;color:#fff3}
.gart.coach{background:radial-gradient(circle at 30% 30%,#19e3d6,#1b2a6b 70%)}.gart.aotr{background:radial-gradient(circle at 50% 20%,#ffb36b55,#2a0d0d 60%,#0b0505)}
.gcard.soon .gart{filter:saturate(.6) brightness(.8)}
.gbody{padding:20px 22px 24px;position:relative}.gbody .tag{position:static;display:inline-block;margin-bottom:10px}
.gbody h2{font-size:22px;margin-bottom:8px}.gbody p{color:#a8a8b4;line-height:1.5;font-size:15px}
.gbtn{display:inline-block;margin-top:16px;background:#fff;color:#000;font-weight:800;padding:10px 24px;border-radius:8px}
#stage{position:fixed;inset:0;z-index:150;background:#05030a;display:grid;place-items:center}#stage[hidden]{display:none}
#game{height:100vh;height:100dvh;max-width:100vw;aspect-ratio:9/16;display:block;touch-action:none;box-shadow:0 0 80px #ff2bd633}
#stage .close{z-index:2}