/* Game collection: lightweight vector scenes, no autoplay or external assets. */
.games-page{padding-block:58px 48px}
.games-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.games-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.7;color:#367652}
.games-eyebrow>span{font-size:24px;line-height:1}
.games-intro h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.055em;margin:0;color:#263d32}
.games-intro h1>span{color:#60937a}
.games-intro-copy{max-width:380px;padding-bottom:4px}
.games-intro-copy p{font-size:16px;line-height:1.85;color:#5b6b62;margin:0 0 20px}
.games-intro-note{display:flex;align-items:center;gap:12px;color:#486452;font-size:12px;font-weight:500}
.games-intro-note>span{font-size:26px;line-height:1;color:#648d71}
.games-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.game-story{display:flex;flex-direction:column;min-width:0;border-radius:26px;overflow:hidden;border:1px solid #d5e2da;text-decoration:none;box-shadow:0 4px 7px #244c3410,0 22px 45px -30px #23443444;transition:transform .25s,box-shadow .25s}
.game-story-battle{background:#173f35;color:#f4faed;border-color:#335b4c}
.game-story-gift{background:#fcfaf5;color:#403750;border-color:#e5deeb}
.game-scene{position:relative;isolation:isolate;padding-top:38px}
.battle-scene{background:radial-gradient(ellipse at 50% 65%,#437b5945,transparent 68%),#163c33}
.gift-scene{background:radial-gradient(ellipse at 50% 70%,#fdf9f1,transparent 70%),#eee8f2}
.game-scene-label{position:absolute;z-index:1;top:22px;left:28px;right:22px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.12em;font-weight:600;line-height:1.5}
.battle-scene .game-scene-label{color:#c5d7c7}
.gift-scene .game-scene-label{color:#756486}
.game-number{font-size:10px;display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;opacity:.8;flex:none}
.game-art{display:block;width:100%;height:auto;overflow:visible}
.game-story-copy{display:flex;flex:1;flex-direction:column;padding:8px 32px 26px}
.game-genre{font-size:9px;letter-spacing:.12em;line-height:1.7;font-weight:600;color:#bddd9d;margin-bottom:10px}
.game-story-gift .game-genre{color:#88718f}
.game-story h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0 0 15px;color:inherit}
.game-story p{font-size:14px;line-height:1.85;margin:0 0 28px;color:#c1d2c8;max-width:440px}
.game-story-gift p{color:#746b7b}
.game-story-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #b9d9bf30;font-size:13px;font-weight:600;line-height:1.5;color:#e4f3cd}
.game-story-gift .game-story-action{border-color:#e7dfeb;color:#70548a}
.game-story-action>span{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#d8f394;color:#274b32;border-radius:50%;font-size:23px;font-weight:400;transition:transform .25s}
.game-story-gift .game-story-action>span{background:#e8dff0;color:#75558b}
.game-story:focus-visible{outline:3px solid #4e946a;outline-offset:6px}
.games-signature{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 0;font-size:11px;color:#738379;line-height:1.7;text-align:center}
.games-signature>span{font-size:22px;color:#679077}
.battle-trace{animation:game-trace-in 2.6s ease-out both}
.tile-mystery{animation:game-tile-in 1.1s ease-out both}
.gift-lid{animation:game-gift-in 1.6s cubic-bezier(.2,.7,.3,1) both}
.gift-sparkles{animation:game-sparks-in 1.8s ease-out both}
@keyframes game-trace-in{from{stroke-dashoffset:600;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes game-tile-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes game-gift-in{from{translate:0 16px}to{translate:0 0}}
@keyframes game-sparks-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(hover:hover){
 .game-story:hover{transform:translateY(-5px);box-shadow:0 6px 12px #244c3415,0 28px 50px -25px #23443440}
 .game-story:hover .game-story-action>span{transform:rotate(45deg)}
}
@media(max-width:960px){
 .games-intro{gap:25px}.games-intro-copy{max-width:310px}.games-intro-copy p{font-size:14px}
 .game-story-copy{padding:10px 24px 24px}.game-story h2{font-size:26px}.game-story p{font-size:13px}
 .game-scene-label{left:22px;letter-spacing:.07em;font-size:8px}.games-collection{gap:20px}
}
@media(max-width:700px){
 .games-page{padding-block:34px 34px}.games-intro{display:block;margin-bottom:28px}.games-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:18px}
 .games-intro h1{font-size:44px}.games-intro-copy{max-width:none;margin-top:22px}.games-intro-copy p{margin-bottom:12px;line-height:1.8}
 .games-intro-note{font-size:11px}.games-collection{grid-template-columns:minmax(0,1fr);gap:24px}
 .game-story{border-radius:22px}.game-story h2{font-size:27px}.game-story p{font-size:14px;margin-bottom:22px}
 .game-scene-label{top:18px}.game-scene{padding-top:40px}.game-story-copy{padding:12px 24px 24px}
 .game-story-action{font-size:12px}.games-signature{font-size:10px;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
 .game-story,.game-story-action>span{transition:none}
 .battle-trace,.tile-mystery,.gift-lid,.gift-sparkles{animation:none}
 .game-story:hover,.game-story:hover .game-story-action>span{transform:none}
}