:root{--vault-bg:#02020a;--vault-card:rgba(255,255,255,0.03);--vault-border:rgba(255,255,255,0.1);--vault-accent:#7fe8ff;--vault-red:#ff3b5c;--vault-glass:rgba(10,10,20,0.8)}.vault-container{min-height:100vh;background:var(--vault-bg);background-image:radial-gradient(circle at 0 0,rgba(127,232,255,.05) 0,transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,59,92,.05) 0,transparent 50%);color:white;padding:120px 40px 60px;font-family:Space Grotesk,sans-serif}.vault-header{max-width:1400px;margin:0 auto 60px;display:flex;justify-content:space-between;align-items:flex-end}.vault-title-stcg{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5)}.vault-title-collection{color:#ff0033;text-shadow:0 0 20px rgba(255,0,51,.6)}.filter-bar{position:sticky;top:80px;z-index:100;max-width:1400px;margin:0 auto 40px;background:var(--vault-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--vault-border);border-radius:20px;padding:12px 24px;gap:20px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.filter-bar,.filter-group{display:flex;align-items:center}.filter-group{gap:10px;flex:1}.filter-input{background:transparent;border:none;color:white;font-family:JetBrains Mono,monospace;font-size:14px;width:100%;outline:none}.filter-input::placeholder{color:rgba(255,255,255,.2)}.filter-select{background:rgba(255,255,255,.05);border:1px solid var(--vault-border);color:white;padding:8px 16px;border-radius:10px;font-size:13px;cursor:pointer;outline:none;transition:all .2s}.filter-select:hover{background:rgba(255,255,255,.1);border-color:var(--vault-accent)}.card-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:60px;justify-items:center}.card-perspective{perspective:1000px}.card-wrapper{aspect-ratio:2.5/3.5;cursor:pointer;transition:transform .1s ease-out}.card-inner,.card-wrapper{position:relative;width:100%;transform-style:preserve-3d}.card-inner{height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card-wrapper:hover .card-inner{transform:scale(1.02)}.vault-card-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:18px;overflow:hidden;border:1px solid var(--vault-border);background:#050505}.vault-card-face:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 40%,rgba(255,255,255,.05));pointer-events:none}.card-back{transform:rotateY(180deg)}.card-image-area{height:70%;position:relative;background:#000}.card-avatar{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.card-wrapper:hover .card-avatar{opacity:1}.card-info{padding:20px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8) 20%);position:absolute;bottom:0;width:100%}.card-rarity{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px}.rarity-common{color:#94a3b8}.rarity-rare{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.5)}.rarity-epic{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.5)}.rarity-legendary{color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.8)}.card-name{font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em}.card-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.15) 0,transparent 60%);pointer-events:none;z-index:10;opacity:0;transition:opacity .3s}.card-wrapper:hover .card-shine{opacity:1}@media (max-width:1024px){.vault-header{flex-direction:column;align-items:flex-start;gap:20px}.filter-bar{flex-wrap:wrap;top:20px}}