.asset-tile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;min-height:0;padding:20px;display:grid;overflow:auto}.asset-tile-grid--virtualized{display:block;position:relative}.virtual-asset-grid-spacer{min-height:100%;position:relative}.virtual-asset-grid-cell{will-change:transform;position:absolute;top:0;left:0}.virtual-asset-grid-cell>.asset-tile,.virtual-asset-grid-cell>.asset-tile-cell{width:100%}.asset-tile-grid:not(.asset-tile-grid--virtualized)>.asset-tile,.asset-tile-grid:not(.asset-tile-grid--virtualized)>.asset-tile-cell{content-visibility:auto;contain-intrinsic-size:auto 255px}.asset-tile{--tile-glow:linear-gradient(180deg, #2c2f32, #15181a);aspect-ratio:1/1.414;background:linear-gradient(180deg, rgba(var(--surface-rgb), .04), transparent 18%), linear-gradient(180deg, #131614f0, #080a09f5);border:1px solid rgba(var(--text-rgb), .12);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px rgba(var(--shadow-rgb), .22), 0 10px 22px rgba(var(--shadow-rgb), .38);flex-direction:column;padding:0;display:flex;overflow:hidden}button.asset-tile{color:inherit;cursor:pointer;font:inherit;text-align:inherit;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease}button.asset-tile:hover:not(:disabled){border-color:rgba(var(--accent-glow-rgb), .58);box-shadow:inset 0 0 0 1px rgba(var(--shadow-rgb), .24), 0 12px 24px rgba(var(--shadow-rgb), .42)}button.asset-tile:disabled{cursor:not-allowed;opacity:.55}.asset-tile.skeleton{position:relative;overflow:hidden}.asset-tile.skeleton:after{background:linear-gradient(90deg, transparent, rgba(var(--text-rgb), .08), transparent);content:"";animation:1.8s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.asset-tile.skeleton:after{animation:none;transform:translate(0)}}.asset-tile-art{background:radial-gradient(circle at 50% 40%, rgba(var(--text-rgb), .12), transparent 46%), var(--tile-glow);border:0;flex:1 1 0;place-items:center;min-height:0;padding-top:30px;display:grid;position:relative;overflow:hidden}.asset-tile-art--card{background:linear-gradient(#15181a,#0c0e0f);flex-direction:column;gap:4px;padding:6px 8px 2px;display:flex}.asset-tile-art--pack-fill{background:linear-gradient(#15181a,#0c0e0f);padding:4px 18px 88px}button.asset-tile--pack-fill:hover:not(:disabled){border-color:#0000}.asset-tile-meta{color:rgba(var(--text-rgb), .7);font-family:var(--app-font-code);font-size:var(--font-size-micro);font-variant-numeric:tabular-nums;text-align:center;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 10px 6px;font-weight:700;display:flex}.asset-tile-meta-sep{color:rgba(var(--text-rgb), .4);font-weight:600}.asset-tile-meta-strike{opacity:.55;text-decoration:line-through;text-decoration-thickness:1px}.asset-tile-art-rarity{background:rgba(var(--shadow-rgb), .6);border:1px solid color-mix(in srgb, var(--rarity-accent,var(--text)) 65%, transparent);border-radius:var(--radius-pill);color:var(--rarity-accent,var(--text));font-size:var(--font-size-micro);letter-spacing:.1em;pointer-events:none;text-transform:uppercase;flex:none;align-self:center;padding:3px 7px;font-weight:700;line-height:1}.asset-tile-stat{color:rgba(var(--text-rgb), .9);font-family:var(--app-font-code);font-size:var(--font-size-label);font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 2px rgba(var(--shadow-rgb), .75);white-space:nowrap;font-weight:700;line-height:1;position:absolute}.asset-tile-stat-tl{top:10px;left:10px}.asset-tile-rarity{background:rgba(var(--shadow-rgb), .55);border:1px solid var(--rarity-accent,rgba(var(--text-rgb), .4));border-radius:var(--radius-pill);color:var(--rarity-accent,var(--text));font-family:var(--app-font-body);font-size:var(--font-size-micro);letter-spacing:.1em;pointer-events:none;text-shadow:none;text-transform:uppercase;white-space:nowrap;padding:3px 7px;font-weight:900;position:absolute;top:32px;left:50%;transform:translate(-50%)}.asset-tile-footer{background:rgba(var(--accent-glow-rgb), .04);border-top:1px solid rgba(var(--text-rgb), .12);flex:none;justify-content:center;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.market-listing-art-trigger{appearance:none;color:inherit;cursor:pointer;font:inherit;min-height:0;text-align:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;width:100%;margin:0;padding:0;display:flex}.market-listing-art-trigger:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.asset-tile-footer-spread{justify-content:space-between}.asset-tile-footer strong{color:var(--text);font-family:var(--app-font-code);font-size:var(--font-size-copy);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-overflow:ellipsis;min-width:0;text-shadow:0 0 8px rgba(var(--accent-glow-rgb), .22);white-space:nowrap;font-weight:800;overflow:hidden}.asset-tile-footer button{border:1px solid rgba(var(--surface-rgb), .16);border-radius:var(--radius-button);box-shadow:inset 0 0 0 1px rgba(var(--shadow-rgb), .22);color:rgba(var(--text-rgb), .78);cursor:pointer;font-family:var(--app-font-code);font-size:var(--font-size-caption);letter-spacing:.18em;text-transform:uppercase;min-height:34px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, color var(--motion-fast) ease;background:#08090cdb;flex:none;padding:0 14px;font-weight:800}.asset-tile-footer button:hover:not(:disabled){border-color:rgba(var(--accent-glow-rgb), .58);color:var(--accent-hover);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .24)}.asset-tile-footer button:disabled{cursor:not-allowed;opacity:.55}.asset-tile-footer button.primary{background:var(--accent-button);border-color:var(--accent-hover);color:var(--white);letter-spacing:.14em;text-shadow:0 1px 0 rgba(var(--shadow-rgb), .38);box-shadow:0 8px 18px rgba(var(--shadow-rgb), .28), inset 0 1px 0 rgba(var(--surface-rgb), .18);font-weight:900}.asset-tile-footer button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:rgba(var(--surface-rgb), .35);box-shadow:0 10px 20px rgba(var(--shadow-rgb), .34), inset 0 1px 0 rgba(var(--surface-rgb), .2)}.asset-tile-cooldown{color:rgba(var(--text-rgb), .66);font-family:var(--app-font-code);font-size:var(--font-size-micro);font-variant-numeric:tabular-nums;white-space:nowrap}.asset-tile-meta-separator{color:rgba(var(--text-rgb), .38);font-size:var(--font-size-caption);flex:none;line-height:1}.asset-tile-cell{flex-direction:column;gap:8px;min-width:0;display:flex}.asset-tile-cell>.asset-tile-meta{text-align:center;white-space:nowrap;justify-content:center;gap:12px;min-width:0}.asset-tile-status-text{font-family:var(--app-font-code);font-size:var(--font-size-micro);letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1}.asset-tile-status-pill{border-radius:var(--radius-pill);font-family:var(--app-font-code);font-size:var(--font-size-micro);letter-spacing:.12em;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:4px 12px;font-weight:700;line-height:1;display:inline-flex}button.asset-tile.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 14px 26px rgba(var(--shadow-rgb), .5)}
