@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}:root{font-synthesis:none;text-rendering:optimizelegibility;--bg:#0c0c0e;--bg-elevated:#141416;--ink:#ecece8;--muted:#8a8a90;--faint:#5c5c64;--line:#26262b;--line-strong:#34343c;--accent:#7e908e;--accent-hover:#93a5a3;--accent-dim:#7e908e24;--warn:#c9a24a;--warn-bg:#c9a24a1a;--danger:#d17a7a;--danger-bg:#d17a7a1a;--sans:"DM Sans", "Segoe UI", sans-serif;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;font-family:var(--sans);color:var(--ink);background:radial-gradient(900px 480px at 50% -12%, #7e908e17, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}button,input{font:inherit;color:inherit}a{color:inherit}.page{width:min(960px,100% - 2rem);animation:rise .45s var(--ease) both;margin:0 auto;padding:1.5rem 0 2.5rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{margin-bottom:1.5rem}.hero__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:500}.hero__brand{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,3.5vw,1.9rem);font-weight:600;line-height:1}.hero__tagline{max-width:28rem;color:var(--muted);margin:.55rem 0 0;font-size:.95rem;line-height:1.5}.tabs{border:1px solid var(--line);background:var(--bg-elevated);border-radius:999px;gap:.3rem;padding:.2rem;display:inline-flex}.tab{min-height:2rem;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.tab--on{background:var(--accent-dim);color:var(--ink)}.tab__badge{min-width:1.25rem;color:var(--muted);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:999px;padding:.05rem .35rem;font-size:.72rem}.tab--on .tab__badge{color:var(--ink);background:#7e908e40}.main{gap:1rem;display:grid}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:1rem}.skill-search{position:relative}.skill-search__label{color:var(--faint);letter-spacing:.02em;margin-bottom:.4rem;font-size:.78rem;font-weight:500;display:block}.skill-search__input{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:2.75rem;color:var(--ink);outline:none;padding:.65rem .85rem;transition:border-color .15s}.skill-search__input::placeholder{color:var(--faint)}.skill-search__input:focus{border-color:var(--accent)}.skill-search__list{z-index:20;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:15rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #00000073}.skill-search__empty{color:var(--muted);padding:.7rem .65rem;font-size:.88rem}.skill-search__option{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.55rem .65rem}.skill-search__option--active,.skill-search__option:hover{background:var(--accent-dim)}.skill-chips{gap:.55rem;margin-top:.85rem;display:grid}.skill-chips__hint{color:var(--muted);margin:.75rem 0 0;font-size:.88rem}.skill-chips__row{flex-wrap:wrap;gap:.4rem;display:flex}.skill-chip{border:1px solid var(--line-strong);min-height:2rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.88rem;transition:border-color .15s,background .15s;display:inline-flex}.skill-chip:hover{border-color:var(--accent);background:var(--accent-dim)}.skill-chip__x{color:var(--faint);font-size:1rem;line-height:1}.text-btn{color:var(--faint);cursor:pointer;background:0 0;border:0;justify-self:start;padding:.2rem 0;font-size:.82rem}.text-btn:hover{color:var(--ink)}.filters{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.65rem .85rem;margin-top:1rem;padding-top:.85rem;display:flex}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;font-size:.88rem;display:inline-flex}.toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.rarity-toggles{gap:.35rem;display:inline-flex}.pill{border:1px solid var(--line-strong);min-height:1.9rem;color:var(--faint);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:500}.pill--on{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.filters__meta{width:100%;color:var(--faint);font-variant-numeric:tabular-nums;margin:0;font-size:.78rem}.cta{background:var(--accent);color:#0c0c0e;cursor:pointer;border:0;border-radius:7px;width:100%;min-height:2.75rem;margin-top:1rem;font-weight:600;transition:background .15s,opacity .15s}.cta:hover:not(:disabled){background:var(--accent-hover)}.cta:disabled{opacity:.35;cursor:not-allowed}.results{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:1rem}.results--empty p{color:var(--muted);margin:.4rem 0 0;font-size:.92rem}.results__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.85rem;display:flex}.results h2{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:500}.results h3{color:var(--muted);margin:0 0 .35rem;font-size:.78rem;font-weight:500}.results__coverage{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.88rem}.results__coverage strong{color:var(--ink);font-weight:600}.results__uncovered{border-radius:var(--radius);background:var(--danger-bg);border:1px solid #d17a7a40;margin-bottom:.85rem;padding:.65rem .75rem}.results__uncovered ul{color:var(--muted);margin:0;padding-left:1.05rem;font-size:.88rem}.results__grid{gap:.55rem;display:grid}.card-tile{border-radius:var(--radius);border:1px solid var(--line);background:0 0;grid-template-columns:64px 1fr;gap:.75rem;padding:.65rem;display:grid}.card-tile__media{position:relative}.card-tile__art{border-radius:4px;transition:opacity .15s;display:block;overflow:hidden}.card-tile__art:hover{opacity:.85}.card-tile__media img{background:var(--bg);border-radius:4px;width:64px;height:auto;display:block}.card-tile__slot{background:var(--accent);color:#0c0c0e;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:-.3rem;left:-.3rem}.card-tile__meta{flex-wrap:wrap;gap:.3rem;margin-bottom:.25rem;display:flex}.badge{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--line-strong);min-height:1.25rem;color:var(--muted);background:0 0;border-radius:4px;align-items:center;padding:.05rem .4rem;font-size:.68rem;font-weight:500;display:inline-flex}.badge--jp{color:var(--danger);border-color:#d17a7a66}.badge--borrow{color:var(--warn);border-color:#c9a24a73}.collection-page__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.collection-page__title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:500}.collection-page__help{color:var(--faint);max-width:28rem;margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.collection-page__count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.85rem}.collection__toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.collection__search{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);min-height:2.35rem;color:var(--ink);outline:none;flex:12rem;padding:.45rem .7rem}.collection__search:focus{border-color:var(--accent)}.type-filters{flex-wrap:wrap;gap:.35rem;display:inline-flex}.type-filter{border:1px solid var(--line-strong);background:var(--bg);width:2.35rem;height:2.35rem;color:var(--faint);cursor:pointer;border-radius:8px;place-items:center;padding:0;transition:border-color .15s,color .15s,background .15s;display:grid}.type-filter:hover{color:var(--ink);border-color:var(--muted)}.type-filter--on{color:var(--type-color,var(--accent));border-color:var(--type-color,var(--accent));background:color-mix(in srgb, var(--type-color,var(--accent)) 16%, transparent)}.collection__tools{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;margin-bottom:.85rem;display:flex}.collection__grid{gap:.4rem;max-height:min(70vh,36rem);padding-right:.15rem;display:grid;overflow:auto}@media (width>=720px){.collection__grid{grid-template-columns:1fr 1fr}}.collection-card{border:1px solid var(--line);border-radius:var(--radius);background:0 0;overflow:hidden}.collection-card--owned{background:var(--accent-dim);border-color:#7e908e73}.collection-card__main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px 1fr;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;display:grid}.collection-card__main img{background:var(--bg);border-radius:4px;width:44px;height:auto;display:block}.collection-card__info{gap:.08rem;min-width:0;display:grid}.collection-card__name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.collection-card__meta,.collection-card__hints{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.74rem}.collection-card__hints{color:var(--accent)}.collection-card__lb{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;padding:0 .5rem .5rem;display:flex}.lb-row{gap:.25rem;display:inline-flex}.lb-btn{border:1px solid var(--line-strong);background:var(--bg);min-width:1.7rem;min-height:1.7rem;color:var(--faint);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;padding:0;font-size:.75rem;font-weight:600}.lb-btn--on{border-color:var(--accent);background:var(--accent);color:#0c0c0e}.collection__empty{color:var(--muted);margin:.5rem 0 0;font-size:.88rem}.card-tile__name{letter-spacing:-.02em;margin:0;font-size:.98rem;font-weight:600}.card-tile__name a{text-decoration:none}.card-tile__name a:hover{color:var(--accent-hover)}.card-tile__title{color:var(--faint);margin:.1rem 0 0;font-size:.8rem}.card-tile__hints{color:var(--accent);font-variant-numeric:tabular-nums;margin:.35rem 0 .4rem;font-size:.78rem}.card-tile__none{color:var(--faint);margin:0;font-size:.82rem}.card-tile__skills{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.card-tile__skills li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem .65rem;font-size:.85rem;display:flex}.source{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.68rem;font-weight:500}.banner{border-radius:var(--radius);padding:.75rem .85rem;font-size:.9rem}.banner--error{background:var(--danger-bg);color:#e2a3a3;border:1px solid #d17a7a4d}.banner code{font-size:.85em}.loading{color:var(--muted);font-size:.92rem}.footer{border-top:1px solid var(--line);color:var(--faint);margin-top:1.75rem;padding-top:1rem;font-size:.8rem}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--ink)}.footer__meta{margin:.3rem 0 0}@media (width>=720px){.page{padding-top:2rem}.panel,.results{padding:1.15rem}.cta{width:auto;min-width:12.5rem}.results__grid{grid-template-columns:1fr 1fr}.card-tile{grid-template-columns:72px 1fr}.card-tile__media img{width:72px}}