@layer pages{body[data-route=marketplace]{--mp-primary:color-mix(in oklch, var(--accent-red) 85%, black);--mp-secondary:color-mix(in oklch, var(--accent-red) 60%, black);--mp-accent:var(--accent-route-marketplace);--mp-dark-bg:var(--bg-deep);--mp-card-bg:var(--bg-card);--mp-text:var(--text-primary);--mp-gold:var(--accent-route-marketplace)}body[data-scope=marketplace]{background:var(--mp-dark-bg);color:var(--mp-text);font-family:var(--font-body,var(--font-ui));margin:0;padding:0}.marketplace-header{background:linear-gradient(135deg, var(--mp-primary), var(--mp-secondary));padding:calc(var(--nav-height,64px) + 32px) 20px 40px;text-align:center;box-shadow:0 4px 20px #8b000066}.marketplace-header h1{text-shadow:2px 2px 4px #000c;margin:0;font-size:3em}.marketplace-stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:20px;display:flex}.stat-card{border:2px solid var(--mp-gold);text-align:center;background:#0009;border-radius:10px;padding:20px 30px}.stat-value{color:var(--mp-gold);font-variant-numeric:tabular-nums;font-size:2em;font-weight:700}.stat-label{opacity:.8;font-size:.9em}.marketplace-container{max-width:1400px;margin:40px auto;padding:0 20px}.filters-section{background:var(--mp-card-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;padding:20px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{opacity:.7;font-size:.85em}.filter-group select,.filter-group input{border:1px solid var(--mp-primary);background:var(--mp-dark-bg);color:var(--mp-text);border-radius:5px;min-width:150px;padding:8px 12px}.btn{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.btn:active{transform:translateY(-2px)scale(.98)}.btn-primary{background:var(--mp-primary);color:#fff}.btn-primary:hover{background:#a00000;box-shadow:0 4px 15px #8b000080}.btn-secondary{border:2px solid var(--mp-primary);color:var(--mp-primary);background:0 0}.btn-secondary:hover{background:var(--mp-primary);color:#fff}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:40px;display:grid}.listing-card{background:var(--mp-card-bg);content-visibility:auto;contain-intrinsic-size:auto 360px;border:2px solid #0000;border-radius:10px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.listing-card:hover{border-color:var(--mp-gold);transform:translateY(-5px);box-shadow:0 8px 25px #ffd7004d}.listing-image{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);justify-content:center;align-items:center;width:100%;height:200px;font-size:4em;display:flex}.listing-details{padding:20px}.listing-name{color:var(--mp-gold);margin:0 0 10px;font-size:1.3em}.listing-info{opacity:.8;justify-content:space-between;margin-bottom:15px;font-size:.9em;display:flex}.listing-price{color:var(--mp-gold);font-variant-numeric:tabular-nums;margin:15px 0;font-size:1.5em;font-weight:700}.listing-type-badge{background:var(--mp-primary);border-radius:5px;padding:5px 10px;font-size:.8em;font-weight:700;position:absolute;top:10px;right:10px}.rarity-common{border-left:4px solid #888}.rarity-uncommon{border-left:4px solid #22c55e}.rarity-rare{border-left:4px solid #3b82f6}.rarity-epic{border-left:4px solid #a855f7}.rarity-legendary{border-left:4px solid #f97316}.rarity-mythic{border-left:4px solid #ef4444}.tabs-container{margin-bottom:30px}.tabs{border-bottom:2px solid var(--mp-primary);gap:10px;padding-bottom:0;display:flex}.tab{color:var(--mp-text);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;padding:12px 24px;transition:background .15s,border-color .15s}.tab.active{border-bottom-color:var(--mp-gold);color:var(--mp-gold)}.tab:hover{background:#8b000033}.tab:focus-visible{outline:2px solid var(--focus-ring,#ffeb3b);outline-offset:-2px}.tab-content{display:none}.tab-content.active{display:block}.create-listing-form{background:var(--mp-card-bg);border-radius:10px;max-width:600px;margin:0 auto;padding:30px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--mp-primary);background:var(--mp-dark-bg);width:100%;color:var(--mp-text);border-radius:5px;padding:10px;font-size:1em}.form-group textarea{resize:vertical;min-height:100px}.pagination{justify-content:center;gap:10px;margin-top:30px;display:flex}.page-btn{background:var(--mp-card-bg);border:1px solid var(--mp-primary);color:var(--mp-text);cursor:pointer;border-radius:5px;padding:8px 16px}.page-btn.active{background:var(--mp-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.modal{width:100%;height:100%;z-index:var(--z-modal,1000);background:#000c;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:var(--mp-card-bg);border:2px solid var(--mp-gold);border-radius:10px;width:90%;max-width:500px;padding:30px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.close-modal{color:var(--mp-text);cursor:pointer;background:0 0;border:none;font-size:1.5em}.close-modal:focus-visible{outline:2px solid var(--focus-ring,#ffeb3b);outline-offset:2px}.loading{text-align:center;opacity:.7;padding:50px;font-size:1.5em}@media (width<=768px){.marketplace-header h1{font-size:2em}.marketplace-stats{gap:20px}.stat-card{padding:15px 20px}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.filters-section{flex-direction:column}.tabs{-webkit-overflow-scrolling:touch;scroll-padding-inline:12px;overflow-x:auto}.tab{white-space:nowrap;padding:10px 16px}}@media (width<=480px){.marketplace-header{padding:calc(var(--nav-height,64px) + 22px) 16px 24px}.marketplace-header h1{font-size:1.6em}.marketplace-container{margin:20px auto;padding:0 12px}.listings-grid{grid-template-columns:1fr}.listing-image{height:150px}.create-listing-form{padding:20px 16px}}}body[data-route=marketplace] .listing-card.sold{opacity:.62;filter:grayscale(.45);pointer-events:none;position:relative}body[data-route=marketplace] .listing-card.sold:after{content:"SOLD";background:var(--mp-gold,#f0b400);color:#1a0a0a;letter-spacing:.18em;padding:4px 40px;font-size:.72rem;font-weight:900;position:absolute;inset-block-start:12px;inset-inline-end:-34px;transform:rotate(35deg);box-shadow:0 4px 14px #00000080}body[data-route=marketplace] .listing-card .listing-sold-badge{color:var(--mp-gold,#f0b400);letter-spacing:.06em;margin-top:6px;font-weight:800}@media (prefers-reduced-motion:no-preference){body[data-route=marketplace] .listing-card.sold{transition:opacity .24s,filter .24s}}