.games-gallery-section { padding: clamp(28px, 4vw, 58px) 4vw 9vw; }
.gallery-page-head { display: grid; gap: 14px; margin-bottom: clamp(30px, 4vw, 54px); }
.gallery-page-head h1 { margin: 0; font-size: clamp(46px, 6vw, 92px); line-height: .92; letter-spacing: -.075em; }
.games-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 2.2vw, 34px) clamp(14px, 1.5vw, 24px); }
.gallery-section-title { grid-column: 1 / -1; margin: clamp(42px, 7vw, 104px) 0 clamp(2px, 1vw, 14px); font-size: clamp(38px, 5vw, 78px); line-height: .92; letter-spacing: -.075em; }
.games-tile { position: relative; min-width: 0; }
.games-tile-project { display: block; }
.games-tile-preview { position: relative; display: grid; place-items: center; aspect-ratio: 3 / 4; overflow: hidden; background: #e7e6e1; border: 1px solid var(--line); background-size: cover; background-position: center; transition: border-color .2s, filter .2s, transform .2s; }
.games-tile-preview::before { content: ""; position: absolute; inset: 11px; border: 1px dashed rgba(32,34,40,.24); pointer-events: none; transition: opacity .2s; }
.games-tile-preview.has-image::before { opacity: 0; }
.restricted-project-badge { position: absolute; right: 12px; bottom: 12px; z-index: 1; padding: 7px 9px; background: rgba(17,17,17,.85); color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.games-tile-preview.is-dragging { border-color: var(--accent); background-color: #f1c3a3; }
.games-tile-meta { padding: 12px 0 0; }
.games-tile-meta h2 { width: fit-content; margin: 0; padding: 0 2px; font-size: 17px; line-height: 1.2; letter-spacing: -.04em; cursor: text; outline: 0; }
.games-tile-meta h2:focus { box-shadow: inset 0 -1px 0 var(--accent); }
.games-upload { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 4px; padding: 6px 8px; background: rgba(246,245,241,.92); color: var(--ink); border: 1px solid rgba(32,34,40,.18); cursor: pointer; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; opacity: 0; transition: opacity .2s, border-color .2s, color .2s; }
.games-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.games-tile:hover .games-upload, .games-tile:focus-within .games-upload { opacity: 1; }
.games-upload:hover { color: var(--accent); border-color: var(--accent); }
.games-tile-project:hover .games-tile-preview, .games-tile-project:focus-visible .games-tile-preview { border-color: var(--accent); transform: translateY(-2px); }
@media (max-width: 760px) { .games-gallery-section { padding: 30px 20px 75px; }.gallery-page-head { gap: 12px; margin-bottom: 35px; }.games-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }.games-tile-meta h2 { font-size: 15px; }.games-upload { opacity: 1; } }
@media (max-width: 430px) { .games-gallery { grid-template-columns: 1fr; }.games-tile-meta h2 { font-size: 18px; } }