:root{--bg: #221c26;--bg-deep: #17131a;--panel: #131b33;--panel-alt: #0e1526;--panel-secondary: #0a0f1f;--border: #414f6a;--border-soft: #2b3652;--heading: #d1607a;--heading-bright: #e0748f;--heading-pale: #e8d9dc;--link: #ffbe32;--link-hover: #ffd47f;--text: #e8e8e8;--text-dim: #a7abbf;--text-faint: #767c94;--accent: #3761af;--accent-bright: #527fd0;--brut: #fb372a;--tact: #bc2aeb;--surv: #1ce35e;--colorless: #6b7482;--card-base: #100b13;--gap-gray: #17171a;--crit: #f0d60d;--success: #2ecc71;--gold-glow: #f7eb62;--danger: #e0554a;--radius: 7px;--radius-sm: 4px;--font-head: "Schibsted Grotesk", sans-serif;--font-body: "Ubuntu", sans-serif;--shadow-panel: 0 8px 28px rgba(0, 0, 0, .55);--header-h: auto;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5}body{background-image:radial-gradient(ellipse 1200px 600px at 20% -10%,rgba(55,97,175,.16),transparent 60%),radial-gradient(ellipse 900px 500px at 100% 0%,rgba(177,63,214,.1),transparent 55%);background-attachment:fixed}img{max-width:100%;display:block}a{color:var(--link);text-decoration:none}a:hover,a:focus-visible{color:var(--link-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--panel-alt)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid var(--panel-alt)}::-webkit-scrollbar-thumb:hover{background:var(--accent-bright)}.pixel-icon{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.currency-icon{display:inline-block;vertical-align:-2px;margin-left:1px}.unlock-enemy-group{display:inline-flex;flex-shrink:0;gap:6px}.unlock-enemy{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#00000052;border:1px solid var(--border-soft);overflow:hidden}.unlock-enemy img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:20px clamp(12px,3vw,32px) 60px}.site-header{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,var(--bg-deep) 0%,#1b1620 100%);border-bottom:1px solid var(--border-soft);box-shadow:0 6px 20px #00000059}.site-header__top{max-width:1400px;margin:0 auto;padding:14px clamp(12px,3vw,32px) 10px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:52px;height:52px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 10px rgba(255,60,140,.5));flex-shrink:0}.brand__text h1{font-family:var(--font-head);font-weight:900;font-size:24px;letter-spacing:.02em;margin:0;color:var(--heading)}.brand__text h1 span{color:var(--text);font-weight:600;opacity:.85}.brand__tagline{margin:2px 0 0;font-size:12.5px;color:var(--text-faint)}.search-wrap{position:relative;flex:1 1 280px;max-width:480px;margin-left:auto}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}#search-input{width:100%;background:var(--panel-secondary);border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:14px;padding:10px 40px 10px 38px;outline:none;transition:border-color .15s,box-shadow .15s}#search-input::placeholder{color:var(--text-faint)}#search-input:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px #527fd040}.search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-body);font-size:11px;color:var(--text-faint);background:var(--panel);border:1px solid var(--border-soft);border-radius:4px;padding:1px 6px;pointer-events:none}.filter-bar{max-width:1400px;margin:0 auto;padding:4px clamp(12px,3vw,32px) 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.filter-group,.filter-scaling,.filter-dlc{display:flex;flex-wrap:wrap;gap:6px}.filter-dlc{position:relative}.sort-control{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:12.5px;color:var(--text-faint);white-space:nowrap}.sort-control select{background:var(--panel);border:1px solid var(--border-soft);color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:500;padding:6px 10px;border-radius:999px;cursor:pointer}.sort-control select:hover{border-color:var(--accent-bright);color:var(--text)}.sort-control select:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border-soft);color:var(--text-dim);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:999px;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.chip:hover{border-color:var(--accent-bright);color:var(--text)}.chip.is-active{background:var(--accent);border-color:var(--accent-bright);color:#fff}.chip img{width:15px;height:15px}.chip--ghost{background:transparent;border-style:dashed}.chip--toggle .chip__dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);transition:background .15s}.chip--toggle.is-active .chip__dot{background:var(--success);box-shadow:0 0 6px var(--success)}.chip--toggle.is-active{background:#2ecc711f;border-color:var(--success);color:var(--text)}.chip--scaling.is-active[data-scaling=brut]{background:#ef41362e;border-color:var(--brut);color:#fff}.chip--scaling.is-active[data-scaling=tact]{background:#b13fd62e;border-color:var(--tact);color:#fff}.chip--scaling.is-active[data-scaling=surv]{background:#33cc662e;border-color:var(--surv);color:#fff}.chip--scaling.is-active[data-scaling=colorless]{background:#9aa0ac2e;border-color:var(--colorless);color:#fff}.collection-bar{background:var(--panel-alt);border-bottom:1px solid var(--border-soft)}.collection-bar__summary{max-width:1400px;margin:0 auto;width:100%;background:none;border:none;color:var(--text-dim);display:flex;align-items:center;gap:14px;padding:9px clamp(12px,3vw,32px);font-size:12.5px}.collection-bar__summary:hover{color:var(--text)}.collection-bar__track{flex:1;max-width:260px;height:6px;background:var(--panel-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border-soft)}.collection-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--surv));transition:width .3s ease}.collection-bar__chevron{transition:transform .15s;color:var(--text-faint);margin-left:auto}.collection-bar__summary[aria-expanded=true] .collection-bar__chevron{transform:rotate(180deg)}.collection-bar__detail{max-width:1400px;margin:0 auto;padding:0 clamp(12px,3vw,32px) 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 20px}.collection-bar__detail[hidden]{display:none}.collection-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.collection-stat__label{flex-basis:84px;flex-shrink:0}.collection-stat__track{flex:1;height:5px;background:var(--panel-secondary);border-radius:3px;overflow:hidden;border:1px solid var(--border-soft)}.collection-stat__fill{height:100%;background:var(--accent-bright)}.collection-stat__count{font-variant-numeric:tabular-nums;color:var(--text-faint);min-width:42px;text-align:right}.section{margin-top:30px}.section:first-child{margin-top:4px}.section__head{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--border-soft);padding-bottom:6px;margin-bottom:14px}.section__head h2{font-family:var(--font-head);font-weight:800;font-size:21px;font-variant-caps:small-caps;color:var(--heading-pale);margin:0;letter-spacing:.01em}.section__count{font-size:12.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.item-card{--c1: var(--colorless);--c2: var(--colorless);position:relative;display:block;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--c1) 22%,var(--card-base)),color-mix(in srgb,var(--c1) 7%,var(--card-base)));border:2px solid color-mix(in srgb,var(--c1) 80%,black 0%);border-radius:var(--radius-sm);aspect-ratio:1;transition:transform .1s ease,box-shadow .15s,filter .15s}.item-card[data-dual=true]{background:var(--gap-gray);border:none}.item-card__tri{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;clip-path:inset(-1.5px round calc(var(--radius-sm) + 1.5px))}.item-card__tri polygon{vector-effect:non-scaling-stroke;stroke-width:3}.item-card__tri-a{fill:color-mix(in srgb,var(--c1) 16%,var(--card-base));stroke:color-mix(in srgb,var(--c1) 80%,black)}.item-card__tri-b{fill:color-mix(in srgb,var(--c2) 16%,var(--card-base));stroke:color-mix(in srgb,var(--c2) 80%,black)}.item-card:hover,.item-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #00000080;z-index:1;outline:none;filter:brightness(1.12)}.item-card:focus-visible{box-shadow:0 0 0 2px var(--accent-bright),0 6px 16px #00000080}.item-card__icon-frame{position:absolute;top:9px;right:9px;bottom:9px;left:9px;z-index:2}.item-card[data-dual=true] .item-card__icon-frame{top:11px;right:11px;bottom:11px;left:11px}.item-card__icon-frame img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.item-card.is-unlocked{box-shadow:0 0 0 2px var(--gold-glow),0 0 12px 2px #f7eb62a6,0 0 26px 4px #f7eb6240}.item-card.is-unlocked:hover,.item-card.is-unlocked:focus-visible{box-shadow:0 0 0 2px var(--gold-glow),0 0 16px 3px #f7eb62cc,0 0 30px 6px #f7eb6259}.item-card__unlock{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;background:var(--panel-secondary);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:11px;line-height:1;padding:0;opacity:0;transform:scale(.85);transition:opacity .12s,transform .12s,background .12s,border-color .12s,color .12s}.item-card:hover .item-card__unlock,.item-card:focus-visible .item-card__unlock,.item-card__unlock.is-unlocked{opacity:1;transform:scale(1)}.item-card__unlock.is-unlocked{background:var(--gold-glow);border-color:var(--gold-glow);color:#3a3308}.item-card__unlock:hover{border-color:var(--accent-bright);color:var(--text)}.item-card__unlock.is-unlocked:hover{background:#ffe97a;color:#3a3308}.empty-state{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty-state p{margin-bottom:14px;font-size:15px}.tooltip{position:fixed;z-index:90;width:320px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:12px 13px;pointer-events:none;font-size:13px;color:var(--text-dim)}.tooltip[hidden]{display:none}.tooltip__head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.tooltip__icon{width:30px;height:30px;background:var(--panel-secondary);border:1px solid var(--border-soft);border-radius:4px;padding:4px;flex-shrink:0}.tooltip__title-wrap{min-width:0}.tooltip__name{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--name-color, var(--heading));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip__meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-faint);margin-top:1px}.tooltip__scaling{display:flex;gap:3px}.tooltip__scaling img{width:14px;height:14px}.tooltip__desc{margin:0 0 8px;color:var(--text);line-height:1.45}.tooltip__desc :is(span){font-weight:600}.tooltip__stat{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:2px 0;border-top:1px solid var(--border-soft)}.tooltip__stat:first-of-type{border-top:1px solid var(--border-soft);margin-top:4px;padding-top:5px}.tooltip__stat dt{color:var(--text-faint)}.tooltip__stat dd{margin:0;color:var(--text);text-align:right}.tooltip__affix{margin:4px 0 10px;padding:8px 10px;background:#f7eb6214;border:1px solid rgba(247,235,98,.35);border-radius:var(--radius-sm)}.tooltip__affix-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gold-glow);margin-bottom:3px}.tooltip__affix-name{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--gold-glow);margin-bottom:2px}.tooltip__affix-quote{font-size:12.5px;color:var(--text);line-height:1.4}.tooltip__affix-alt{margin:0 0 8px;padding:3px 0 3px 9px;border-left:2px solid var(--border)}.tooltip__affix-alt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:2px}.tooltip__affix-alt-name{font-family:var(--font-body);font-weight:700;font-size:12.5px;color:var(--text-dim);margin-bottom:1px}.tooltip__affix-alt-quote{font-size:11.5px;color:var(--text-dim);line-height:1.35}.tooltip__unlock{margin-top:10px;padding:8px 10px;border-top:none;background:var(--panel-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.tooltip__unlock-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:3px}.tooltip__unlock-body{display:flex;align-items:center;gap:8px}.tooltip__unlock-text{font-size:13px;color:var(--text);line-height:1.4}.tooltip__hint{margin-top:8px;font-size:10.5px;color:var(--text-faint);text-align:center;text-transform:uppercase;letter-spacing:.04em}.tooltip__dlc{display:inline-block;margin-top:6px;font-size:10.5px;background:#527fd02e;border:1px solid var(--accent-bright);color:var(--text);padding:1px 7px;border-radius:999px}.content-row{display:block;flex:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08060c99;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:40;opacity:0;transition:opacity .2s ease}.scrim.is-visible{opacity:1}.scrim[hidden]{display:none}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-alt) 100%);border-left:1px solid var(--border);box-shadow:-12px 0 30px #00000080;z-index:50;overflow-y:auto;transform:translate(100%)}.detail-panel.is-open{transform:translate(0)}@media(min-width:1000px){.content-row{display:flex;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto}#main{flex:1;min-width:0;max-width:none;margin:0}.scrim{display:none!important}.detail-panel{position:sticky;top:var(--header-h);right:auto;bottom:auto;height:calc(100vh - var(--header-h));width:360px;flex-shrink:0;transform:none;box-shadow:none;border-top:none}}.detail__close{position:sticky;top:0;float:right;margin:8px 8px 0 0;background:var(--panel-secondary);border:1px solid var(--border-soft);color:var(--text-dim);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:2}.detail__close:hover{color:var(--text);border-color:var(--accent-bright)}.detail__header{padding:14px 16px 10px;text-align:center;border-bottom:1px solid var(--border-soft);background:radial-gradient(ellipse at top,rgba(82,127,208,.16),transparent 70%)}.detail__icon-wrap{width:52px;height:52px;margin:0 auto 6px;background:var(--panel-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;position:relative}.detail__icon-wrap img{width:100%;height:100%;object-fit:contain}.detail__name{font-family:var(--font-body);font-weight:700;font-size:17px;color:var(--name-color, var(--heading));margin:0 0 3px}.detail__badges{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border-soft);color:var(--text-dim);background:var(--panel-secondary)}.badge img{width:12px;height:12px}.badge--brut{border-color:var(--brut);color:#ffb3ad}.badge--tact{border-color:var(--tact);color:#ecb6fa}.badge--surv{border-color:var(--surv);color:#a8f0c1}.badge--colorless{border-color:var(--colorless);color:#d3d6dc}.badge--dlc{border-color:var(--accent-bright);color:#cfe0ff}.detail__unlock-toggle{display:inline-flex;align-items:center;gap:7px;background:var(--panel-secondary);border:1px solid var(--border);color:var(--text-dim);padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:600}.detail__unlock-toggle:hover{border-color:var(--accent-bright)}.detail__unlock-toggle .dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);transition:background .15s}.detail__unlock-toggle.is-unlocked{border-color:var(--success);color:var(--text);background:#2ecc711a}.detail__unlock-toggle.is-unlocked .dot{background:var(--success);box-shadow:0 0 6px var(--success)}.detail__body{padding:10px 16px}.detail__flavor{font-style:italic;color:#90abe6;font-size:11.5px;margin:0 0 8px;padding-left:8px;border-left:2px solid #90abe6}.detail__desc{font-size:12.5px;color:var(--text);line-height:1.42;margin:0 0 8px}.detail__affix{margin:0 0 8px;padding:7px 10px;background:#f7eb6214;border:1px solid rgba(247,235,98,.35);border-radius:var(--radius-sm)}.detail__affix-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-glow);margin-bottom:3px}.detail__affix-name{font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--gold-glow);margin-bottom:2px}.detail__affix-quote{font-size:12px;color:var(--text);line-height:1.35}.detail__affix-alt{margin:0 0 10px;padding:3px 0 3px 10px;border-left:2px solid var(--border)}.detail__affix-alt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:2px}.detail__affix-alt-name{font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--text-dim);margin-bottom:2px}.detail__affix-alt-quote{font-size:12px;color:var(--text-dim);line-height:1.4}.detail h3{font-family:var(--font-body);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 3px;padding-bottom:2px;border-bottom:1px solid var(--border-soft)}.stat-table{width:100%;border-collapse:collapse;margin-bottom:6px;font-size:12px}.stat-table tr:nth-child(2n) td{background:#ffffff06}.stat-table td{padding:2.5px 4px;border-bottom:1px solid var(--border-soft);vertical-align:top}.stat-table td:first-child{color:var(--text-faint);width:42%;padding-right:10px}.stat-table td:last-child{color:var(--text);text-align:right}.unlock-block{background:var(--panel-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:7px 10px;margin-bottom:6px;font-size:12px}.unlock-block__row{display:flex;justify-content:space-between;gap:12px;padding:2.5px 0}.unlock-block__row+.unlock-block__row{border-top:1px solid var(--border-soft)}.unlock-block__row dt{color:var(--text-faint);flex-shrink:0}.unlock-block__row dd{margin:0;color:var(--text);text-align:right}.unlock-block__row dd a{color:var(--link)}.unlock-block__location{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.unlock-block__location .unlock-enemy{width:38px;height:38px}.detail__internal{font-size:10px;color:var(--text-faint);margin-bottom:6px}.detail__internal code{background:var(--panel-secondary);border:1px solid var(--border-soft);border-radius:3px;padding:1px 5px;font-size:9.5px}.detail__wiki-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--link);border:1px solid var(--border);padding:6px 14px;border-radius:var(--radius-sm);width:100%;justify-content:center}.detail__wiki-link:hover{border-color:var(--link);background:#ffbe3214;text-decoration:none}.detail__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;height:100%;min-height:220px;padding:24px;color:var(--text-faint);font-size:13px}.detail__empty img{width:40px;height:40px;opacity:.55}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:55;max-height:75vh;overflow-y:auto;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-alt) 100%);border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -12px 30px #00000080;padding:0 18px 20px;transform:translateY(100%)}.mobile-sheet.is-open{transform:translateY(0)}.mobile-sheet__handle{display:block;width:100%;height:22px;position:relative;background:transparent;border:none;padding:0;margin:0 0 2px}.mobile-sheet__handle:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:999px;background:var(--border)}.mobile-sheet__close{position:absolute;top:10px;right:14px;background:var(--panel-secondary);border:1px solid var(--border-soft);color:var(--text-dim);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-sheet__more{display:block;width:100%;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:600;font-family:inherit;color:var(--link);background:var(--panel-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.mobile-sheet__more:hover,.mobile-sheet__more:active{border-color:var(--link);background:#ffbe3214}.site-footer{border-top:1px solid var(--border-soft);background:var(--bg-deep);padding:18px clamp(12px,3vw,32px) 26px;text-align:center}.site-footer p{max-width:720px;margin:0 auto;font-size:11.5px;color:var(--text-faint);line-height:1.6}.site-footer__meta{margin-top:6px!important;opacity:.7}@media(max-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.site-header__top{gap:10px}.brand__tagline{display:none}.detail-panel{width:100vw}}@media(hover:none){.tooltip{display:none!important}.item-card__unlock{opacity:1;transform:scale(1)}}