.deck-viewer{background:#1a1a1a;border-radius:12px;padding:20px;color:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}.deck-viewer:not(.layout-ready) *{transition:none!important}@keyframes deck-skeleton-pulse{0%,100%{opacity:.4}50%{opacity:.7}}.deck-viewer.layout-loading.layout-expanded .deck-viewer-main,.deck-viewer.layout-loading.layout-expanded .deck-viewer-sideboard{visibility:hidden;height:0;overflow:hidden}.deck-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.deck-viewer-actions,.viewer-registration-popup .registration-buttons{display:flex;gap:8px;flex-wrap:wrap}.deck-viewer-actions button[onclick*=deckViewerCopyTTS],.deck-viewer-export-menu button[onclick*=deckViewerCopyTTS]{display:none!important}.deck-viewer-btn,.deck-viewer-export-toggle{background:#2a2a2a;border:1px solid #444;color:#f5f5f5;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:.2s}.deck-viewer-btn:hover{background:#3a3a3a;border-color:#666}.deck-viewer-btn.btn-gold,.viewer-registration-popup .registration-buttons .button--gold{background:linear-gradient(135deg,var(--ps-gold-deep),var(--ps-gold-2));border-color:var(--ps-gold-2);color:#000;font-weight:600}.deck-viewer-btn.btn-gold:hover{background:linear-gradient(135deg,var(--ps-gold-2),var(--ps-gold))}.deck-viewer-layout-toggle{display:flex;background:#2a2a2a;border-radius:6px;overflow:hidden;border:1px solid #444}.deck-viewer-layout-toggle button{background:0 0;border:none;color:#888;padding:8px 12px;cursor:pointer;transition:.2s;font-size:14px}.deck-viewer-layout-toggle button:hover{color:#fff;background:#3a3a3a}.deck-viewer-layout-toggle button.active{background:#4a4a4a;color:var(--ps-gold)}.deck-viewer-layout-cycle{display:none;background:#2a2a2a;border:1px solid #444;color:var(--ps-gold);padding:2px 6px;border-radius:6px;cursor:pointer;font-size:16px;transition:.2s}.deck-viewer-export-toggle:hover,.deck-viewer-layout-cycle:hover{background:#3a3a3a;border-color:#555}.deck-viewer-export-dropdown{display:none;position:relative}.deck-viewer-export-menu{display:none;position:absolute;top:100%;right:0;background:#2a2a2a;border:1px solid #444;border-radius:6px;margin-top:4px;min-width:160px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.3)}.deck-viewer-export-menu.show,.deck-viewer.layout-compact .deck-viewer-card-name,.deck-viewer.layout-normal .deck-viewer-card-qty{display:block}.deck-viewer-export-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:0 0;border:none;color:#f5f5f5;cursor:pointer;font-size:13px;text-align:left}.deck-viewer-export-menu button:hover{background:#3a3a3a}.deck-viewer-section{margin-bottom:20px}.deck-viewer-section:last-child{margin-bottom:0}.deck-viewer-section-title{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333;display:flex;align-items:center;gap:8px}.deck-viewer-section-title .count{color:#666;font-weight:400}.deck-viewer-column-control{margin-left:auto;display:flex;align-items:center;gap:4px}.deck-viewer-column-control .column-btn{width:22px;height:22px;border:1px solid #444;background:#2a2a2a;color:#aaa;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s}.deck-viewer-column-control .column-btn:hover{background:#3a3a3a;color:#fff;border-color:#555}.deck-viewer-column-control .column-btn:disabled{opacity:.4;cursor:not-allowed}.deck-viewer-column-control .column-count{min-width:20px;text-align:center;font-size:12px;color:#888}.deck-viewer-card-name,.deck-viewer-card-qty.qty-hidden,.deck-viewer-card-stats,.deck-viewer-data,.deck-viewer.layout-compact .deck-viewer-column-control,.deck-viewer.layout-expanded .deck-viewer-main .deck-viewer-card-qty,.deck-viewer.layout-expanded .deck-viewer-sideboard .deck-viewer-card-qty{display:none}.deck-viewer-sort-wrapper{margin-left:auto;flex:0 0 auto}.deck-viewer-sort-wrapper+.deck-viewer-column-control{margin-left:0}.deck-viewer-sort-wrapper .deck-sort-btn{text-transform:none;letter-spacing:normal;font-size:12px;line-height:1.4}.deck-viewer.deck-sort-pending .deck-viewer-card .deck-viewer-card-image{opacity:0;animation:0s linear 6s forwards deck-sort-pending-image}.deck-viewer-card,.deck-viewer.deck-sort-pending .deck-viewer-card.card-loaded{background:#2a2a2a;animation:1.8s ease-in-out infinite deck-skeleton-pulse}@keyframes deck-sort-pending-image{to{opacity:1}}.deck-viewer.deck-sort-pending.layout-compact .deck-viewer-main .deck-viewer-cards{visibility:hidden;animation:0s linear 6s forwards deck-sort-pending-compact}@keyframes deck-sort-pending-compact{to{visibility:visible}}.deck-viewer-main .deck-viewer-cards,.deck-viewer-sideboard .deck-viewer-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;justify-content:center}.deck-viewer-main .deck-viewer-card,.deck-viewer-sideboard .deck-viewer-card,.deck-viewer.layout-compact .deck-viewer-leader .deck-viewer-card,.deck-viewer.layout-compact .deck-viewer-main .deck-viewer-card,.deck-viewer.layout-compact .deck-viewer-sideboard .deck-viewer-card,.deck-viewer.layout-expanded .deck-viewer-main .deck-viewer-card,.deck-viewer.layout-expanded .deck-viewer-sideboard .deck-viewer-card{width:100%}.deck-viewer-sideboard,.deck-viewer-structures{margin-top:24px}.deck-viewer-structures .deck-viewer-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.deck-viewer-structures .deck-viewer-card{width:auto}.deck-viewer-structures .deck-viewer-card-image{width:auto;height:200px;max-width:300px;aspect-ratio:7/5}.deck-viewer-card{position:relative;border-radius:6px;overflow:visible;transition:transform .15s}.deck-viewer-card.card-loaded{animation:none;background:0 0}.deck-viewer-card:hover{transform:translateY(-4px);z-index:10}.deck-viewer-card-image{width:100%;height:auto;aspect-ratio:5/7;display:block;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transition:opacity .25s}.deck-viewer-card.card-loaded .deck-viewer-card-image,.deck-viewer-card.card-loaded .deck-viewer-card-qty{opacity:1}.deck-viewer.layout-ready.layout-expanded .deck-viewer-main,.deck-viewer.layout-ready.layout-expanded .deck-viewer-sideboard{animation:.3s deck-content-reveal}@keyframes deck-content-reveal{from{opacity:0}to{opacity:1}}.deck-viewer-card-qty{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.9);color:#fff;font-size:16px;font-weight:700;width:32px;height:32px;border-radius:50%;text-align:center;line-height:28px;box-shadow:0 2px 6px rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.3);opacity:0;transition:opacity .25s}.deck-viewer.layout-compact .deck-viewer-card{display:flex;align-items:center;gap:10px;background:#252525;padding:1px 10px;border-radius:6px;cursor:pointer;animation:none}.deck-viewer.layout-compact .deck-viewer-card:hover{transform:none;background:#303030}.deck-viewer.layout-compact .deck-viewer-card-image{width:40px;height:auto;flex-shrink:0;border-radius:4px;order:2;opacity:1}.deck-viewer.layout-compact .deck-viewer-card-name{flex:1;font-size:13px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:3}.deck-viewer.layout-compact .deck-viewer-card-qty{display:block!important;position:static;background:0 0;font-size:13px;font-weight:600;color:#888;padding:0;width:36px;min-width:36px;text-align:center;order:1;border-radius:0;box-sizing:border-box;flex-shrink:0;opacity:1;box-shadow:none;border:none}.deck-viewer.layout-compact .deck-viewer-card-qty::before{content:'x'}.deck-viewer.layout-compact .deck-viewer-card-stats{display:flex;align-items:center;gap:6px;order:5;margin-left:auto;flex-shrink:0}.deck-viewer.layout-compact .deck-viewer-card-power{display:flex;align-items:center;gap:2px}.deck-viewer.layout-compact .deck-viewer-card-power .power-icon{width:18px;height:18px;object-fit:contain}.deck-viewer.layout-compact .deck-viewer-card-cost{width:22px;height:22px;background:#fff;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000}.deck-viewer.layout-compact .deck-viewer-main .deck-viewer-cards,.deck-viewer.layout-compact .deck-viewer-sideboard .deck-viewer-cards{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:6px}.deck-viewer.layout-expanded .deck-viewer-main .deck-viewer-cards,.deck-viewer.layout-expanded .deck-viewer-sideboard .deck-viewer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}@media (max-width:1024px){.deck-viewer-main .deck-viewer-cards,.deck-viewer-sideboard .deck-viewer-cards{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.deck-viewer{padding:10px}.deck-viewer-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.deck-viewer-actions{display:flex;align-items:center;gap:6px;flex:1}.deck-viewer-actions .deck-viewer-btn:not(.mobile-show),.deck-viewer-layout-toggle{display:none}.deck-viewer-actions .deck-viewer-btn.mobile-show,.deck-viewer-export-toggle{padding:5px 7px;font-size:11px}.deck-viewer-export-dropdown{display:flex;align-items:center}.deck-viewer-layout-cycle{display:block}.deck-viewer-column-control .column-btn{width:20px;height:20px;font-size:12px}.deck-viewer-column-control .column-count{font-size:11px;min-width:16px}.deck-viewer.layout-compact .deck-viewer-leader .deck-viewer-cards,.deck-viewer.layout-compact .deck-viewer-main .deck-viewer-cards,.deck-viewer.layout-compact .deck-viewer-sideboard .deck-viewer-cards{grid-template-columns:1fr!important}}@media (max-width:480px){.deck-viewer{padding:8px;border-radius:8px}.deck-viewer-section-title{font-size:12px}.deck-viewer-main .deck-viewer-cards,.deck-viewer-sideboard .deck-viewer-cards{grid-template-columns:repeat(3,1fr)}.deck-viewer.layout-expanded .deck-viewer-main .deck-viewer-cards,.deck-viewer.layout-expanded .deck-viewer-sideboard .deck-viewer-cards{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.deck-viewer-card-qty{font-size:12px;width:24px;height:24px;line-height:20px;bottom:4px;right:4px;border-radius:50%}}.deck-viewer-card-qty.qty-hidden.collection-complete,.deck-viewer-card-qty.qty-hidden.collection-missing,.deck-viewer-card-qty.qty-hidden.collection-partial{display:block!important}.deck-viewer-card-qty.collection-complete,.deck-viewer-card-qty.collection-missing,.deck-viewer-card-qty.collection-partial{width:auto;min-width:32px;height:auto;min-height:24px;padding:2px 6px;border-radius:12px;font-size:12px;line-height:20px;white-space:nowrap}.deck-viewer-card-qty.collection-complete{background:#16a34a!important;border-color:#22c55e!important}.deck-viewer-card-qty.collection-partial{background:#d97706!important;border-color:#f59e0b!important}.deck-viewer-card-qty.collection-missing{background:#dc2626!important;border-color:#ef4444!important}.deck-viewer.layout-compact .deck-viewer-card-qty.collection-complete,.deck-viewer.layout-compact .deck-viewer-card-qty.collection-missing,.deck-viewer.layout-compact .deck-viewer-card-qty.collection-partial{background:0 0!important;border:none!important;width:36px;min-width:36px;height:auto;min-height:auto;padding:0;border-radius:0;font-size:13px;font-weight:600;line-height:normal}.deck-viewer.layout-compact .deck-viewer-card-qty.collection-complete::before,.deck-viewer.layout-compact .deck-viewer-card-qty.collection-missing::before,.deck-viewer.layout-compact .deck-viewer-card-qty.collection-partial::before{content:none}.deck-viewer.layout-compact .deck-viewer-card-qty.collection-complete{color:#22c55e!important}.deck-viewer.layout-compact .deck-viewer-card-qty.collection-partial{color:#f59e0b!important}.deck-viewer.layout-compact .deck-viewer-card-qty.collection-missing{color:#ef4444!important}.deck-viewer.layout-expanded .deck-viewer-card.collection-owned{box-shadow:0 0 0 3px #22c55e,0 0 8px rgba(34,197,94,.4);border-radius:8px}.deck-viewer.layout-expanded .deck-viewer-card.collection-not-owned .deck-viewer-card-image,.deck-viewer.layout-expanded .deck-viewer-card.collection-owned .deck-viewer-card-image{border-radius:6px}.deck-viewer.layout-expanded .deck-viewer-card.collection-not-owned{box-shadow:0 0 0 3px #ef4444,0 0 8px rgba(239,68,68,.4);border-radius:8px}.viewer-registration-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;justify-content:center;align-items:center}.viewer-registration-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;max-width:480px;width:90%;position:relative;max-height:90vh;overflow-y:auto}.viewer-registration-content h3{color:#fff;margin:0 0 4px;font-size:1.1rem}.viewer-registration-close{position:absolute;top:12px;right:16px;background:0 0;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.viewer-registration-close:hover{color:#fff}.viewer-registration-popup .registration-subtitle{color:#999;font-size:.85rem;margin:0 0 10px;font-style:italic}.viewer-registration-popup .registration-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.viewer-registration-popup .registration-form label{display:block;font-size:.75rem;color:#aaa;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.viewer-registration-popup .registration-form input[type=date],.viewer-registration-popup .registration-form input[type=text]{width:100%;padding:8px 10px;background:#252525;color:#fff;border:1px solid #444;border-radius:4px;font-size:.9rem;box-sizing:border-box}.viewer-registration-popup .registration-form input[type=date]:focus,.viewer-registration-popup .registration-form input[type=text]:focus{border-color:var(--ps-gold-2);outline:0}.viewer-registration-popup .reg-form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:10px}.viewer-registration-popup .registration-buttons .button{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #555;border-radius:6px;background:#2a2a2a;color:#fff;cursor:pointer;font-size:.85rem;white-space:nowrap}.viewer-registration-popup .registration-buttons .button:hover{background:#333}.viewer-registration-popup .registration-buttons .button--gold:hover{background:linear-gradient(135deg,var(--ps-amber-deep),#f0c040)}@media (max-width:640px){.viewer-registration-popup .registration-buttons{flex-direction:column}.viewer-registration-popup .registration-buttons .button{width:100%}}.deck-viewer-leader{flex:0 0 auto}.deck-viewer-leader .deck-viewer-cards{display:flex}.deck-viewer-leader .deck-viewer-card{width:180px}.deck-viewer.layout-compact .deck-viewer-leader .deck-viewer-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}