.viewer.svelte-1b307vq{display:grid;gap:16px}.topbar.svelte-1b307vq{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.back.svelte-1b307vq{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count.svelte-1b307vq{font-size:.875rem}figure.svelte-1b307vq{margin:0;display:grid;gap:16px}.stage.svelte-1b307vq{touch-action:pan-y pinch-zoom;position:relative;display:grid;place-items:center;min-height:240px;padding:12px;border-radius:var(--radius);background:#111}.stage.svelte-1b307vq img:where(.svelte-1b307vq){max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;border-radius:6px}.no-image.svelte-1b307vq{color:#eee;font-family:var(--font-display);font-weight:800;font-size:2rem;padding:48px 16px;text-align:center}.nav.svelte-1b307vq{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffffe6;color:#111;font-size:1.75rem;line-height:1;text-decoration:none;box-shadow:var(--shadow)}.nav.svelte-1b307vq:hover{background:#fff}.prev.svelte-1b307vq{left:12px}.next.svelte-1b307vq{right:12px}figcaption.svelte-1b307vq h1:where(.svelte-1b307vq){margin:0 0 8px;font-size:clamp(1.5rem,4vw,2.25rem)}.ranking.svelte-1b307vq{display:flex;align-items:center;gap:10px;margin:0}.tier-badge.svelte-1b307vq{min-width:36px;padding:4px 10px;border-radius:8px;font-family:var(--font-display);font-weight:800;text-align:center}.note.svelte-1b307vq{margin-top:12px;font-size:.875rem;max-width:60ch}.keys.svelte-1b307vq{font-size:.8125rem;margin:0}.keys-touch.svelte-1b307vq{display:none}@media(pointer:coarse){.keys-mouse.svelte-1b307vq{display:none}.keys-touch.svelte-1b307vq{display:inline}}