.skin-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}@media (hover:hover){.skin-card:hover{background:var(--bg-card-hover);border-color:var(--border)}}.skin-card-visual{aspect-ratio:4/3;width:100%;color:var(--text-dim);background:#12151b;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skin-card-visual:after{content:"";background:var(--rarity-color,transparent);border-radius:2px 2px 0 0;width:30px;height:3px;position:absolute;bottom:0;left:10px}@keyframes img-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skin-card-visual:before,.item-image:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.6s ease-in-out infinite img-shimmer;position:absolute;inset:0}.skin-card-visual.img-loaded:before,.item-image.img-loaded:before{display:none}.skin-card-featured{z-index:1;border:1px solid var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums;background:#0f1115d9;border-radius:4px;align-items:center;padding:2px 7px;font-size:.625rem;font-weight:600;line-height:1.4;display:inline-flex;position:absolute;top:6px;left:6px}.skin-card-badges{z-index:1;gap:3px;display:flex;position:absolute;top:6px;right:6px}.skin-card-badge{letter-spacing:.04em;background-color:#0f1115d9;border-radius:4px;padding:2px 5px;font-size:.563rem;font-weight:700;line-height:1}.skin-card-badge--st{border:1px solid rgba(var(--stattrak-rgb), .4);color:var(--stattrak);background-color:#0f1115e0}.skin-card-badge--sv{border:1px solid rgba(var(--souvenir-rgb), .35);color:#d4a72c;background-color:#0f1115e0}.skin-card-img{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.skin-card-img img{object-fit:contain;opacity:0;width:85%;height:85%;transition:opacity .2s}.skin-card-img img.loaded{opacity:1}.skin-card-body{flex-direction:column;gap:3px;padding:10px;display:flex}.skin-card-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.813rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.skin-card-rarity{text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:500}.skin-card-pricing{border-top:1px solid var(--border);align-items:baseline;gap:6px;margin-top:4px;padding-top:6px;display:flex}.skin-card-price{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.938rem;font-weight:700}.skin-card-mp-count{color:var(--text-dim);white-space:nowrap;font-size:.563rem}.finish-card-phase{color:var(--text-muted);font-size:.688rem}.finish-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.finish-card:hover{background:var(--bg-card-hover);border-color:var(--border)}.t-first-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}@media (width<=900px){.t-first-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.t-first-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.t-first-tile{background:var(--bg-card);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.t-first-tile:hover{background:var(--bg-card-hover);border-color:var(--border)}.t-first-img{height:44px;color:var(--text-dim);align-items:center;display:flex}.t-first-img img{object-fit:contain;max-width:80%;max-height:44px}.t-first-name{color:var(--text);font-size:.813rem;font-weight:600}.t-first-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.625rem}.t-index-group{margin-bottom:14px}.t-index-group:last-child{margin-bottom:0}.t-index-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:6px;font-size:.625rem;font-weight:600}.t-index-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px;display:grid}.t-index-tile{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.t-index-tile:hover{background:var(--bg-card-hover);border-color:var(--border)}.t-index-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.t-index-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.625rem}.ip-page .skin-card{position:relative}.ip-page .skin-card-trend{z-index:2;margin:0;position:absolute;top:8px;right:8px}.ip-page .skin-card-trend .t-delta{background:#0f1115d1}
