/* PLAYGRID V29 — dedicated All Games experience */
.gi-page{background:
radial-gradient(circle at 12% -5%,rgba(141,255,79,.12),transparent 26%),
radial-gradient(circle at 92% 12%,rgba(84,216,255,.09),transparent 22%),
linear-gradient(180deg,#070b12 0%,#09111b 42%,#070b12 100%)}
.gi-shell{width:min(100%,1480px);margin:0 auto;padding:0 20px 96px}
.gi-hero{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:38px;align-items:center;padding:42px 0 56px}
.gi-eyebrow{font-size:8px;font-weight:950;letter-spacing:.18em;color:#7d8a9d}.gi-eyebrow i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.gi-hero-copy h1{margin:18px 0 20px;font-size:clamp(60px,6.7vw,100px);line-height:.87;letter-spacing:-.075em}.gi-hero-copy h1 span{color:#6f7d91}
.gi-hero-copy>p{max-width:580px;margin:0;color:#9aa6b7;font-size:14px;line-height:1.72}
.gi-actions{display:flex;gap:9px;margin:26px 0}.gi-primary,.gi-secondary{min-height:50px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:950}.gi-primary{background:linear-gradient(135deg,var(--lime),var(--lime2));color:#071006}.gi-primary span{margin-left:22px}.gi-secondary{border:1px solid var(--line);background:#101823;color:#d7dee7}
.gi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gi-stats span{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(14,22,33,.72)}.gi-stats b{display:block;font-size:20px}.gi-stats small{display:block;margin-top:3px;color:#68778b;font-size:6px;font-weight:900;letter-spacing:.13em}
.gi-feature-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:1fr 1fr;gap:10px;min-height:510px}.gi-feature{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#0e1621;isolation:isolate}.gi-feature-main{grid-row:1/3}.gi-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.gi-feature:hover img{transform:scale(1.035)}.gi-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.03) 18%,rgba(2,4,8,.9) 100%)}.gi-feature>div{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.gi-feature small{color:var(--lime);font-size:6px;font-weight:950;letter-spacing:.13em}.gi-feature h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.035em}.gi-feature-main h3{font-size:31px}.gi-feature p{margin:0;color:#9eabb9;font-size:8px}.gi-feature b{display:block;margin-top:11px;font-size:7px}
.gi-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:58px}.gi-categories>a{min-width:0;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111a26,#0b121b);transition:.2s var(--ease)}.gi-categories>a:hover{transform:translateY(-2px);border-color:rgba(141,255,79,.25)}.gi-categories>a>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(141,255,79,.08);color:var(--lime)}.gi-categories b,.gi-categories small{display:block}.gi-categories b{font-size:10px}.gi-categories small{margin-top:3px;color:#66768a;font-size:6px}.gi-categories i{color:#59687c;font-style:normal}
.gi-new{margin-bottom:62px}.gi-new-copy{margin-bottom:15px}.gi-new-copy p{margin:0;color:#6f7e91;font-size:7px;font-weight:950;letter-spacing:.18em}.gi-new-copy h2{margin:6px 0 4px;font-size:30px;letter-spacing:-.04em}.gi-new-copy span{color:#78869a;font-size:9px}.gi-new-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gi-new-rail>a{min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr) 30px;gap:12px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:16px;background:#0e1621}.gi-new-rail img{width:104px;height:74px;object-fit:cover;border-radius:11px}.gi-new-rail span{min-width:0}.gi-new-rail small,.gi-new-rail b,.gi-new-rail em{display:block}.gi-new-rail small{color:var(--lime);font-size:5.5px;font-weight:950;letter-spacing:.12em}.gi-new-rail b{margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-new-rail em{margin-top:3px;color:#6f7d90;font-size:7px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-new-rail> a>i{color:var(--lime);font-style:normal}
.gi-section{padding:28px;margin-bottom:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(14,22,33,.84),rgba(8,13,20,.76));box-shadow:0 20px 65px rgba(0,0,0,.2)}
.gi-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.gi-section-head p{margin:0;color:#65748a;font-size:7px;font-weight:950;letter-spacing:.16em}.gi-section-head h2{margin:6px 0 0;font-size:31px;letter-spacing:-.045em}.gi-section-head>a{font-size:8px;font-weight:900;color:#78879a}.gi-section-head>a span{margin-left:7px;color:var(--lime)}
.gi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.gi-card{min-width:0}.gi-cover{position:relative;display:block;aspect-ratio:1.22/1;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0b121b;isolation:isolate}.gi-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,4,8,.42));pointer-events:none}.gi-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .38s var(--ease)}.gi-card:hover .gi-cover img{transform:scale(1.035)}.gi-type{position:absolute;z-index:2;left:9px;top:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(4,8,13,.72);font-size:5.5px;font-weight:950;letter-spacing:.13em}.gi-play{position:absolute;z-index:3;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#071006;font-size:8px;opacity:0;transform:translateY(5px);transition:.2s var(--ease)}.gi-card:hover .gi-play{opacity:1;transform:none}.gi-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px 0}.gi-meta>div{min-width:0}.gi-meta h3{margin:0 0 4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-meta p{margin:0;color:#66768a;font-size:7px}.gi-meta>a{color:#57677b;font-size:13px}.gi-card:hover .gi-meta>a{color:var(--lime)}
@media(max-width:1120px){.gi-hero{grid-template-columns:1fr;gap:26px}.gi-feature-grid{min-height:420px}.gi-categories{grid-template-columns:repeat(3,1fr)}.gi-grid{grid-template-columns:repeat(3,1fr)}.gi-new-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.gi-shell{padding:0 10px 82px}.gi-hero{padding:16px 0 38px}.gi-hero-copy h1{font-size:49px}.gi-hero-copy>p{font-size:11px}.gi-feature-grid{display:flex;overflow-x:auto;min-height:0;gap:8px;margin-right:-10px;padding-right:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.gi-feature-grid::-webkit-scrollbar{display:none}.gi-feature,.gi-feature-main{flex:0 0 84vw;min-height:250px;grid-row:auto;scroll-snap-align:start;border-radius:18px}.gi-feature-main h3{font-size:23px}.gi-categories{display:flex;overflow-x:auto;gap:8px;margin-right:-10px;padding-right:10px;margin-bottom:44px;scrollbar-width:none}.gi-categories::-webkit-scrollbar{display:none}.gi-categories>a{flex:0 0 150px}.gi-new{margin-bottom:46px}.gi-new-rail{display:flex;overflow-x:auto;gap:8px;margin-right:-10px;padding-right:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.gi-new-rail::-webkit-scrollbar{display:none}.gi-new-rail>a{flex:0 0 84vw;scroll-snap-align:start}.gi-section{padding:15px 10px 18px;border-radius:20px;margin-bottom:16px}.gi-section-head{align-items:flex-start}.gi-section-head h2{font-size:24px}.gi-section-head>a{display:none}.gi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.gi-cover{aspect-ratio:1/1.02;border-radius:13px}.gi-type{font-size:4.7px}.gi-play{display:none}.gi-meta h3{font-size:10px}.gi-meta p{font-size:6px}.gi-meta>a{display:none}.gi-actions{display:grid;grid-template-columns:1fr 1fr}.gi-primary,.gi-secondary{min-width:0;font-size:8px}.gi-stats b{font-size:17px}.gi-stats small{font-size:5px}}