.leaderboard-section{margin-bottom:30px;padding:15px;background:var(--surface);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.leaderboard-section h2{color:var(--brand-text);margin-bottom:15px;border-bottom:2px solid var(--gold);padding-bottom:8px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--surface-2);border-radius:6px;transition:transform 0.2s}.leaderboard-item:hover{transform:translateX(5px);background:var(--surface-3)}.leaderboard-rank{font-weight:bold;color:var(--brand-text);min-width:30px}.leaderboard-username{flex-grow:1;margin:0 15px;font-weight:500}.leaderboard-count{font-weight:bold;color:var(--danger-text);min-width:40px;text-align:right}.leaderboard-item:nth-child(1) .leaderboard-rank{color:gold;font-size:1.2em}.leaderboard-item:nth-child(2) .leaderboard-rank{color:silver;font-size:1.1em}.leaderboard-item:nth-child(3) .leaderboard-rank{color:#cd7f32;font-size:1.1em}@media (max-width: 768px){.leaderboard-item{flex-direction:column;align-items:flex-start;gap:5px}.leaderboard-count{align-self:flex-end}}.view-options{margin-bottom:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.view-options label{font-weight:bold;color:var(--brand-text)}#sort-select{padding:8px 12px;border:2px solid var(--border);border-radius:4px;font-size:1rem;background-color:var(--surface);cursor:pointer}#sort-select:focus{outline:none;border-color:#1a2a6c}.group-toggle{display:flex;align-items:center;gap:10px}.view-toggle{padding:8px 15px;background:var(--surface-3);color:var(--text);border:none;border-radius:4px;cursor:pointer;font-weight:bold}.view-toggle.active{background:#1a2a6c;color:white}.view-toggle:hover:not(.active){background:var(--surface-3)}.coins-display{background:linear-gradient(135deg,#ffd700,#ffb700);padding:8px 15px;border-radius:20px;color:#333;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:flex;align-items:center;gap:5px}.coins-display{background:linear-gradient(135deg,#ffd700,#ffb700);padding:8px 15px;border-radius:20px;color:#333;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:flex;align-items:center;gap:5px}.market-section{background:var(--surface);padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.market-item{border:1px solid var(--border);border-radius:8px;padding:20px;margin:15px 0;text-align:center}.market-item h3{color:var(--brand-text);margin-bottom:10px}.price{font-size:1.2rem;font-weight:bold;color:var(--danger-text);margin:10px 0}.buy-button{padding:12px 24px;background:#1a2a6c;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:bold;transition:background 0.3s}.buy-button:hover{background:#2a3a9c}.buy-button:disabled{background:#cccccc;cursor:not-allowed}.error-message{background-color:#ff4444;color:white;padding:10px;border-radius:5px;margin:10px 0;text-align:center}.card-count{position:absolute;top:5px;left:5px;background:rgba(0,0,0,0.7);color:white;padding:3px 8px;border-radius:10px;font-size:0.9rem;font-weight:bold}.card-to-sell{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:var(--surface-2);border-radius:8px;text-align:center}.card-to-sell .card-img{width:150px;height:180px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px;border:2px solid var(--border)}.card-to-sell .card-img img{width:100%;height:100%;object-fit:contain;border-radius:6px}.sell-card-info{text-align:center}.sell-card-info div{margin-bottom:8px}.sell-card-value{font-weight:bold;color:var(--brand-text);margin-top:10px}.sell-quantity{display:flex;align-items:center;gap:10px;margin-bottom:15px;justify-content:center}#sell-quantity-input{width:60px;padding:8px;border:2px solid var(--border);border-radius:4px;text-align:center}.sell-total{font-size:1.2rem;font-weight:bold;margin-bottom:20px;color:var(--danger-text)}.sell-holo-note{margin:-5px 0 15px;padding:8px 12px;border-radius:8px;font-size:0.9rem;font-weight:600;line-height:1.35;color:#7a4dc2;background:linear-gradient(135deg,rgba(255,0,204,0.10),rgba(0,204,255,0.10));border:1px solid rgba(122,77,194,0.35)}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:bold}#confirm-sell-btn{background:#4CAF50;color:white}#confirm-sell-btn:hover{background:#45a049}#cancel-sell-btn{background:#f44336;color:white}#cancel-sell-btn:hover{background:#d32f2f}.trading-section{background:var(--surface);padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px}.trade-limits{background:var(--surface-2);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.trade-limits p{margin:5px 0;font-weight:500}#trades-left{color:var(--brand-text);font-weight:bold}#next-trade-time{color:var(--danger-text);font-style:italic}.create-trade{margin-bottom:30px}.trade-form{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;margin-top:15px}.trade-side{flex:1;min-width:250px;padding:15px;background:var(--surface-2);border-radius:8px}.trade-side h4{margin-bottom:10px;color:var(--brand-text);text-align:center}.trade-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--brand-text);padding:0 10px}.trade-form select,.trade-form input{width:100%;padding:10px;border:2px solid var(--border);border-radius:4px;margin-bottom:15px}.card-preview{min-height:380px;display:flex;justify-content:center;align-items:center}.card-preview .card{width:200px;transform:none}.card-preview .card .card-img{height:auto}.card-preview .card .card-info{padding:12px}.card-preview .card .card-name{font-size:calc(1rem * var(--fit, 1));margin-bottom:5px}.card-preview .card .card-rarity{font-size:0.9rem}#create-trade-btn{width:100%;padding:12px;background:#1a2a6c;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:bold;margin-top:15px}#create-trade-btn:disabled{background:#cccccc;cursor:not-allowed}.trade-requests h3{color:var(--brand-text);margin-bottom:15px;border-bottom:2px solid var(--gold);padding-bottom:8px}.requests-container{display:flex;flex-wrap:wrap;gap:20px}.request-type{flex:1;min-width:300px;background:var(--surface-2);padding:15px;border-radius:8px}.request-type h4{color:var(--brand-text);margin-bottom:10px;text-align:center}.trade-request{background:var(--surface);padding:15px;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.trade-part{display:flex;align-items:center;margin-bottom:10px}.trade-user{font-weight:bold;margin-right:10px;color:var(--brand-text)}.trade-card-info{flex-grow:1}.trade-status{font-style:italic;margin:10px 0;text-align:center}.trade-pending{color:#ff9800}.trade-accepted{color:#4caf50}.trade-rejected{color:#f44336}.trade-actions{display:flex;gap:10px;justify-content:center}.trade-btn{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.accept-btn{background:#4caf50;color:white}.reject-btn{background:#f44336;color:white}.cancel-btn{background:#9e9e9e;color:white}.no-trades{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}@media (max-width: 768px){.trade-form{flex-direction:column}.trade-arrow{transform:rotate(90deg);padding:10px 0}.requests-container{flex-direction:column}.card-preview{min-height:340px}.card-preview .card{width:180px}}.trade-card-info{background:var(--surface);padding:8px;border-radius:5px;border:1px solid var(--border);margin-top:5px}.trade-part{margin-bottom:15px}.trade-user{font-weight:bold;color:var(--brand-text)}.trade-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:bold;transition:all 0.2s}.trade-btn:hover{transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.accept-btn{background:#4CAF50;color:white}.reject-btn{background:#f44336;color:white}.cancel-btn{background:#ff9800;color:white}.pack-image{max-width:150px;margin-bottom:15px}.welcome-pack-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:4px 0}.welcome-pack-banner .welcome-pack-text{color:var(--text);font-weight:bold;font-size:1.05rem}.welcome-pack-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;width:100%}.welcome-pack-option{flex:0 1 190px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border:0;border-radius:12px;background:none;color:var(--text);font:inherit;cursor:pointer}.wpo-pack{display:block;width:100%;max-width:190px;aspect-ratio:5 / 6;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.45));transition:transform 0.2s,filter 0.2s;user-select:none}.welcome-pack-option:hover:not(:disabled) .wpo-pack,.welcome-pack-option:focus-visible .wpo-pack{transform:translateY(-6px) rotate(-3deg) scale(1.04);filter:drop-shadow(0 0 14px var(--taste-color, var(--gold))) drop-shadow(0 10px 14px rgba(0,0,0,0.45))}.welcome-pack-option:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.welcome-pack-option:disabled{opacity:0.6;cursor:default}.welcome-pack-option.owned{opacity:1}.welcome-pack-option.owned .wpo-pack{filter:grayscale(0.7) brightness(0.85)}.wpo-owned{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:#4caf50;color:#fff;font-size:0.75rem;font-weight:800}.wpo-owned .fi{width:12px;height:12px}.wpo-name{font-size:1.05rem;font-weight:800;text-align:center}@media (max-width: 480px){.welcome-pack-banner .welcome-pack-text{font-size:0.95rem}.welcome-pack-options{gap:6px 8px}.welcome-pack-option{flex-basis:calc((100% - 16px) / 3)}.wpo-name{font-size:0.9rem}}@media (prefers-reduced-motion: reduce){.wpo-pack{transition:none}}