.layout-games .site-footer{position:sticky;bottom:0;border-top:1px solid var(--border-subtle);pointer-events:auto}body.layout-games{overflow:auto;min-height:100dvh;display:flex;flex-direction:column}.games-page,.game-detail{flex:1;padding-top:56px}.games-header{padding:var(--space-16) 0 var(--space-8);border-bottom:1px solid var(--border-subtle)}.games-header__title{font-size:var(--text-h1);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-3)}.games-header__subtitle{font-size:var(--text-lead);color:var(--text-secondary);max-width:52ch}.games-grid{padding:var(--space-12) 0 var(--space-24);display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-6)}@media(max-width:767px){.games-grid{grid-template-columns:1fr}}.game-card{display:flex;flex-direction:column;gap:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--duration-base) var(--ease),background-color var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.game-card:hover{border-color:var(--border-muted);background-color:var(--bg-elevated);transform:translateY(-2px)}.game-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.game-card__cover{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-color:var(--bg-elevated)}.game-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--duration-slow) var(--ease)}.game-card:hover .game-card__img{transform:scale(1.02)}.game-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-6);flex:1}.game-card__name{font-size:var(--text-h3);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.game-card__desc{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--leading-relaxed);flex:1;margin-bottom:var(--space-3)}.game-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.game-card__tag{font-size:var(--text-xs);color:var(--text-primary);background-color:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:1px var(--space-3)}.game-card:hover .game-card__tag{border-color:var(--border-muted)}.game-card__cta{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:600;color:var(--accent-text);margin-top:var(--space-2)}.game-card__cta svg{transition:transform var(--duration-fast) var(--ease)}.game-card:hover .game-card__cta svg{transform:translate(3px)}.game-detail__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);padding:var(--space-12) 0 var(--space-24);align-items:start}@media(max-width:767px){.game-detail__layout{grid-template-columns:1fr;gap:var(--space-8)}}.game-detail__info{display:flex;flex-direction:column;gap:0;position:sticky;top:calc(56px + var(--space-8))}.game-detail__title{font-size:var(--text-h1);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-4)}.game-detail__desc{font-size:var(--text-lead);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:48ch;margin-bottom:var(--space-6)}.game-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.game-detail__tag{font-size:var(--text-xs);color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.game-detail__info .game-detail__open{align-self:flex-start}.game-detail__mockup{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.phone-mockup{position:relative;width:360px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:52px;padding:16px;box-shadow:0 0 0 1px var(--border-subtle),0 32px 80px #00000080}.phone-mockup__notch{width:110px;height:28px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);margin:0 auto var(--space-2)}.phone-mockup__screen{border-radius:38px;overflow:hidden;background-color:var(--bg-base);aspect-ratio:9 / 16;position:relative}.phone-mockup__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:opacity var(--duration-slow) var(--ease);z-index:1}.phone-mockup__cover.is-hidden{opacity:0;pointer-events:none}.phone-mockup__iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}.phone-mockup__iframe:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.phone-mockup__home-bar{width:120px;height:5px;background-color:var(--border-subtle);border-radius:var(--radius-full);margin:var(--space-3) auto 0}@media(max-width:767px){.phone-mockup{width:100%;max-width:340px}.game-detail__info{position:static}}.games-project-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);margin-top:var(--space-6);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.games-project-cta__text{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-snug);max-width:52ch}@media(max-width:767px){.games-project-cta{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5)}}@keyframes games-fade-up{0%{opacity:0;transform:translateY(var(--cinematic-distance))}to{opacity:1;transform:translateY(0)}}.games-fade-in{animation:games-fade-up var(--duration-slow) var(--ease) both;animation-delay:var(--fade-delay, 0ms)}@media(prefers-reduced-motion:reduce){.games-fade-in{animation:none}}