*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.page{max-width:960px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.grid a{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;transition:transform .15s,box-shadow .15s}.grid a:hover{transform:scale(1.08);box-shadow:0 4px 20px #0006}.sprite-thumb{width:100%;height:100%;background-image:url(/images.png);background-size:800% 800%;image-rendering:auto}.image-display{--col: 0;--row: 0;--size: min(500px, 90vw);width:var(--size);height:var(--size);margin:0 auto;background-image:url(/images.png);background-size:calc(var(--size) * 8) calc(var(--size) * 8);background-position:calc(var(--col) * var(--size) * -1) calc(var(--row) * var(--size) * -1);image-rendering:auto;border-radius:12px}.back{display:inline-block;color:#88a;text-decoration:none;margin-bottom:1rem;font-size:.9rem}.back:hover{color:#aac}.nav-links{display:flex;justify-content:space-between;margin-top:1.5rem}.nav-links a{color:#88a;text-decoration:none;font-size:.9rem}.nav-links a:hover{color:#aac}