.card-grid-section{margin-bottom:48px}.cg-header{margin-bottom:24px}.cg-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.5px}.cg-sub{color:var(--text-2);font-size:14px;margin-top:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.card-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.card-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.card-tile:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 0 1px var(--border-hover)}.card-tile:hover:before{opacity:1}.card-tile.ct-in-collection{border:2px solid rgba(212,175,55,.5)}.card-tile.ct-in-collection:hover{border-color:rgba(212,175,55,.8);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 0 1px rgba(212,175,55,.6)}.ct-badges{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;gap:4px;pointer-events:auto}.ct-badge-collection{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--accent);color:#000;line-height:1.3;cursor:default}.ct-badge-watching{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(167,139,250,.25);color:#a78bfa;border:1px solid rgba(167,139,250,.4);cursor:pointer;transition:background .2s,border-color .2s}.ct-badge-watching:hover{background:rgba(167,139,250,.4);border-color:rgba(167,139,250,.6)}.ct-badge-watching svg{display:block}.ct-badge-add-watch{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text-3);border:1px solid var(--border);cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s,border-color .2s}.card-tile:hover .ct-badge-add-watch{opacity:1}.ct-badge-add-watch:hover{background:rgba(167,139,250,.2);color:#a78bfa;border-color:rgba(167,139,250,.4)}.ct-badge-add-watch svg{display:block}.ct-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;background:var(--bg-card);color:var(--text-1);border:1px solid var(--border);padding:10px 20px;border-radius:100px;font-size:13px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:ct-toast-in .3s ease}@keyframes ct-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ct-top{display:flex;gap:12px;align-items:flex-start}.ct-image-wrap{width:56px;height:78px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative;background:var(--bg-elevated);border:1px solid var(--border);background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(255,255,255,.05) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.ct-image-wrap:has(img[complete]){animation:none;background:var(--bg-elevated)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ct-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .3s ease}.ct-image.loaded,.ct-image[complete]{opacity:1}.ct-info{flex:1 1;min-width:0}.ct-game{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ct-name{font-size:15px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.ct-name,.ct-set{margin-top:2px;overflow:hidden}.ct-set{font-size:11px;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:calc(2 * 11px * 1.4)}.ct-chart-wrap{margin:0 -4px}.ct-sales{display:flex;gap:6px;flex-wrap:wrap;min-height:23px;align-items:center}.ct-sales-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.2px;line-height:1}.ct-sales-7d{color:#00d2be;background:rgba(0,210,190,.1);border:1px solid rgba(0,210,190,.2)}.ct-sales-30d{color:#a78bfa;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2)}.ct-sales-empty{color:var(--text-3);background:transparent;border:1px solid var(--border)}.ct-bottom{display:flex;justify-content:space-between;align-items:flex-end}.ct-price{display:flex;flex-direction:column}.ct-price-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.ct-price-value{font-size:20px;color:var(--text)}.ct-change,.ct-price-value{font-family:var(--font-mono);font-weight:600}.ct-change{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:13px}.ct-change.up{color:var(--green);background:var(--green-dim)}.ct-change.down{color:var(--red);background:var(--red-dim)}.ct-change-arrow{font-size:9px}.card-tile-skeleton{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-height:120px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.03) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.ct-image-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;background:var(--bg-elevated)}@media (max-width:640px){.card-grid{grid-template-columns:1fr}}