.container{padding:var(--space-xl) var(--space-lg);max-width:1300px;margin:0 auto}.page-header{margin-bottom:var(--space-2xl)}.page-kicker{font-size:var(--font-size-xs);letter-spacing:.18em;color:var(--color-primary-hover);text-transform:uppercase;margin-bottom:var(--space-xs);font-weight:800}h1{font-size:var(--font-size-4xl);background:linear-gradient(135deg, var(--color-text-heading) 0%, var(--color-primary-hover) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);background-clip:text}.page-intro{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:650px}.hero-stats{gap:var(--space-xl);margin-top:var(--space-lg);display:flex}.hero-stat{text-align:center}.hero-stat-num{font-size:var(--font-size-3xl);color:var(--color-text-heading);font-weight:800;font-family:var(--font-mono);display:block}.hero-stat-label{font-size:var(--font-size-xs);letter-spacing:.12em;color:var(--color-text-muted);text-transform:uppercase;font-weight:800}.controls{gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.control-label{letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.filter-btns{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border-radius:var(--radius-xl);font-size:var(--font-size-xs);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;padding:5px 14px;font-weight:700;transition:all .2s}.filter-btn:hover{border-color:var(--color-primary-dim);color:var(--color-text)}.filter-btn.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));color:#fff;border-color:var(--color-primary);box-shadow:0 0 12px #6366f14d}.result-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.data-updated{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);font-style:italic}.values-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.value-card{gap:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);display:flex}.value-card-link{gap:var(--space-md);width:100%;color:inherit;text-decoration:none;display:flex}.value-card:hover{box-shadow:0 8px 30px #0000004d, 0 0 0 1px var(--color-primary-dim);border-color:var(--color-primary-dim);transform:translateY(-2px)}.value-card.hidden{display:none}.value-card-img{border-radius:var(--radius-lg);background:radial-gradient(ellipse at center, var(--color-bg-tertiary) 0%, var(--color-bg) 100%);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.value-card-img img{object-fit:contain;width:72px;height:72px}.value-card-body{flex:1;min-width:0}.value-card-top{margin-bottom:var(--space-xs);justify-content:space-between;align-items:flex-start;display:flex}.value-card-top h3{font-size:var(--font-size-lg);color:var(--color-text-heading);margin:0;font-weight:800}.value-card-meta{flex-wrap:wrap;gap:4px;display:flex}.meta-tag{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:2px 8px;font-weight:700}.type-tag{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.rarity-tag[data-rarity=mythical]{color:#ff8a8a;background:#ff6b6b33}.rarity-tag[data-rarity=legendary]{color:#c4b5fd;background:#a78bfa33}.rarity-tag[data-rarity=rare]{color:#93c5fd;background:#60a5fa33}.rarity-tag[data-rarity=uncommon]{color:#d1d5db;background:#9ca3b833}.rarity-tag[data-rarity=common]{color:#9ca3b8;background:#9ca3b826}.demand-tag{border-radius:var(--radius-sm);padding:3px 10px;font-weight:700}.demand-hot{color:#fca5a5;background:#f8717133}.demand-high{color:#fcd34d;background:#fbbf2433}.demand-medium{color:#93c5fd;background:#60a5fa33}.demand-low{color:#9ca3b8;background:#9ca3b826}.value-card-data{gap:4px var(--space-lg);margin:var(--space-sm) 0;grid-template-columns:1fr 1fr;display:grid}.value-stat{justify-content:space-between;align-items:center;display:flex}.value-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:11px;font-weight:700}.value-stat-val{font-size:var(--font-size-sm);color:var(--color-text);font-weight:800;font-family:var(--font-mono)}.value-card-footer{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border);align-items:center;gap:8px;display:flex}.value-rating-badge{letter-spacing:2px;font-size:14px}.value-rating-3-3{color:#fbbf24;text-shadow:0 0 8px #fbbf2466}.value-rating-2-3{color:#93c5fd;text-shadow:0 0 6px #93c5fd4d}.value-rating-1-3{color:#9ca3b8}.back-link{margin-top:var(--space-3xl);text-align:center}.back-link a{color:var(--color-text-muted);font-size:var(--font-size-sm)}.back-link a:hover{color:var(--color-primary-hover)}@media (width<=768px){.values-grid{grid-template-columns:1fr}.hero-stats{gap:var(--space-md)}h1{font-size:var(--font-size-3xl)}}