.ic-grid{--ic-neutral:rgb(var(--fg-rgb,240, 242, 255));grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ic-grid.ic-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.ic-tile{background:rgba(var(--fg-rgb,240, 242, 255), calc(.035 * var(--fg-a,1)));border:1px solid rgba(var(--fg-rgb,240, 242, 255), calc(.08 * var(--fg-a,1)));border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:68px;padding:6px 12px 6px 6px;transition:border-color .18s,background-color .18s;display:flex;position:relative}.ic-tile:hover{border-color:color-mix(in srgb, var(--ic-tint) 45%, transparent)}.ic-art{background:radial-gradient(70% 70% at 50% 45%, color-mix(in srgb, var(--ic-tint) 26%, transparent), transparent 75%), rgba(var(--fg-rgb,240, 242, 255), calc(.04 * var(--fg-a,1)));border-radius:10px;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.ic-art img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px #00000059);width:82%;height:82%}.ic-dino .ic-art img,.ic-reward .ic-art img{filter:invert()brightness(.94)drop-shadow(0 2px 4px #00000073);width:74%;height:74%}html.scheme-light .ic-dino .ic-art img,html.scheme-light .ic-reward .ic-art img{filter:drop-shadow(0 2px 4px #0000001f)}.ic-ph{width:48%;height:48%;color:color-mix(in srgb, var(--ic-tint) 70%, rgb(var(--fg-rgb,240, 242, 255)));opacity:.75}.ic-bp{letter-spacing:.05em;color:#fff;background:#2563eb;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:-3px;left:-3px;box-shadow:0 2px 6px #2563eb59}.ic-body{flex:1;gap:3px;min-width:0;display:grid}.ic-top{align-items:flex-start;gap:8px;min-width:0;display:flex}.ic-name{min-width:0;color:var(--ink-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.ic-qty{color:var(--accent-text,var(--skin-a));background:color-mix(in srgb, var(--skin-a) 12%, transparent);border:1px solid color-mix(in srgb, var(--skin-a) 28%, transparent);border-radius:99px;flex:none;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.3}.ic-compact .ic-tile{gap:10px;min-height:56px;padding:5px 10px 5px 5px}.ic-compact .ic-art{border-radius:8px;width:44px;height:44px}.ic-compact .ic-name{font-size:13px}.ic-meta{color:var(--ink-muted);flex-wrap:wrap;gap:4px 8px;font-size:12px;display:flex}.ic-quality{font-weight:700}.ic-stats{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.ic-stats span{color:var(--ink-secondary);background:rgba(var(--fg-rgb,240, 242, 255), calc(.05 * var(--fg-a,1)));border-radius:5px;padding:1px 6px;font-size:10.5px}.ic-stats b{color:var(--ink-muted);margin-right:2px;font-weight:700}.ic-empty{text-align:center;color:var(--ink-muted);border:1px dashed rgba(var(--fg-rgb,240, 242, 255), calc(.14 * var(--fg-a,1)));border-radius:14px;padding:28px 16px;font-size:14px}.ic-notes{white-space:pre-line;color:var(--ink-secondary);background:rgba(var(--fg-rgb,240, 242, 255), calc(.03 * var(--fg-a,1)));border:1px solid rgba(var(--fg-rgb,240, 242, 255), calc(.07 * var(--fg-a,1)));border-radius:14px;margin-top:14px;padding:14px 16px;font-size:14px;line-height:1.6}.ic-notes-title{letter-spacing:.04em;color:var(--ink-muted);margin-bottom:6px;font-size:12px;font-weight:700}@media (max-width:520px){.ic-grid,.ic-grid.ic-compact{grid-template-columns:minmax(0,1fr);gap:6px}}.ic-pkg{border-radius:16px;align-items:center;gap:16px;padding:12px;display:flex}.ic-pkg-art{background:radial-gradient(70% 70% at 50% 45%, color-mix(in srgb, var(--skin-a) 16%, transparent), transparent 75%), rgba(var(--fg-rgb,240, 242, 255), calc(.04 * var(--fg-a,1)));border-radius:12px;flex:none;place-items:center;width:112px;height:112px;display:grid;overflow:hidden}.ic-pkg-art img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px #00000073);width:100%;height:100%;padding:8px}.ic-pkg-name{color:var(--ink-primary);font-size:18px;font-weight:700;line-height:1.25}.ic-pkg-sub{color:var(--ink-muted);margin-top:4px;font-size:13.5px}@media (max-width:520px){.ic-pkg{gap:12px;padding:10px}.ic-pkg-art{width:76px;height:76px}.ic-pkg-name{font-size:16px}}
