:root{--paper: #faf7f0;--ink: #161616;--mute: #5c574e;--rule: #d8d2c6;--well: #111111;--aquatic: #00b1d2;--beast: #ffb812;--bird: #ff7a9c;--bug: #9a5ad4;--plant: #3cb86a;--reptile: #c46ad8;--mech: #8b9098;--dawn: #7ea2ff;--dusk: #5b4fd4;--sans: "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4;caret-color:var(--ink)}body,#root{height:100%}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:#b7b1a6 transparent}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.shell{display:flex;flex-direction:column;min-height:100dvh}.shell:not(.is-home){height:100dvh;overflow:hidden}.topnav{display:flex;align-items:center;gap:20px;height:52px;padding:0 20px;border-bottom:1px solid var(--rule);background:var(--paper);z-index:5}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.03em}.brand svg{color:var(--ink)}.nav-desk{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0}.nav-desk>button,.nav-more>button{min-height:32px;padding:4px 10px;color:var(--mute)}.nav-desk>button.is-on,.nav-more>button.is-on,.nav-sheet button.is-on,.nav-pop button.is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.nav-desk>button:hover,.nav-more>button:hover,.tile:hover,.collection:hover,.nav-sheet button:hover,.nav-pop button:hover{color:var(--ink)}.nav-more{position:relative}.nav-pop{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;min-width:176px;padding:6px;background:var(--paper);border:1px solid var(--rule);z-index:8}.nav-pop button,.nav-sheet button{display:flex;justify-content:space-between;width:100%;min-height:36px;padding:6px 10px;text-align:left}.nav-pop span,.nav-sheet span,.result-count,.collection-count,.tile-anims,.meta,.anims-head span{color:var(--mute);font-variant-numeric:tabular-nums}.nav-burger,.nav-sheet{display:none}.gallery{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.viewer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.5fr);gap:16px;align-items:start;height:auto;padding:16px 20px 8px}.well{position:relative;min-height:0;aspect-ratio:16 / 9;max-height:360px;overflow:hidden;background:#0a0a0a}.well>.preview-mount{position:absolute;top:0;right:0;bottom:0;left:0}.caption{display:flex;flex-direction:column;gap:10px;min-width:0;overflow:auto}.caption h1{margin:0;font-size:clamp(1.4rem,2vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.meta li,.filters button,.actions button,.empty button{min-height:28px;padding:2px 8px;border:1px solid var(--rule);background:var(--paper);font-size:13px}.meta li[data-class],.filters button[data-class].is-on{border-color:currentColor}.actions,.filters{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.actions button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button.is-on{box-shadow:inset 0 0 0 1px currentColor;background:transparent}.filters button.is-on:not([data-class]){background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}.browse{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto;padding:8px 20px 20px}.browse-bar{display:flex;align-items:center;gap:12px}.search-wrap{flex:1 1 auto}.search{width:100%;min-height:36px;padding:6px 10px;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;border-radius:0}.search::placeholder{color:var(--mute)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px 10px;min-height:0;overflow:auto}.grid.is-dense{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.tile{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;text-align:left}.tile.is-on .tile-title{text-decoration:underline;text-underline-offset:3px}.tile-preview,.preview-mount.tile-preview{position:relative;height:120px;flex:0 0 120px;overflow:hidden;background:#0a0a0a}.grid.is-dense .tile-preview,.grid.is-dense .preview-mount.tile-preview{height:72px;flex-basis:72px}.tile-title{font-size:13px;font-weight:700}.tile-anims,.tile-chip{font-size:12px}.home{flex:1 1 auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:end;min-height:min(62vh,560px);padding:28px 20px 12px}.hero-media{position:relative;min-height:280px;background:#0a0a0a}.hero-media .preview-mount,.hero-media video,.hero-media img{width:100%;height:100%;object-fit:contain}.hero-copy h1{margin:0 0 10px;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;letter-spacing:-.045em;line-height:.92}.hero-copy p{margin:0 0 16px;max-width:32ch;color:var(--mute)}.hero-actions{display:flex;align-items:center;gap:10px}.hero-actions [data-class]{padding:2px 8px;border:1px solid currentColor;font-size:13px}.hero-go{min-height:40px;padding:8px 14px;border:1px solid var(--ink);font-weight:700}.hero-go:hover{background:var(--ink);color:var(--paper)}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:12px 20px 28px}.collection{display:grid;gap:6px;padding:0;text-align:left}.collection-media,.collection-preview,.preview-mount.collection-preview{position:relative;height:140px;overflow:hidden;background:#0a0a0a}.collection-media .preview-mount{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.collection-title{font-weight:700}.collection-line,.collection-count{font-size:13px;color:var(--mute)}.anims{display:flex;flex-direction:column;gap:8px}.anims-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.anims-head p{margin:0}.anims-groups,.anims-list{display:flex;flex-wrap:wrap;gap:6px}.anims-list{max-height:6.5rem;overflow:auto}.anims-groups button,.anims-list button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 8px;border:1px solid var(--rule);background:var(--paper);font-size:12px}.anims-groups button.is-on,.anims-list button.is-on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.preview-mount,.spine-preview,.preview-canvas{position:relative;width:100%;height:100%;overflow:hidden}.preview-mount video,.preview-mount img,.video-preview img,.icon-preview img{display:block;width:100%;height:100%;object-fit:contain}.icon-preview.is-fill img{object-fit:cover}.preview-canvas canvas,.spine-still{display:block;width:100%;height:100%;object-fit:contain}.spine-still{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.icon-preview,.audio-preview,.empty-video{display:grid;place-items:center;height:100%;background:transparent}.spine-preview .preview-fallback{background:var(--paper);color:var(--mute)}.empty-video img{width:min(72px,38%);image-rendering:pixelated}.empty-video-note,.preview-loading,.preview-fallback{color:var(--mute);font-size:13px}.preview-loading,.preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.empty{padding:24px 4px}.boot{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:10px}.banner{margin:0;padding:10px 20px;background:#f3d6d0}.chip-aquatic{color:var(--aquatic)}.chip-beast{color:var(--beast)}.chip-bird{color:var(--bird)}.chip-bug{color:var(--bug)}.chip-plant{color:var(--plant)}.chip-reptile{color:var(--reptile)}.chip-mech{color:var(--mech)}.chip-dawn{color:var(--dawn)}.chip-dusk{color:var(--dusk)}@media (max-width: 980px){.nav-desk{display:none}.nav-burger,.nav-sheet{display:block}.nav-burger{margin-left:auto;min-height:36px;padding:4px 10px;border:1px solid var(--ink)}.nav-sheet{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px 16px 14px;border-bottom:1px solid var(--rule);background:var(--paper)}.hero{grid-template-columns:1fr;min-height:0;padding-top:16px}.hero-media{min-height:200px;aspect-ratio:16 / 9}.viewer{grid-template-columns:1fr;height:auto}.well{aspect-ratio:16 / 9;min-height:180px}.shell:not(.is-home){height:auto;overflow:visible}.gallery{display:block}.grid{overflow:visible}.anims-groups,.anims-list{flex-wrap:nowrap;overflow-x:auto;max-height:none}}@media (max-width: 640px){.collections{grid-template-columns:1fr 1fr;padding:12px}.viewer,.browse,.hero,.topnav{padding-left:14px;padding-right:14px}}