.wrap{--cols: 26px 62px 42px minmax(140px, 1.35fr) 158px repeat(6, 46px) 52px minmax(170px, 1.2fr);--row-h: 58px;padding:0 20px 96px;max-width:var(--page-max);margin:0 auto}.bar{position:sticky;top:var(--chrome-h);z-index:20;background:color-mix(in oklab,var(--color-base) 92%,transparent);backdrop-filter:blur(12px);padding:12px 0 10px;margin-bottom:2px}.bar-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap;row-gap:8px}.field{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:430px;height:34px;padding:0 9px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);transition:border-color .12s}.field:focus-within{border-color:var(--color-leaf-dim)}.field svg{width:15px;height:15px;color:var(--color-ink-faint);flex-shrink:0}.field input{flex:1;background:none;border:0;outline:0;color:var(--color-ink);font:inherit;font-size:var(--text-base)}.field input::placeholder{color:var(--color-ink-faint)}.field kbd{font-family:var(--font-mono);font-size:var(--text-2xs);padding:1px 5px;border:1px solid var(--color-line);border-radius:3px;color:var(--color-ink-faint)}.field:focus-within kbd{display:none}.clear{background:none;border:0;color:var(--color-ink-faint);font-size:var(--text-lg);line-height:1;cursor:pointer;padding:0 2px}.clear:hover{color:var(--color-ink)}.toggle{display:flex;align-items:center;gap:6px;height:34px;padding:0 11px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-ink-dim);font:inherit;font-size:var(--text-base);cursor:pointer;white-space:nowrap}.toggle:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.toggle.is-on{color:var(--color-leaf);border-color:var(--color-leaf-dim);background:var(--color-leaf-glow)}.badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-leaf);color:#06210f;font-size:var(--text-2xs);font-weight:700;display:grid;place-items:center}.views{display:flex;gap:2px;padding:2px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}.views button{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--color-ink-faint);font:inherit;font-size:var(--text-sm);font-weight:550;cursor:pointer;transition:color .12s,background .12s}.views button:hover{color:var(--color-ink-dim)}.views button.is-on{background:var(--color-raised);color:var(--color-ink)}.views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}.views button.is-on svg rect{fill:color-mix(in oklab,currentColor 22%,transparent)}.sort{display:flex;align-items:center;gap:7px;height:34px;padding:0 9px 0 11px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}.sort-label{font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint)}.sort select{background:none;border:0;outline:0;color:var(--color-ink);font:inherit;font-size:var(--text-base);cursor:pointer}.sort select option{background:var(--color-overlay)}.count{margin-left:auto;font-size:var(--text-sm);color:var(--color-ink-dim);white-space:nowrap}.count-dim{color:var(--color-ink-faint)}.filters{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:13px 14px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.filter-group{display:flex;align-items:flex-start;gap:12px}.filter-label{width:88px;flex-shrink:0;padding-top:4px;font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:5px}.fchip,.gchip{height:24px;padding:0 9px;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:transparent;color:var(--color-ink-dim);font:inherit;font-size:var(--text-xs);font-weight:550;cursor:pointer;transition:all .1s}.fchip:hover,.gchip:hover{border-color:var(--color-line-strong);color:var(--color-ink)}.tfilter{padding:0;border:0;background:none;cursor:pointer;border-radius:999px;opacity:.72;transition:opacity .12s}.tfilter:hover,.tfilter.is-on{opacity:1}.fchip.is-on{color:var(--color-ink);background:var(--color-overlay);border-color:var(--color-line-strong)}.gchip.is-on{color:var(--color-gap);background:color-mix(in oklab,var(--color-gap) 14%,transparent);border-color:color-mix(in oklab,var(--color-gap) 40%,transparent)}.reset{align-self:flex-start;margin-left:74px;background:none;border:0;color:var(--color-ink-faint);font:inherit;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.reset:hover{color:var(--color-ink)}.table{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.head{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.row:last-of-type{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.head{display:grid;grid-template-columns:var(--cols);align-items:center;gap:0 8px;height:32px;padding:0 10px;background:var(--color-raised);border-bottom:1px solid var(--color-line);position:sticky;top:108px;z-index:10}.head>*{font-size:var(--text-2xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);background:none;border:0;font-family:inherit;text-align:left;padding:0}.head button{cursor:pointer;transition:color .1s}.head button:hover{color:var(--color-ink)}.head .col-stat,.head .col-bst,.head .col-n{text-align:right}.row{display:grid;grid-template-columns:var(--cols);align-items:center;gap:0 8px;min-height:var(--row-h);padding:0 10px;border-bottom:1px solid color-mix(in oklab,var(--color-line) 55%,transparent);transition:background .08s}.row:last-of-type{border-bottom:0}.row:hover{background:var(--color-raised)}.row.is-selected{background:color-mix(in oklab,var(--color-leaf) 8%,transparent);box-shadow:inset 2px 0 0 var(--color-leaf)}.pick{width:20px;height:20px;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0}.box{width:13px;height:13px;border:1.5px solid var(--color-line-strong);border-radius:3px;transition:all .1s}.pick:hover .box{border-color:var(--color-ink-faint)}.row.is-selected .box{background:var(--color-leaf);border-color:var(--color-leaf);box-shadow:inset 0 0 0 2px var(--color-surface)}.cell-sprite{display:grid;place-items:center;width:62px;height:64px;margin-block:-3px}.cell-sprite img{width:64px;height:64px;object-fit:contain}.no-icon{color:var(--color-ink-faint);font-size:var(--text-sm)}.cell-n{text-align:right;font-size:var(--text-xs);color:var(--color-ink-faint)}.cell-name{display:flex;align-items:center;gap:6px;font-size:var(--text-base);font-weight:550;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-name:hover{color:var(--color-leaf)}.cell-species{min-width:0;overflow:hidden;text-overflow:ellipsis}.tag{flex-shrink:0;font-size:var(--text-2xs);font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:1px 4px;border-radius:3px;background:var(--color-overlay);color:var(--color-ink-faint)}.cell-types{display:flex;flex-wrap:wrap;gap:3px}.stats{display:contents}.cell-stat{text-align:right;font-size:var(--text-sm);color:var(--color-ink-dim);height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px}.cell-stat.s-vlow{color:var(--stat-vlow)}.cell-stat.s-low{color:var(--stat-low)}.cell-stat.s-mid{color:var(--stat-mid)}.cell-stat.s-good{color:var(--stat-good);font-weight:560}.cell-stat.s-high{color:var(--stat-high);font-weight:600}.cell-stat.s-vhigh{color:var(--stat-vhigh);font-weight:620}.cell-bst{text-align:right;font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.cell-ab{display:flex;flex-direction:column;gap:1px;overflow:hidden;padding:4px 0}.ab-main,.ab-in{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-main{color:var(--color-ink-dim)}.ab-in{color:var(--color-ink-faint)}.empty{padding:56px 20px;text-align:center}.empty p{font-size:var(--text-base);color:var(--color-ink-dim)}.empty-dim{margin-top:5px;font-size:var(--text-sm);color:var(--color-ink-faint)}.more{padding:14px;text-align:center;font-size:var(--text-sm);color:var(--color-ink-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:radial-gradient(120% 74% at 50% 0%,color-mix(in oklab,var(--tc) 15%,transparent),transparent 70%),var(--color-surface);transition:border-color .12s,transform .12s}.card:hover{border-color:color-mix(in oklab,var(--tc) 46%,var(--color-line));transform:translateY(-2px)}.card.is-selected{border-color:var(--color-leaf);box-shadow:0 0 0 1px var(--color-leaf)}.card-link{display:flex;flex-direction:column;align-items:center;padding:10px 10px 0}.card-art{display:grid;place-items:center;width:128px;height:116px;max-width:100%}.card-art img{width:128px;height:128px;object-fit:contain;margin-top:-6px}.card-n{font-size:var(--text-2xs);color:var(--color-ink-faint)}.card-name{font-size:var(--text-base);font-weight:600;color:var(--color-ink);text-align:center;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card:hover .card-name{color:var(--color-leaf)}.card-types{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:7px 8px 0}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:8px 10px 8px 12px}.card-form{display:block;margin-top:1px;font-size:var(--text-2xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bst{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-dim)}.card-bst-l{font-size:var(--text-2xs);font-weight:650;letter-spacing:.06em;color:var(--color-ink-faint)}.card-pick{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.card.is-selected .box{background:var(--color-leaf);border-color:var(--color-leaf);box-shadow:inset 0 0 0 2px var(--color-surface)}@media(max-width:780px){.grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}.card-art{width:100%;height:96px}.card-art img{width:96px;height:96px}}.tray{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;max-width:min(94vw,940px);padding:8px 10px 8px 14px;background:color-mix(in oklab,var(--color-overlay) 96%,transparent);backdrop-filter:blur(16px);border:1px solid var(--color-line-strong);border-radius:999px;box-shadow:0 12px 32px #00000080}.tray-count,.tray-clear,.tray-go,.tray-page{flex-shrink:0}.tray-count{font-size:var(--text-sm);color:var(--color-ink-dim);white-space:nowrap}.tray-strip{position:relative;min-width:0;overflow:hidden}.tray-items{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.tray-items::-webkit-scrollbar{display:none}.tray-fade{position:absolute;top:0;bottom:0;width:26px;pointer-events:none;opacity:0;transition:opacity .15s ease}.tray-fade-l{left:0;background:linear-gradient(to left,transparent,var(--color-overlay) 82%)}.tray-fade-r{right:0;background:linear-gradient(to right,transparent,var(--color-overlay) 82%)}.has-more .tray-fade-r,.has-back .tray-fade-l{opacity:1}.tray-page{display:grid;place-items:center;width:26px;height:26px;padding:0;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:999px;color:var(--color-ink-dim);cursor:pointer}.tray-page:hover{color:var(--color-ink);border-color:var(--color-ink-faint)}.tray-page svg{width:14px;height:14px}.tray-page svg.is-back{transform:scaleX(-1)}.tray-item{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:3px 8px 3px 5px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;color:var(--color-ink-dim);font:inherit;font-size:var(--text-xs);white-space:nowrap;cursor:pointer}.tray-item:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.tray-clear{background:none;border:0;color:var(--color-ink-faint);font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap}.tray-clear:hover{color:var(--color-ink)}.tray-go{padding:6px 13px;border-radius:999px;background:var(--color-leaf);color:#06210f;font-size:var(--text-sm);font-weight:650;white-space:nowrap}.tray-go:hover{filter:brightness(1.08)}@media(max-width:1100px){.wrap{--cols: 26px 62px 40px minmax(120px, 1fr) 154px repeat(6, 42px) 50px}.head .col-ab,.row .cell-ab{display:none}}@media(max-width:780px){.wrap{padding:0 10px 110px;--row-h: auto}.head{display:none}.row{grid-template-columns:24px 64px 1fr auto;grid-template-areas:"pick sprite name  bst" "pick sprite types bst" "stats stats stats stats";gap:3px 9px;padding:9px 10px}.pick{grid-area:pick;align-self:center}.cell-sprite{grid-area:sprite;width:64px;height:64px;margin-block:0;align-self:center}.cell-sprite img{width:64px;height:64px}.cell-n{display:none}.cell-name{grid-area:name;font-size:var(--text-lg);align-self:end}.cell-types{grid-area:types;align-self:start}.cell-bst{grid-area:bst;align-self:center;font-size:var(--text-base)}.cell-ab{display:none}.stats{grid-area:stats;display:flex;justify-content:space-between;gap:2px;padding-top:6px;margin-top:4px;border-top:1px solid color-mix(in oklab,var(--color-line) 60%,transparent)}.cell-stat{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:var(--text-sm);color:var(--color-ink)}.cell-stat:before{content:attr(title);font-size:var(--text-2xs);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-faint)}.tray{left:10px;right:10px;transform:none;max-width:none;border-radius:var(--radius-lg)}}.intro[data-astro-cid-j7pv25f6]{max-width:var(--page-max);margin:0 auto;padding:30px 20px 4px}.intro-inner[data-astro-cid-j7pv25f6]{max-width:720px}h1[data-astro-cid-j7pv25f6]{font-size:var(--text-2xl);font-weight:680;letter-spacing:-.025em;line-height:1.15}.intro-count[data-astro-cid-j7pv25f6]{color:var(--color-leaf)}.ilink[data-astro-cid-j7pv25f6]{color:var(--color-ink);border-bottom:1px solid var(--color-line-strong)}.ilink[data-astro-cid-j7pv25f6]:hover{color:var(--color-leaf);border-color:var(--color-leaf-dim)}.mono[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-sm)}@media(max-width:780px){.intro[data-astro-cid-j7pv25f6]{padding:20px 12px 2px}h1[data-astro-cid-j7pv25f6]{font-size:var(--text-xl)}}
