:root{--paper:#f4efe4;--paper-2:#ece5d6;--rule:#d9cfb8;--ink:#2b2620;--ink-soft:#6d6353;--ink-faint:#9b9484;--accent:#7a5c2e;--botanical:#4f7a3a;--mineral:#4a6478;--fungal:#7a4f6a;--animal:#9a5533;--arcane:#6a4f9a;--rarity-common:#9b9484;--rarity-uncommon:#4f7a3a;--rarity-rare:#4a6478;--rarity-pristine:#a87c22;--row-height:72px;--pad:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1a1815;--paper-2:#22201b;--rule:#38332b;--ink:#e8e0d0;--ink-soft:#a39a88;--ink-faint:#6f675a;--accent:#c9a45e;--botanical:#7fb060;--mineral:#7ba3c0;--fungal:#b782a4;--animal:#d08a5c;--arcane:#a389d8;--rarity-common:#6f675a;--rarity-uncommon:#7fb060;--rarity-rare:#7ba3c0;--rarity-pristine:#d4ac4a}}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:ui-serif,Georgia,Iowan Old Style,Palatino Linotype,serif}body{overscroll-behavior-y:none;min-height:100dvh}#app{flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}.head{padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 8px;background:var(--paper);border-bottom:1px solid var(--rule);flex:none}.head h1{letter-spacing:.01em;margin:0;font-size:1.5rem;font-weight:600}.tally{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:2px 0 10px;font-size:.8rem}.search{width:100%;height:44px;font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:0 12px;font-size:1rem}.search::placeholder{color:var(--ink-faint)}.search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chips{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:34px;font:inherit;color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--rule);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:17px;flex:none;padding:0 12px;font-size:.8rem}.chip[aria-pressed=true]{color:var(--paper);background:var(--accent);border-color:var(--accent)}.chip-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;flex:none;align-self:center;padding-right:2px;font-size:.7rem}.scroller{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.spacer{width:100%;position:relative}.window{position:absolute;top:0;left:0;right:0}.row{height:var(--row-height);padding:0 var(--pad);border-bottom:1px solid var(--rule);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;display:flex}.row:active{background:var(--paper-2)}.glyph{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.95rem;font-weight:600;display:grid}.glyph.botanical{color:var(--botanical)}.glyph.mineral{color:var(--mineral)}.glyph.fungal{color:var(--fungal)}.glyph.animal{color:var(--animal)}.glyph.arcane{color:var(--arcane)}.row-main{flex:auto;min-width:0}.row-main,.row-name,.row-sub,.row-meta{display:block}.row-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.row-name.unknown{color:var(--ink-faint);font-style:italic}.row-sub{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.row-meta{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.rarity{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;display:block}.rarity.common{color:var(--rarity-common)}.rarity.uncommon{color:var(--rarity-uncommon)}.rarity.rare{color:var(--rarity-rare)}.rarity.pristine{color:var(--rarity-pristine)}.bar{background:var(--rule);border-radius:2px;width:46px;height:3px;margin-top:5px;margin-left:auto;display:block;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.empty{padding:48px var(--pad);text-align:center;color:var(--ink-faint);font-style:italic}.scrim{cursor:pointer;background:#00000059;border:0;padding:0;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--paper);border-top:1px solid var(--rule);max-width:720px;max-height:78dvh;padding:10px var(--pad) calc(env(safe-area-inset-bottom) + 20px);border-radius:14px 14px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 28px #0000002e}.grip{background:var(--rule);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet h2{margin:0 0 2px;font-size:1.3rem;font-weight:600}.sheet .sub{color:var(--ink-soft);text-transform:capitalize;margin:0 0 14px;font-size:.8rem}.trait{border-top:1px solid var(--rule);padding:10px 0}.trait-name{font-size:.95rem}.trait-blurb{color:var(--ink-soft);margin-top:2px;font-size:.8rem}.trait.hidden .trait-name{color:var(--ink-faint);font-style:italic}.close{width:100%;min-height:44px;font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);cursor:pointer;border-radius:8px;margin-top:16px;font-size:.9rem;display:block}@media (width>=720px){:root{--pad:24px}.head h1{font-size:1.9rem}.sheet{border-radius:14px;bottom:24px;left:24px;right:24px}}