.appshots{background:var(--color-bg);padding:4rem 1.5rem}.appshots__inner{text-align:center;max-width:1100px;margin:0 auto}.appshots__inner h2{color:var(--color-text);margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2rem)}.appshots__strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:min(560px,88vw);grid-auto-flow:column;justify-content:safe center;gap:1.25rem;margin:0;padding:.25rem .25rem 1rem;list-style:none;display:grid;overflow-x:auto}.appshots__strip li{scroll-snap-align:center}.appshots__thumb{border:1px solid var(--color-border);background:var(--color-surface);cursor:zoom-in;border-radius:.75rem;width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.appshots__thumb img{width:100%;height:auto;display:block}.appshots__thumb:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.appshots__caption{color:var(--color-text-muted);margin:.75rem 0 0;font-size:.95rem}.appshots__dialog{background:var(--color-surface);width:min(1400px,96vw);max-height:94vh;color:var(--color-text);border:0;border-radius:.75rem;padding:0}.appshots__dialog::backdrop{background:#020617cc}.appshots__figure{margin:0}.appshots__figure img{object-fit:contain;background:#000;width:100%;max-height:86vh;display:block}.appshots__figure figcaption{text-align:center;padding:.75rem 1rem}.appshots__close,.appshots__nav{color:#fff;cursor:pointer;background:#0f172ab3;border:0;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.6rem;line-height:1;display:grid;position:absolute}.appshots__close{top:.75rem;right:.75rem}.appshots__nav{top:45%}.appshots__nav--prev{left:.75rem}.appshots__nav--next{right:.75rem}