.home-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr));gap:14px;margin:18px 0 24px}
.home-game{--accent:#7ce8ce;--wash:#173a38;--rim:20px;--pill:999px;position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid color-mix(in srgb,var(--accent) 33%,#17273b);border-radius:var(--rim);background:linear-gradient(145deg,var(--wash),#0e1b2d 72%);text-decoration:none;color:#edfaff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-game:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 9px 26px #030a18aa}
.home-game:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.home-game:active{transform:translateY(1px)}
.home-game-heading{display:flex;align-items:center;gap:11px}
.home-game-heading h3{margin:0;color:#edfaff;font-size:1.18rem;letter-spacing:-.02em}
.home-game-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#101d2d);border:1px solid color-mix(in srgb,var(--accent) 48%,#17273b);border-radius:var(--pill)}
.home-game-icon svg{width:25px;height:25px}
.home-game p{font-size:.88rem;line-height:1.5;color:#c6d6e2;margin:13px 0}
.home-game-meta{font-size:.74rem;font-weight:600;line-height:1.4;color:#aebfd1;margin:auto 0 13px}
.home-game-play{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;max-width:100%;padding:7px 12px 7px 14px;border:1px solid var(--accent);border-radius:var(--pill);background:var(--accent);color:#081a25;font-weight:800;font-size:.81rem;line-height:1.25;box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 45%,#102135);transition:filter .18s ease,transform .18s ease}
.home-game-play span{font-size:1.05rem;transition:transform .18s ease}
.home-game:hover .home-game-play{filter:brightness(1.12)}.home-game:hover .home-game-play span{transform:translateX(2px)}.home-game:active .home-game-play{transform:translateY(2px)}
.game-survival{--accent:#f2cd85;--wash:#392e28;--rim:12px 12px 25px 25px;--pill:10px 10px 17px 17px}
.game-wave{--accent:#9bdcff;--wash:#172f47;--rim:24px 10px 24px 10px;--pill:20px 7px 20px 7px}
.game-connect{--accent:#f8aeca;--wash:#3d283d;--rim:18px 18px 18px 7px;--pill:15px 15px 15px 4px}
.game-flash{--accent:#ffce87;--wash:#3a3033;--rim:7px 22px 7px 22px;--pill:5px 13px 5px 13px}
.game-rush{--accent:#a7eda9;--wash:#1c3a39;--rim:26px 16px 16px 16px;--pill:20px 20px 8px 8px}
.game-drift{--accent:#cbb1ff;--wash:#28294e;--rim:28px 28px 12px 12px;--pill:22px 22px 6px 6px}
@media(prefers-reduced-motion:reduce){.home-game,.home-game-play,.home-game-play span{transition:none}.home-game:hover,.home-game:active,.home-game:hover .home-game-play span,.home-game:active .home-game-play{transform:none}}

.game-pearl{--accent:#ffe0a7;--wash:#393450;--rim:18px 18px 8px 8px;--pill:9px 9px 5px 5px}