/* Actual game captures sit inside the site's existing animated scene. */
.games-section{position:relative;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(33,19,38,.35),transparent)}
.games-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.games-heading h2{font-size:clamp(42px,5.4vw,78px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 0}
.games-heading h2 span{color:var(--showcase-accent)}
.games-heading>p{max-width:350px;line-height:1.8;color:var(--muted);margin:0 0 5px}
.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.game-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--showcase-panel);transition:transform .2s,border-color .2s,box-shadow .2s}
.game-card:hover,.game-card:focus-within{transform:translateY(-4px);border-color:var(--showcase-accent);box-shadow:0 24px 65px #0004}
.game-cover-link{position:relative;display:block;text-decoration:none;isolation:isolate;border-bottom:1px solid var(--line)}
.game-visual{height:320px;width:100%;padding:28px;display:flex;align-items:center;justify-content:center;gap:20px;border:0;background:#253541;overflow:hidden}
.game-capture{height:auto;width:94%;line-height:0;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #0005;transform:rotate(-2.5deg);border:1px solid #fff5}
.game-capture img{display:block;width:100%;height:auto;max-width:100%;border-radius:0}
.game-visual-smash{background:radial-gradient(ellipse at 30% 0,#9cd7f3,#497b9e 65%,#254052)}
.game-visual-arena{background:radial-gradient(ellipse at 70% 0,#e8b3e5,#9f6f9b 65%,#634965)}
.game-visual-arena .game-capture{transform:rotate(2.5deg)}
.game-visual-magnet{background:radial-gradient(ellipse at 50% 0,#548b88,#284b50 70%,#142f36)}
.game-visual-magnet .game-capture{width:auto;height:100%;max-width:45%;transform:rotate(-6deg);border-radius:14px}
.game-visual-magnet .game-capture img{width:auto;height:100%;max-width:100%;object-fit:contain}
.game-visual-magnet .game-companion{transform:rotate(6deg) translateY(12px)}
.game-visual-robot{background:radial-gradient(ellipse at 20% 0,#e3d6fa,#aba8cc 60%,#737495)}
.game-visual-robot .game-capture{transform:rotate(-2deg)}
.game-number{position:absolute;left:18px;top:16px;color:#fff;background:#15111eaa;backdrop-filter:blur(10px);padding:5px 10px;border:1px solid #fff3;border-radius:30px;font:11px/1.6 Consolas,monospace;letter-spacing:.12em}
.game-cover-arrow{position:absolute;right:18px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;background:#18141ee8;color:white;border:1px solid #fff5;border-radius:50%;font-size:24px}
.game-copy{padding:30px 32px;display:flex;flex-direction:column;flex:1}
.game-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.game-copy h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.13;margin:0 0 15px}
.game-copy h3 a{text-decoration:none;color:var(--ink)}
.game-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:55ch;margin:0 0 27px;text-shadow:none}
.game-card-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px}
.game-facts{list-style:none;padding:0;margin:0;display:flex;gap:7px 16px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.game-facts li{margin:0}.game-facts li:before{content:'+';color:var(--showcase-accent);margin-right:7px}
.game-discover{flex:none;min-height:44px;display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink)}
.game-discover>span[aria-hidden]{font-size:23px;color:var(--showcase-accent)}
.game-card a:focus-visible,.project-jumps a:focus-visible,.game-screens a:focus-visible{outline:3px solid var(--showcase-accent);outline-offset:5px}
.project-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 44px}
.project-jumps a{min-height:46px;display:inline-flex;align-items:center;gap:30px;padding:10px 20px;border-radius:30px;border:1px solid var(--line);background:var(--showcase-panel);text-decoration:none;color:var(--ink)}
.project-jumps span{font:12px Consolas,monospace;color:var(--showcase-accent)}
.project-collection{margin-top:45px;scroll-margin-top:110px}.project-collection+.project-collection{margin-top:85px}
.project-collection>h2{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-.04em;margin-bottom:32px}
#games{scroll-margin-top:90px}
.game-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;padding:30px;background:var(--showcase-panel);border:1px solid var(--line);border-radius:20px}
.game-screens figure{margin:0;min-width:0;text-align:center}.game-screens a{display:block;width:100%;line-height:0}
.game-screens img{display:block;width:auto;height:auto;max-width:100%;max-height:650px;margin:0 auto;border-radius:13px}
.game-screens figcaption{color:var(--muted);font-size:12px;line-height:1.7;margin-top:16px}
.project-hero .game-visual{height:350px}.project-hero .game-visual-magnet{padding:24px}
.game-film .product-video.portrait{max-width:360px}
@media(max-width:1000px){.games-heading{display:block}.games-heading>p{max-width:55ch;margin-top:26px}.games-grid{gap:22px}.game-visual{height:265px;padding:25px 18px}.game-copy{padding:25px}.game-card-bottom{display:block}.game-discover{margin-top:10px}.game-topline{align-items:start}.game-copy>p{font-size:16px}}
@media(max-width:650px){.games-grid{grid-template-columns:1fr}.games-heading h2{font-size:clamp(38px,11vw,58px)}.game-visual{height:245px;padding:25px 18px}.game-copy{padding:25px 23px}.game-copy h3{font-size:32px}.game-card{border-radius:20px}.game-card-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.game-discover{margin:0}.game-screens{gap:26px;grid-template-columns:1fr;padding:22px}.game-screens img{max-height:620px}.project-hero .game-visual{height:260px}.game-screens figure:has(img[width="1280"]){grid-column:1/-1}.project-collection+.project-collection{margin-top:55px}}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover,.game-card:focus-within{transform:none}}

/* Fling leads the five-game collection without leaving an orphan card. */
.game-card-fling{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
.game-card-fling .game-cover-link{border-bottom:0;border-right:1px solid var(--line)}
.game-card-fling .game-visual{height:100%;min-height:355px;padding:30px}
.game-visual-fling{background:radial-gradient(ellipse at 15% 0,#ecc7ed,#9c9fc4 55%,#477a85)}
.game-visual-fling .game-capture{height:300px;width:auto;max-width:43%;transform:rotate(-6deg);border-radius:16px}
.game-visual-fling .game-capture img{height:100%;width:auto;max-width:100%;object-fit:contain}
.game-visual-fling .game-companion{transform:rotate(6deg) translateY(12px)}
.game-card-fling .game-copy{justify-content:center;padding:clamp(25px,4vw,48px)}
.project-hero .game-visual-fling{min-height:350px}
@media(max-width:850px){.game-card-fling{display:flex;grid-template-columns:none}.game-card-fling .game-cover-link{border-right:0;border-bottom:1px solid var(--line)}.game-card-fling .game-visual{height:300px;min-height:0}.game-visual-fling .game-capture{height:245px}.project-hero .game-visual-fling{min-height:0}}