.game-gallery{--gallery-controls:52px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.game-gallery button{cursor:pointer}.gallery-preview{aspect-ratio:16/9;background:var(--paper-raised);border-radius:.75rem;flex:none;width:100%;min-height:0;position:relative;overflow:hidden}.gallery-preview img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gallery-preview svg{color:#fff;filter:drop-shadow(0 1px 3px #000);position:absolute;bottom:.4rem;right:.4rem}.gallery-controls{font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.gallery-dialog .gallery-count{color:#ffffffb3;background:#ffffff1f}.gallery-dialog .gallery-count strong{color:#fff}.gallery-preview-controls{min-height:var(--gallery-controls);flex-shrink:0;justify-content:center;padding-top:8px;display:flex}.gallery-preview-controls>.gallery-controls{background:var(--paper-raised);width:max-content;max-width:100%;min-height:44px;color:var(--ink);box-shadow:var(--elev-tile);border-radius:999px;margin-inline:auto;padding:0 .4rem}.gallery-controls button,.gallery-heading button{border-radius:50%;place-items:center;min-width:44px;height:44px;display:grid}.gallery-preview-controls>.gallery-controls button{color:var(--sage);background:0 0}.gallery-preview-controls>.gallery-controls button:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.gallery-controls button:disabled{opacity:.3}.gallery-dialog{color:#fff;background:#121714;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.gallery-dialog::backdrop{background:#121714}.gallery-viewer{height:100%;padding:max(.75rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom));flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.gallery-heading{flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding-inline:52px;display:flex;position:relative}.gallery-heading span{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden}.gallery-close{inset-inline-end:0;color:#fff;background:#ffffff15;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0}.gallery-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.gallery-image-status{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:13px;line-height:1.7;display:flex;position:absolute;inset:0}.gallery-image-spinner{border:2.5px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite gallery-image-spin}@keyframes gallery-image-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gallery-image-spinner{animation-duration:2s}}.gallery-stage .gallery-image-status{color:#fff}.gallery-image-status button{background:var(--sage-fill);min-height:44px;color:var(--on-sage);border-radius:999px;padding-inline:1rem}.gallery-preview img[hidden],.gallery-stage img[hidden]{display:none}.gallery-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.gallery-filmstrip{flex-shrink:0;justify-content:safe center;gap:.4rem;padding:.35rem;display:flex;overflow-x:auto}.gallery-filmstrip button{opacity:.55;border:2px solid #0000;border-radius:.5rem;flex:0 0 64px;height:48px;overflow:hidden}.gallery-filmstrip button[aria-pressed=true]{opacity:1;border-color:#fff}.gallery-filmstrip img{object-fit:cover;width:100%;height:100%}.gallery-dialog .gallery-controls{color:#fff;box-shadow:none;background:0 0;justify-content:center;align-self:center;gap:1rem}.gallery-dialog .gallery-controls button{color:#fff;background:#ffffff15}.gallery-dialog button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (height<=500px){.gallery-filmstrip button{height:44px}.gallery-viewer{gap:.15rem}}.gallery-empty{background:var(--paper-raised);min-height:4rem;color:var(--muted);text-align:center;border-radius:1rem;justify-content:center;align-items:center;font-size:.875rem}.gallery-preview,.gallery-stage{touch-action:pan-y pinch-zoom}.gallery-preview img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.genre-chips{flex-wrap:wrap;gap:8px;margin:0;padding:8px;list-style:none;display:flex}.genre-chip{background:var(--paper-raised);box-shadow:var(--elev-tile);color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:12px;padding:6px 12px;font-size:12px;line-height:1.4}