.landing-page{min-height:calc(100vh - 120px)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 2rem;max-width:1400px;margin:0 auto}.hero-content{max-width:600px}.hero-title{font-size:3rem;line-height:1.1;margin:0 0 1.5rem;color:var(--text)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-stats{display:flex;gap:3rem}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.9rem;color:var(--text-muted)}.hero-visual{display:flex;justify-content:center}.deck-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 20px 50px #0000004d}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-title{font-weight:600;color:var(--text)}.preview-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.preview-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preview-stat{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:1rem}.preview-stat .label{font-size:.85rem;color:var(--text-muted)}.preview-stat .bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.preview-stat .fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#a855f7 100%);border-radius:4px}.preview-stat .value{font-size:.9rem;font-weight:600;color:var(--text);text-align:right}.preview-insight{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:.9rem;color:var(--text)}.insight-icon{font-size:1.1rem;flex-shrink:0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;margin:0 0 .75rem;color:var(--text)}.section-header p{font-size:1.1rem;color:var(--text-muted);margin:0}.features-section{padding:5rem 2rem;background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center;transition:all .2s}.feature-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.75rem}.feature-card h3{margin:0 0 .75rem;color:var(--text);font-size:1.1rem}.feature-card p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.how-it-works-section{padding:5rem 2rem;max-width:1000px;margin:0 auto}.steps-container{display:flex;align-items:flex-start;justify-content:center;gap:1rem}.step{flex:1;text-align:center;max-width:280px}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step-content h3{margin:0 0 .75rem;color:var(--text)}.step-content p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.step-connector{width:80px;height:2px;background:var(--border);margin-top:30px;flex-shrink:0}.pricing-section{padding:5rem 2rem;background:var(--bg-dark)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;position:relative;display:flex;flex-direction:column}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 30px #6366f133}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.pricing-card h3{margin:0 0 1rem;color:var(--text);font-size:1.25rem}.price{margin-bottom:.5rem}.price .amount{font-size:2.5rem;font-weight:700;color:var(--text)}.price .period{color:var(--text-muted);font-size:1rem}.tier-description{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.tier-features{list-style:none;padding:0;margin:0 0 2rem;flex:1}.tier-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text);font-size:.95rem}.tier-features .check{color:#22c55e;font-weight:600}.cta-section{padding:5rem 2rem;text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.cta-content h2{font-size:2rem;margin:0 0 .75rem;color:var(--text)}.cta-content p{font-size:1.1rem;color:var(--text-muted);margin:0 0 2rem}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:3rem 1.5rem}.hero-content{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px}}@media(max-width:768px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:1.5rem}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:2rem}.step-connector{width:2px;height:40px;margin:0 auto}.step{max-width:100%}}@media(max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-section{padding:2rem 1rem}.hero-stats{gap:1rem}.stat-number{font-size:1.5rem}.features-section,.how-it-works-section,.pricing-section,.cta-section{padding:3rem 1rem}.section-header h2{font-size:1.5rem}.feature-card,.pricing-card{padding:1.25rem}.price .amount{font-size:2rem}.deck-preview-card{padding:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.cta-content h2{font-size:1.5rem}}.dashboard-page{min-height:calc(100vh - 120px);max-width:1200px;margin:0 auto;padding:0 1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.welcome-section h1{margin:0;font-size:1.75rem;color:var(--text)}.welcome-subtitle{margin:.25rem 0 0;color:var(--text-muted)}.credits-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.credits-icon{font-size:1.5rem}.credits-info{display:flex;flex-direction:column}.credits-count{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1}.credits-label{font-size:.75rem;color:var(--text-muted)}.upgrade-link{margin-left:.5rem;padding:.35rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .2s}.upgrade-link:hover{transform:scale(1.05)}.quick-actions-section{margin-bottom:2rem}.quick-actions-section h2{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.quick-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s}.quick-action-card:hover{border-color:var(--accent-color, var(--primary));transform:translateY(-2px)}.action-icon{font-size:1.75rem}.action-text{display:flex;flex-direction:column}.action-title{font-weight:600;color:var(--text)}.action-subtitle{font-size:.8rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-card h3{margin:0;font-size:1rem;color:var(--text)}.view-all-link{color:var(--primary);font-size:.85rem;text-decoration:none}.view-all-link:hover{text-decoration:underline}.recent-decks-card{grid-row:span 2}.decks-list{display:flex;flex-direction:column;gap:.5rem}.deck-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-dark);border-radius:8px;text-decoration:none;transition:all .2s}.deck-item:hover{background:var(--border)}.deck-info{display:flex;flex-direction:column;gap:.15rem}.deck-name{font-weight:500;color:var(--text)}.deck-meta,.deck-date{font-size:.8rem;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem}.empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem;opacity:.5}.empty-state p{color:var(--text-muted);margin:0 0 1rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat-item{text-align:center;padding:1rem;background:var(--bg-dark);border-radius:8px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-muted)}.tip-category{font-size:.75rem;color:var(--text-muted);background:var(--bg-dark);padding:.25rem .5rem;border-radius:4px}.tip-content{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-dark);border-radius:8px}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-content p{margin:0;color:var(--text);font-size:.95rem;line-height:1.5}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sub-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.sub-badge.free{background:var(--bg-dark);color:var(--text-muted)}.sub-badge.pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.sub-badge.premium{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.upgrade-btn{padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.upgrade-btn:hover{background:var(--primary-hover)}.subscription-stats{display:flex;gap:1rem;margin-bottom:.75rem}.sub-stat{flex:1;display:flex;align-items:baseline;gap:.35rem;padding:.75rem;background:var(--bg-dark);border-radius:8px}.sub-stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.sub-stat-label{font-size:.8rem;color:var(--text-muted)}.upgrade-prompt-link{display:block;padding:.75rem;background:#6366f11a;border-radius:8px;font-size:.8rem;color:var(--text-muted);text-align:center;text-decoration:none;transition:all .2s}.upgrade-prompt-link:hover{background:#6366f133;color:var(--primary)}.deck-likes{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.mini-format-badge{font-weight:600;font-size:.8rem}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.recent-decks-card{grid-row:auto}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-header{flex-direction:column;gap:.75rem;align-items:flex-start}.credits-display{width:100%;justify-content:space-between}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media(max-width:480px){.quick-actions-grid{gap:.5rem}.quick-action-card{padding:.75rem;gap:.5rem;min-height:48px}.action-icon{font-size:1.25rem}.action-title{font-size:.85rem}.action-subtitle{font-size:.7rem}.stats-grid{gap:.35rem}.stat-item{padding:.5rem .25rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.welcome-section h1{font-size:1.35rem}.dashboard-card{padding:1rem}.subscription-stats{flex-direction:column;gap:.5rem}}.search-panel{display:flex;flex-direction:column;height:100%}.format-badge{padding:.25rem .5rem;background:var(--primary);color:#fff;border-radius:4px;font-size:.75rem;text-transform:uppercase}.search-input-container{padding:1rem;border-bottom:1px solid var(--border);position:relative}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem}.search-spinner{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.search-input::placeholder{color:var(--text-muted)}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border)}.filter-toggle-btn{flex:1;padding:.5rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.filter-toggle-btn:hover{border-color:var(--primary);color:var(--text)}.filter-toggle-btn.active{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.filter-badge{background:var(--primary);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:10px;font-weight:600}.clear-filters-btn{padding:.5rem .75rem;background:transparent;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#ef4444;color:#fff}.filter-panel{padding:.75rem 1rem;background:var(--bg-dark);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.filter-row{display:flex;flex-direction:column;gap:.35rem}.filter-row>label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.filter-select{padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.85rem;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text)}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}.color-filter-buttons{display:flex;gap:.35rem}.color-filter-btn{width:32px;height:32px;border:2px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.color-filter-btn:hover{border-color:var(--primary);transform:scale(1.1)}.color-filter-btn.active{border-color:var(--primary);background:#6366f133;transform:scale(1.1)}.commander-notice{padding:.75rem 1rem;background:#a855f71a;border-bottom:1px solid var(--border);font-size:.8rem;color:#a855f7}.search-results{flex:1;display:flex;flex-direction:column;overflow:hidden}.results-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-dark);font-size:.85rem;color:var(--text-muted)}.result-count{color:var(--primary)}.results-list{flex:1;overflow-y:auto;padding:.5rem}.search-error{padding:1rem;background:#ef44441a;color:#ef4444;font-size:.85rem;text-align:center}.no-results,.search-hint{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.card-result{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:grab}.card-result:hover{border-color:var(--primary)}.card-result:active{cursor:grabbing;transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.card-preview-wrapper{position:relative;width:45px;height:63px;border-radius:4px;overflow:visible;flex-shrink:0;background:var(--border)}.card-image{width:100%;height:100%;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s}.card-image:hover{transform:scale(1.05)}.card-preview-fixed{position:fixed;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;padding:.75rem;box-shadow:0 12px 48px #00000080;pointer-events:auto}.card-preview-fixed .preview-image{width:280px;height:auto;border-radius:8px}.card-preview-fixed .preview-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-dark);border-radius:6px;margin-top:.25rem}.card-preview-fixed .preview-price{font-weight:700;color:#22c55e;font-size:1rem}.card-preview-fixed .preview-link{color:var(--primary);font-size:.85rem;text-decoration:none;padding:.35rem .75rem;background:#6366f11a;border-radius:4px;transition:all .2s}.card-preview-fixed .preview-link:hover{background:var(--primary);color:#fff}.card-preview-fixed .preview-buy-links{display:flex;gap:.35rem;margin-top:.25rem}.card-preview-fixed .preview-buy-links a{font-size:.75rem;color:var(--text-muted);text-decoration:none;padding:.2rem .5rem;background:var(--bg-dark);border-radius:4px;transition:all .2s}.card-preview-fixed .preview-buy-links a:hover{color:var(--primary);background:#6366f126}.card-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.card-type{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;gap:.5rem;align-items:center;font-size:.75rem}.mana-cost{color:var(--text-muted);font-family:monospace}.card-price{color:#22c55e;font-weight:500}.card-actions{display:flex;gap:.5rem}.add-btn,.commander-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn{background:var(--primary);color:#fff}.add-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.commander-btn{background:#a855f7;color:#fff}.commander-btn:hover{background:#9333ea;transform:scale(1.1)}.advanced-toggle-btn{width:100%;padding:.5rem .75rem;background:transparent;border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;transition:all .2s}.advanced-toggle-btn:hover{border-color:var(--primary);color:var(--text)}.advanced-toggle-btn.active{color:var(--primary);border-color:var(--primary);border-style:solid}.advanced-filters{display:flex;flex-direction:column;gap:.6rem;padding-top:.5rem;border-top:1px solid var(--border)}.range-inputs{display:flex;align-items:center;gap:.35rem}.range-input{flex:1;padding:.4rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem;width:0;text-align:center}.range-input:focus{outline:none;border-color:var(--primary)}.range-input::placeholder{color:var(--text-muted);font-size:.75rem}.range-input::-webkit-inner-spin-button,.range-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.range-separator{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.filter-text-input{width:100%;padding:.4rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem}.filter-text-input:focus{outline:none;border-color:var(--primary)}.filter-text-input::placeholder{color:var(--text-muted);font-size:.75rem}.search-tab-bar{display:flex;border-bottom:1px solid var(--border)}.search-tab{flex:1;padding:.6rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.search-tab:hover{color:var(--text);background:#6366f10d}.search-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.edhrec-card-result{display:flex;align-items:center;gap:.75rem}.edhrec-rank-info{display:flex;flex-direction:column;align-items:center;min-width:55px;flex-shrink:0}.edhrec-percentage{font-size:.95rem;font-weight:700;color:var(--primary)}.edhrec-deck-count{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.edhrec-synergy{font-size:.75rem;color:#22c55e;font-weight:500}.edhrec-attribution{padding:.5rem 1rem;text-align:center;border-top:1px solid var(--border)}.edhrec-attribution a{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.edhrec-attribution a:hover{color:var(--primary)}@media(max-width:768px){.card-result{padding:.65rem;gap:.5rem}.add-btn,.commander-btn{width:40px;height:40px;font-size:1.2rem}.color-filter-btn{width:40px;height:40px}.filter-toggle-btn{min-height:44px}.card-preview-fixed{top:auto!important;left:0!important;right:0;bottom:calc(var(--bottom-nav-height, 64px) + var(--safe-area-bottom, 0px));transform:none;width:100%;max-width:100%;flex-direction:row;align-items:flex-start;border-radius:12px 12px 0 0;padding:.75rem}.card-preview-fixed .preview-image{width:140px;flex-shrink:0}.card-preview-fixed .preview-info{flex-direction:column;gap:.5rem}}@media(max-width:480px){.panel-header,.search-input-container{padding:.75rem}.filter-panel{padding:.5rem .75rem}.card-name{font-size:.85rem}}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.card-preview-fixed.mobile-preview{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;z-index:1000}.card-result.long-pressing{background:#a855f726!important;transition:background .3s ease}.commander-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e0;color:#fbbf24;padding:.75rem 1.25rem;border-radius:12px;font-size:1rem;font-weight:600;z-index:10000;pointer-events:none;animation:toastFadeIn .25s ease,toastFadeOut .4s ease 2s forwards;white-space:nowrap;max-width:90vw;text-align:center}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.deck-view{display:flex;flex-direction:column;height:100%;transition:border-color .2s,background .2s;position:relative}.deck-view.drag-over{border-color:var(--primary);background:#6366f10d}.drop-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem 2rem;background:#6366f1f2;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;z-index:10;pointer-events:none;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.card-count{padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:12px;font-size:.85rem;font-weight:500}.commander-slot{padding:1rem;border-bottom:1px solid var(--border);background:#a855f70d;transition:all .2s}.commander-slot.drag-over{background:#a855f726;border-color:#a855f7}.commander-error{padding:.5rem;margin-bottom:.5rem;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.85rem;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.commander-label{font-size:.85rem;color:#a855f7;margin-bottom:.5rem;font-weight:500}.commander-placeholder{padding:1rem;border:2px dashed #a855f7;border-radius:8px;text-align:center;color:var(--text-muted);font-size:.85rem;transition:all .2s}.commander-placeholder.active{background:#a855f733;border-style:solid;color:#a855f7}.commander-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-dark);border:1px solid #a855f7;border-radius:8px}.commander-image{width:45px;height:63px;border-radius:4px;object-fit:cover}.commander-image-fallback{width:45px;height:63px;border-radius:4px;background:var(--bg-dark, #1a1a2e);border:1px solid var(--border, #333);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--text-muted, #888);text-align:center;padding:2px;word-break:break-word;line-height:1.1}.commander-info{flex:1;display:flex;align-items:center;justify-content:space-between}.commander-name{color:var(--text);font-weight:500}.remove-commander-btn{width:24px;height:24px;border:1px solid #ef4444;border-radius:4px;background:transparent;color:#ef4444;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-commander-btn:hover{background:#ef4444;color:#fff}.commander-preview-wrapper{position:relative;flex-shrink:0}.commander-image{cursor:pointer;transition:transform .2s}.commander-image:hover{transform:scale(1.05)}.commander-preview-popup{position:absolute;left:50px;top:50%;transform:translateY(-50%);z-index:100;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid #a855f7;border-radius:10px;padding:.75rem;box-shadow:0 12px 48px #00000080}.commander-preview-popup:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:20px}.commander-preview-wrapper:hover .commander-preview-popup,.commander-preview-popup:hover{opacity:1;visibility:visible;pointer-events:auto}.commander-preview-popup .preview-image{width:280px;height:auto;border-radius:8px}.commander-preview-popup .preview-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-dark);border-radius:6px;margin-top:.25rem}.commander-preview-popup .preview-price{font-weight:700;color:#22c55e;font-size:1rem}.commander-preview-popup .preview-link{color:#a855f7;font-size:.85rem;text-decoration:none;padding:.35rem .75rem;background:#a855f71a;border-radius:4px;transition:all .2s}.commander-preview-popup .preview-link:hover{background:#a855f7;color:#fff}.empty-deck{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-deck p{margin:.25rem 0}.empty-hint{font-size:.85rem;opacity:.7}.deck-content{flex:1;overflow-y:auto;padding:.5rem}.card-group{margin-bottom:1rem}.group-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-dark);border-radius:6px 6px 0 0;font-weight:500;color:var(--text);font-size:.9rem}.group-count{color:var(--text-muted);font-size:.85rem}.group-cards{border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px}.deck-card{display:flex;align-items:center;padding:.4rem .5rem;border-bottom:1px solid var(--border);transition:background .2s;gap:.5rem}.deck-card:last-child{border-bottom:none}.deck-card:hover{background:var(--bg-dark)}.deck-card .card-preview-wrapper{position:relative;flex-shrink:0}.deck-card .card-thumbnail{width:30px;height:42px;border-radius:3px;object-fit:cover;cursor:pointer;transition:transform .2s}.deck-card .card-thumbnail:hover{transform:scale(1.1)}.deck-card .card-preview-popup{position:absolute;left:35px;top:50%;transform:translateY(-50%);z-index:100;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;padding:.75rem;box-shadow:0 12px 48px #00000080}.deck-card .card-preview-popup:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:20px}.deck-card .card-preview-wrapper:hover .card-preview-popup,.deck-card .card-preview-popup:hover{opacity:1;visibility:visible;pointer-events:auto}.deck-card .preview-image{width:280px;height:auto;border-radius:8px}.deck-card .preview-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-dark);border-radius:6px;margin-top:.25rem}.deck-card .preview-price{font-weight:700;color:#22c55e;font-size:1rem}.deck-card .preview-link{color:var(--primary);font-size:.85rem;text-decoration:none;padding:.35rem .75rem;background:#6366f11a;border-radius:4px;transition:all .2s}.deck-card .preview-link:hover{background:var(--primary);color:#fff}.deck-card .quantity{width:24px;color:var(--primary);font-weight:600;font-size:.85rem;flex-shrink:0}.deck-card .name{flex:1;color:var(--text);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card .mana-cost{font-family:monospace;font-size:.8rem;color:var(--text-muted);margin-right:.5rem}.quantity-controls{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.deck-card:hover .quantity-controls{opacity:1}.qty-btn,.remove-btn{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.qty-btn{background:var(--border);color:var(--text)}.qty-btn:hover{background:var(--primary);color:#fff}.remove-btn{background:transparent;color:#ef4444;border:1px solid #ef4444}.remove-btn:hover{background:#ef4444;color:#fff}.deck-card-preview-fixed{position:fixed;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;padding:.75rem;box-shadow:0 12px 48px #00000080;pointer-events:auto}.deck-card-preview-fixed .preview-image{width:280px;height:auto;border-radius:8px}.deck-card-preview-fixed .preview-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-dark);border-radius:6px;margin-top:.25rem}.deck-card-preview-fixed .preview-price{font-weight:700;color:#22c55e;font-size:1rem}.deck-card-preview-fixed .preview-link{color:var(--primary);font-size:.85rem;text-decoration:none;padding:.35rem .75rem;background:#6366f11a;border-radius:4px;transition:all .2s}.deck-card-preview-fixed .preview-link:hover{background:var(--primary);color:#fff}.deck-card-preview-fixed .preview-buy-links,.commander-preview-popup .preview-buy-links{display:flex;gap:.35rem;margin-top:.25rem}.deck-card-preview-fixed .preview-buy-links a,.commander-preview-popup .preview-buy-links a{font-size:.75rem;color:var(--text-muted);text-decoration:none;padding:.2rem .5rem;background:var(--bg-dark);border-radius:4px;transition:all .2s}.deck-card-preview-fixed .preview-buy-links a:hover,.commander-preview-popup .preview-buy-links a:hover{color:var(--primary);background:#6366f126}.card-group-grid{margin-bottom:.75rem}.grid-group-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:var(--bg-dark);border-radius:6px;font-weight:500;color:var(--text);font-size:.85rem;margin-bottom:.4rem}.deck-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:0 .25rem}.deck-card-grid-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s}.deck-card-grid-item:active{transform:scale(.95)}.deck-card-grid-item img{width:100%;height:auto;display:block;border-radius:8px}.qty-badge{position:absolute;top:4px;right:4px;background:#000c;color:#fff;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700;line-height:1.2;pointer-events:none}@media(max-width:768px){.quantity-controls{opacity:1!important}.qty-btn,.remove-btn{width:36px;height:36px;font-size:1rem}.deck-card{padding:.5rem;gap:.4rem}.deck-card-preview-fixed{top:auto!important;left:0!important;right:0;bottom:calc(var(--bottom-nav-height, 64px) + var(--safe-area-bottom, 0px));transform:none;width:100%;flex-direction:row;align-items:flex-start;border-radius:12px 12px 0 0;padding:.75rem}.deck-card-preview-fixed .preview-image{width:140px;flex-shrink:0}.commander-preview-popup{position:fixed;top:auto!important;left:0!important;right:0;bottom:calc(var(--bottom-nav-height, 64px) + var(--safe-area-bottom, 0px));transform:none;width:100%;border-radius:12px 12px 0 0;z-index:999}}@media(max-width:480px){.deck-card .name{font-size:.8rem}.deck-card .quantity{font-size:.8rem;width:20px}}.stats-panel{display:flex;flex-direction:column;height:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.panel-header h3{margin:0;font-size:1rem;color:var(--text)}.stats-content{flex:1;overflow-y:auto;padding:1rem}.stat-section{margin-bottom:1.5rem}.stat-section h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.empty-stat{padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem;background:var(--bg-dark);border-radius:6px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.mana-curve{display:flex;align-items:flex-end;justify-content:space-between;height:100px;padding:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px}.curve-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:80%;max-width:24px;background:linear-gradient(180deg,var(--primary) 0%,#4f46e5 100%);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:4px;transition:height .3s ease}.bar-count{font-size:.7rem;color:#fff;font-weight:600;padding-top:2px}.bar-label{margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.color-distribution{display:flex;flex-direction:column;gap:.5rem}.color-bar{display:flex;align-items:center;gap:.5rem}.color-info{display:flex;align-items:center;gap:.5rem;width:80px}.color-pip{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.color-white{background:#f9fafb;color:#374151}.color-blue{background:#3b82f6}.color-black{background:#1f2937;border:1px solid #4b5563}.color-red{background:#ef4444}.color-green{background:#22c55e}.color-colorless{background:#9ca3af}.color-name{font-size:.75rem;color:var(--text-muted)}.color-bar-container{flex:1;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.color-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.type-distribution{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;overflow:hidden}.type-row{display:flex;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.type-row:last-child{border-bottom:none}.type-name{font-size:.85rem;color:var(--text)}.type-count{font-size:.85rem;color:var(--primary);font-weight:500}.panel-footer{padding:.75rem 1rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted)}@media(max-width:768px){.stats-content{padding:.75rem}.stat-section{margin-bottom:1rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-item{padding:.5rem}.stat-value{font-size:1.25rem}.mana-curve{height:80px}.color-name{display:none}.color-info{width:30px}}@media(max-width:480px){.stat-grid{gap:.35rem}.stat-value{font-size:1.1rem}}.scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.scanner-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.scanner-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.scanner-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:var(--text)}.scanner-icon{font-size:1.25rem}.scanner-mode-toggle{display:flex;background:var(--bg-dark);border-radius:6px;padding:2px;margin-left:auto}.mode-btn{padding:.35rem .75rem;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .2s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--primary);color:#fff}.scanner-close{width:32px;height:32px;border:none;background:var(--bg-dark);color:var(--text);border-radius:6px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.scanner-close:hover{background:#ef4444;color:#fff}.scanner-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.scanner-permission{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.permission-icon{font-size:3rem}.scanner-permission h3{margin:0;color:var(--text)}.scanner-permission p{color:var(--text-muted);margin:0}.permission-fallback{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);width:100%}.permission-fallback p{margin-bottom:.5rem}.file-input{width:100%;padding:.5rem;border:1px dashed var(--border);border-radius:6px;background:var(--bg-dark);color:var(--text)}.camera-container{position:relative;background:#000;aspect-ratio:4/3;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover}.capture-canvas{display:none}.card-frame-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.card-frame{width:70%;max-width:200px;aspect-ratio:63/88;border:2px dashed rgba(255,255,255,.5);border-radius:12px;display:flex;align-items:center;justify-content:center}.frame-hint{color:#ffffffb3;font-size:.8rem;text-align:center;padding:.5rem;background:#00000080;border-radius:4px}.camera-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#000c;color:var(--text)}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.scanner-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:.9rem;margin:.75rem;display:flex;align-items:center;gap:.5rem}.scanner-controls{display:flex;gap:.75rem;padding:1rem;justify-content:center;border-top:1px solid var(--border)}.control-btn{padding:.75rem 1.25rem;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);border-radius:8px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.control-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.capture-btn{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.capture-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.upload-btn{cursor:pointer}.mode-hint{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.25rem}.mode-hint small{color:var(--text-muted);font-size:.8rem}.ai-warning{color:#f59e0b!important}.processing-container{position:relative;aspect-ratio:4/3;background:#000}.captured-image{width:100%;height:100%;object-fit:cover}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#000000b3;color:#fff}.processing-spinner{font-size:2rem;animation:spin 1s linear infinite}.results-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.captured-preview{width:100%;max-height:150px;overflow:hidden;border-radius:8px;border:1px solid var(--border)}.captured-preview img{width:100%;height:100%;object-fit:cover}.scanned-cards{flex:1}.scanned-cards h4{margin:0 0 .75rem;color:var(--text);font-size:.95rem}.no-cards{padding:1.5rem;text-align:center;color:var(--text-muted);background:var(--bg-dark);border-radius:8px}.cards-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.scanned-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;transition:all .2s}.scanned-card.success{border-color:#22c55e4d}.scanned-card.failed{border-color:#ef44444d;opacity:.7}.card-checkbox{display:flex;align-items:center;cursor:pointer}.card-checkbox input{display:none}.card-checkbox .checkmark{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.card-checkbox input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.card-checkbox input:checked+.checkmark:after{content:"✓";color:#fff;font-size:.8rem}.card-checkbox input:disabled+.checkmark{opacity:.4;cursor:not-allowed}.card-thumbnail{width:40px;height:56px;object-fit:cover;border-radius:4px;flex-shrink:0}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.card-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-method{font-size:.75rem;color:var(--text-muted)}.card-status{font-size:1.1rem;flex-shrink:0}.card-status.ok{color:#22c55e}.card-status.error{color:#ef4444}.result-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.result-actions .btn{flex:1;padding:.75rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}.result-actions .btn-secondary{background:var(--bg-dark);border:1px solid var(--border);color:var(--text)}.result-actions .btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.result-actions .btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff;font-weight:600}.result-actions .btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.result-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.scanner-modal{max-height:100vh;border-radius:0;height:100%}.scanner-header{flex-wrap:wrap;gap:.5rem}.scanner-mode-toggle{order:3;margin-left:0}.scanner-controls{flex-wrap:wrap}.control-btn{flex:1;min-width:80px;justify-content:center}.result-actions{flex-wrap:wrap}.result-actions .btn{min-width:100px}}.deck-builder{display:flex;flex-direction:column;height:calc(100vh - 120px);gap:1rem}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);flex-wrap:wrap;gap:1rem}.left-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.right-actions{display:flex;align-items:center;gap:.5rem}.format-select{padding:.5rem 1rem;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem;cursor:pointer}.format-select:focus{outline:none;border-color:var(--primary)}.deck-name-input{padding:.5rem 1rem;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem;min-width:200px}.deck-name-input:focus{outline:none;border-color:var(--primary)}.btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--bg-dark);color:var(--text);border:1px solid var(--border)}.btn-danger{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-ai{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn-scan{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-scan:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.btn-analyze{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none}.btn-analyze:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.02)}.validation-error-toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#fca5a5;font-size:.9rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.validation-error-toast .error-icon{font-size:1.1rem}.validation-error-toast .dismiss-btn{margin-left:auto;background:transparent;border:none;color:#fca5a5;font-size:1.2rem;cursor:pointer;padding:0 .25rem;opacity:.7}.validation-error-toast .dismiss-btn:hover{opacity:1}.builder-layout{display:grid;grid-template-columns:320px 1fr 300px;gap:1rem;flex:1;min-height:0}.search-column,.deck-column,.stats-column{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.search-column{min-width:280px}.deck-column{min-width:400px}.stats-column{min-width:260px}@media(max-width:1200px){.builder-layout{grid-template-columns:280px 1fr 260px}}@media(max-width:1024px){.builder-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.search-column{grid-column:1;grid-row:1}.deck-column{grid-column:2;grid-row:1 / 3}.stats-column{grid-column:1;grid-row:2}}@media(max-width:768px){.deck-builder{height:calc(100vh - 64px - var(--bottom-nav-height));gap:0}.builder-layout{grid-template-columns:1fr;grid-template-rows:1fr;gap:0}.deck-column{min-width:0;border-radius:0;border-left:none;border-right:none}.top-bar,.mobile-top-bar{border-radius:0;border-left:none;border-right:none}.deck-name-input{min-width:0;width:100%}.mobile-top-bar{display:flex;flex-direction:row;align-items:center;padding:.4rem .5rem;gap:.4rem}.mobile-top-bar .format-select{width:auto;min-width:0;flex-shrink:0;padding:.4rem .5rem;font-size:.8rem}.mobile-top-bar .deck-name-input{flex:1;min-width:0;padding:.4rem .5rem;font-size:.85rem}.mobile-top-bar-icons{display:flex;gap:.25rem;flex-shrink:0}.mobile-icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-family:inherit}.mobile-icon-btn:active,.mobile-save-btn{background:var(--primary);border-color:var(--primary)}.mobile-save-btn:disabled{opacity:.5}}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:900;animation:fadeIn .2s ease}.bottom-sheet{position:fixed;bottom:calc(var(--bottom-nav-height, 64px) + var(--safe-area-bottom, 0px));left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;z-index:901;max-height:calc(50vh - var(--bottom-nav-height, 64px));display:flex;flex-direction:column;animation:slideUp .25s ease}.bottom-sheet-tall{max-height:calc(85vh - var(--bottom-nav-height, 64px))}.bottom-sheet.swiping{transition:none}.bottom-sheet-header{display:flex;justify-content:center;align-items:center;padding:.75rem 1rem .25rem;position:relative}.bottom-sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px}.bottom-sheet-close{position:absolute;right:.75rem;top:.5rem;width:36px;height:36px;border:none;background:var(--bg-dark);color:var(--text);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.bottom-sheet-body{flex:1;overflow-y:auto;padding:.5rem}.menu-sheet-body{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem 1rem}.menu-sheet-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:48px;font-family:inherit}.menu-sheet-item:active{background:var(--primary);border-color:var(--primary);color:#fff}.menu-sheet-icon{font-size:1.15rem;flex-shrink:0}.menu-sheet-danger{color:#ef4444;border-color:#ef44444d}.menu-sheet-danger:active{background:#ef4444;border-color:#ef4444;color:#fff}.card-detail-sheet{max-height:calc(80vh - var(--bottom-nav-height, 64px))}.card-detail-content{display:flex;gap:1rem;padding:.5rem 1rem 1.5rem;align-items:flex-start}.card-detail-image{width:140px;height:auto;border-radius:8px;flex-shrink:0}.card-detail-info{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.card-detail-name{margin:0;font-size:1rem;color:var(--text);line-height:1.2}.card-detail-type{margin:0;font-size:.8rem;color:var(--text-muted)}.card-detail-price{margin:0;font-size:1.1rem;font-weight:700;color:#22c55e}.card-detail-qty-controls{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.qty-btn-large{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn-large:active{background:var(--primary);border-color:var(--primary);color:#fff}.qty-display{font-size:1.1rem;font-weight:700;color:var(--text);min-width:24px;text-align:center}.remove-btn-large{margin-left:auto;padding:.5rem .75rem;background:transparent;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;min-height:40px;font-family:inherit}.remove-btn-large:active{background:#ef4444;color:#fff}.set-commander-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:.35rem}.set-commander-btn:active{background:linear-gradient(135deg,#d97706,#b45309)}.card-detail-buy-links{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.card-detail-buy-links a{font-size:.75rem;color:var(--text-muted);text-decoration:none;padding:.3rem .5rem;background:var(--bg-dark);border-radius:4px;transition:all .2s}.card-detail-buy-links a:active{color:var(--primary);background:#6366f126}.paste-sheet-body{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem 1rem}.paste-sheet-title{margin:0;font-size:1.1rem;color:var(--text)}.paste-sheet-hint{margin:0;font-size:.8rem;color:var(--text-muted)}.paste-mode-toggle{display:flex;gap:0;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;overflow:hidden}.paste-mode-btn{flex:1;padding:.55rem .5rem;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;text-align:center;min-height:40px;transition:all .15s;font-family:inherit}.paste-mode-btn.active{background:var(--primary);color:#fff}.paste-textarea{width:100%;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;min-height:120px}.paste-textarea:focus{outline:none;border-color:var(--primary)}.paste-textarea::placeholder{color:var(--text-muted);opacity:.6}.paste-progress{font-size:.85rem;color:var(--primary);text-align:center}.paste-modal{max-width:500px;padding:1.5rem}.paste-modal-body{display:flex;flex-direction:column;gap:.75rem}.paste-add-btn{width:100%;min-height:48px;justify-content:center;font-size:1rem}.paste-failures{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;margin-top:.5rem}.paste-failures-title{color:#ef4444;font-size:.85rem;font-weight:600;margin:0 0 .35rem}.paste-failures-list{list-style:none;padding:0;margin:0 0 .5rem;max-height:120px;overflow-y:auto}.paste-failures-list li{font-size:.8rem;color:var(--text-muted);padding:.15rem 0}.paste-close-btn{width:100%;min-height:40px}@media(max-width:480px){.deck-builder{height:calc(100vh - 56px - var(--bottom-nav-height))}.mobile-top-bar{padding:.3rem .4rem;gap:.3rem}.mobile-top-bar .format-select{font-size:.75rem;padding:.35rem .4rem}.mobile-top-bar .deck-name-input{font-size:.8rem;padding:.35rem .4rem}.mobile-icon-btn{width:40px;height:40px;font-size:1rem}.card-detail-image{width:120px}}.new-deck-modal{max-width:420px;padding:1.5rem}.new-deck-modal h2{margin:0 0 1.25rem;font-size:1.25rem;color:var(--text)}.new-deck-form{display:flex;flex-direction:column;gap:1rem}.new-deck-label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.new-deck-input{padding:.65rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.new-deck-input:focus{outline:none;border-color:var(--primary)}.new-deck-select{padding:.65rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.new-deck-actions{display:flex;gap:.75rem;margin-top:.5rem}.new-deck-actions .btn{flex:1;min-height:44px;justify-content:center}.commander-confirm-modal{max-width:360px;padding:1.5rem;text-align:center}.commander-confirm-modal h3{margin:0 0 .75rem;font-size:1.15rem;color:var(--text)}.commander-confirm-modal p{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.5}.commander-confirm-actions{display:flex;gap:.75rem}.commander-confirm-actions .btn{flex:1;min-height:44px;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#8b5cf61a,#6366f11a)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text)}.modal-close{width:32px;height:32px;border:none;background:var(--bg-dark);color:var(--text);border-radius:6px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ef4444;color:#fff}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-dark)}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section label{font-weight:600;color:var(--text);font-size:.9rem}.format-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-dark);border-radius:8px}.format-info strong{color:var(--primary)}.format-desc{color:var(--text-muted);font-size:.85rem}.archetype-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.archetype-btn{padding:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .2s}.archetype-btn:hover{border-color:var(--primary);color:var(--primary)}.archetype-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.color-btn{padding:.5rem .75rem;background:var(--bg-dark);border:2px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem}.color-btn:disabled{opacity:.4;cursor:not-allowed}.color-btn:hover:not(:disabled){border-color:var(--primary)}.color-btn.active.color-w{border-color:#f9fafb;background:#f9fafb33}.color-btn.active.color-u{border-color:#3b82f6;background:#3b82f633}.color-btn.active.color-b{border-color:#6b7280;background:#6b728033}.color-btn.active.color-r{border-color:#ef4444;background:#ef444433}.color-btn.active.color-g{border-color:#22c55e;background:#22c55e33}.hint{color:var(--text-muted);font-size:.8rem}.budget-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.budget-btn{padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.budget-btn small{font-size:.75rem;color:var(--text-muted)}.budget-btn:hover{border-color:var(--primary)}.budget-btn.active{border-color:var(--primary);background:#6366f11a}.form-section textarea{padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical}.form-section textarea:focus{outline:none;border-color:var(--primary)}.form-section textarea::placeholder{color:var(--text-muted)}.generation-progress{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6366f11a;border:1px solid var(--primary);border-radius:8px;color:var(--text)}.progress-spinner{font-size:1.25rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-error{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444}@media(max-width:640px){.archetype-grid{grid-template-columns:repeat(3,1fr)}.budget-options{grid-template-columns:1fr}.color-picker{justify-content:center}}.btn-version{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-version:hover{background:#8b5cf640;border-color:#a78bfa}.version-history-modal{max-width:500px;width:90%}.version-loading,.version-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.version-empty p{margin:.5rem 0}.version-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.version-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.version-item:hover{border-color:var(--primary)}.version-info{display:flex;flex-direction:column;gap:.25rem}.version-header-row{display:flex;align-items:center;gap:.75rem}.version-number{font-weight:700;color:#a78bfa;font-size:.95rem}.version-date,.version-cards{font-size:.8rem;color:var(--text-muted)}.btn-restore{padding:.4rem .75rem;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-restore:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.version-item-wrapper{display:flex;flex-direction:column}.version-actions{display:flex;gap:.5rem}.btn-compare{padding:.4rem .75rem;background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-compare:hover,.btn-compare.active{background:var(--primary);color:#fff;border-color:var(--primary)}.version-diff{padding:.5rem .75rem;margin-top:.25rem;background:#0003;border:1px solid var(--border);border-radius:0 0 8px 8px;font-family:monospace;font-size:.8rem;max-height:200px;overflow-y:auto}.diff-line{padding:.15rem .25rem;border-radius:2px}.diff-added{color:#22c55e}.diff-removed{color:#ef4444}.diff-changed{color:#f59e0b}.diff-commander{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.35rem;margin-bottom:.35rem;border-bottom:1px solid var(--border)}.diff-label{font-weight:600;color:var(--text-muted);font-size:.75rem}.diff-empty{color:var(--text-muted);font-style:italic;text-align:center;padding:.5rem}.save-modal{max-width:520px;box-sizing:border-box}.save-modal .deck-name-input,.save-modal .form-section textarea{width:100%;box-sizing:border-box}.tag-input-container{display:flex;flex-direction:column;gap:.5rem}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:4px;color:#a5b4fc;font-size:.8rem}.tag-chip button{background:none;border:none;color:#a5b4fc;font-size:.9rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.tag-chip button:hover{opacity:1;color:#ef4444}.tag-input-row{display:flex;gap:.5rem}.tag-input-row input{flex:1;padding:.5rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem}.tag-input-row input:focus{outline:none;border-color:var(--primary)}.public-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.public-toggle:hover{border-color:var(--primary)}.public-toggle.active{border-color:#22c55e;background:#22c55e0d}.toggle-track{width:40px;height:22px;background:var(--border);border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}.public-toggle.active .toggle-track{background:#22c55e}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.public-toggle.active .toggle-thumb{transform:translate(18px)}.toggle-label{display:flex;flex-direction:column;gap:.15rem}.toggle-text{font-weight:600;color:var(--text);font-size:.9rem}.toggle-desc{font-size:.8rem;color:var(--text-muted)}@media(max-width:480px){.modal-overlay{padding:.5rem}.modal-content{max-width:100%;box-sizing:border-box}.modal-header{padding:1rem}.modal-body{padding:1rem;overflow-x:hidden}.modal-footer{padding:.75rem 1rem}.save-modal .form-section textarea,.save-modal .form-section input{width:100%;box-sizing:border-box}.tag-input-row{flex-direction:column}.tag-input-row .btn{width:100%;justify-content:center;min-height:40px}.version-item{flex-direction:column;align-items:flex-start;gap:.5rem}.version-actions{width:100%;display:flex;gap:.5rem}.version-actions .btn{flex:1;justify-content:center;min-height:40px}}.deck-analysis-page{min-height:calc(100vh - 120px);padding:0}.analysis-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:1.5rem}.analysis-header h1{margin:0;font-size:1.5rem;color:var(--text)}.deck-meta{color:var(--text-muted);font-size:.9rem}.credit-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;font-weight:600;color:#1f2937}.credit-icon{font-size:1.1rem}.analysis-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.deck-summary-column{display:flex;flex-direction:column;gap:1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.summary-card h3{margin:0 0 1rem;font-size:1rem;color:var(--text)}.overview-stats{display:flex;flex-direction:column;gap:.75rem}.stat-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.stat-value{color:var(--text);font-weight:500}.color-pips{display:flex;gap:.5rem}.pip{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;opacity:.3;transition:opacity .2s,transform .2s}.pip.active{opacity:1;transform:scale(1.1)}.pip-white{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.pip-blue{background:#3b82f6;color:#fff}.pip-black{background:#1f2937;color:#fff}.pip-red{background:#ef4444;color:#fff}.pip-green{background:#22c55e;color:#fff}.edit-deck-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.edit-deck-btn:hover{border-color:var(--primary);color:var(--primary)}.analysis-column{display:flex;flex-direction:column;gap:1.5rem}.analysis-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border)}.section-header.clickable{cursor:pointer;transition:background .2s}.section-header.clickable:hover{background:var(--bg-dark)}.section-title{display:flex;align-items:center;gap:.75rem}.section-title h2{margin:0;font-size:1.1rem;color:var(--text)}.ai-icon,.free-icon{font-size:1.25rem}.credit-badge{padding:.35rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;font-size:.85rem;font-weight:600;color:#1f2937}.free-badge{padding:.25rem .5rem;background:#22c55e;color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.expand-icon{color:var(--text-muted);transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.ai-section{border:1px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#6366f10d)}.ai-buttons{display:flex;gap:1rem;padding:1.25rem}.ai-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.ai-btn:disabled{opacity:.7;cursor:not-allowed}.quick-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quick-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.full-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.full-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.ai-btn .btn-text{color:#fff!important;background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-icon{font-size:1.1rem}.btn-cost{padding:.2rem .5rem;background:#fff3;border-radius:4px;font-size:.8rem}.ai-description{padding:0 1.25rem 1.25rem;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.free-analysis-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem}.analysis-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:1rem}.analysis-card h4{margin:0 0 1rem;font-size:.95rem;color:var(--text)}.mana-curve-horizontal{display:flex;flex-direction:column;gap:.5rem}.curve-row{display:flex;align-items:center;gap:.75rem}.curve-label{width:20px;font-size:.85rem;color:var(--text-muted);text-align:center}.curve-bar-container{flex:1;height:20px;background:var(--border);border-radius:4px;overflow:hidden}.curve-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#a855f7 100%);border-radius:4px;transition:width .5s ease}.curve-count{width:24px;font-size:.85rem;color:var(--text);text-align:right;font-weight:500}.type-distribution{display:flex;flex-direction:column;gap:.5rem}.type-row{display:flex;justify-content:space-between;align-items:center}.type-info{display:flex;align-items:center;gap:.5rem}.type-dot{width:10px;height:10px;border-radius:50%}.type-name{font-size:.9rem;color:var(--text)}.type-count{font-size:.9rem;color:var(--text-muted);font-weight:500}.color-row{display:flex;align-items:center;gap:.75rem}.color-pip-small{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.color-bar-bg{flex:1;height:12px;background:var(--border);border-radius:6px;overflow:hidden}.color-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.color-count{width:24px;text-align:right;font-size:.85rem;color:var(--text);font-weight:500}.recommendations-card{grid-column:1 / -1}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.recommendations-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;font-size:.9rem;line-height:1.4}.rec-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem}.rec-success{background:#22c55e1a;color:#22c55e}.rec-success .rec-icon{background:#22c55e;color:#fff}.rec-warning{background:#f59e0b1a;color:#f59e0b}.rec-warning .rec-icon{background:#f59e0b;color:#fff}.rec-info{background:#3b82f61a;color:#3b82f6}.rec-info .rec-icon{background:#3b82f6;color:#fff}.rec-error{background:#ef44441a;color:#ef4444}.rec-error .rec-icon{background:#ef4444;color:#fff}.commander-card{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf240d,#f59e0b0d)}.commander-info{display:flex;justify-content:space-between;align-items:center}.commander-name{font-weight:600;color:var(--text);font-size:.95rem}.commander-cost{font-family:monospace;font-size:.9rem;color:var(--text-muted);padding:.25rem .5rem;background:var(--bg-dark);border-radius:4px}.ai-teaser{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px dashed #8b5cf6;border-radius:8px}.teaser-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.teaser-icon{font-size:1.25rem}.teaser-title{font-weight:600;color:#8b5cf6;font-size:.95rem}.teaser-list{list-style:none;padding:0;margin:0 0 .75rem}.teaser-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;color:var(--text-muted);font-size:.85rem}.teaser-list li:before{content:"✨";font-size:.8rem}.teaser-cta{margin:0;color:var(--text);font-size:.85rem}.teaser-cta strong{color:#8b5cf6}.analysis-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem}.error-icon{font-size:1.1rem}.ai-results{padding:1.25rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-verdict-header{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;margin-bottom:1.25rem}.archetype-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;border-radius:20px;font-size:.95rem}.power-level-bar{flex:1;min-width:200px}.power-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.power-level-label{font-size:.85rem;color:var(--text-muted)}.power-level-value{font-size:1.1rem;font-weight:700}.power-level-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.power-level-fill{height:100%;border-radius:4px;transition:width .5s ease}.power-level-description{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;display:block}.verdict-text{padding:1rem;background:var(--bg-dark);border-radius:8px;margin-bottom:1.25rem}.verdict-text p{margin:0;color:var(--text);line-height:1.6}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.sw-column{padding:1rem;border-radius:8px}.sw-column.strengths{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.sw-column.weaknesses{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.sw-column h4{margin:0 0 .75rem;font-size:.9rem}.sw-column.strengths h4{color:#22c55e}.sw-column.weaknesses h4{color:#ef4444}.sw-column ul{list-style:none;padding:0;margin:0}.sw-column li{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--text)}.sw-icon{font-weight:700;width:16px;text-align:center}.sw-column.strengths .sw-icon{color:#22c55e}.sw-column.weaknesses .sw-icon{color:#ef4444}.analysis-divider{height:1px;background:var(--border);margin:1.25rem 0}.win-conditions{margin-bottom:1.25rem}.win-conditions h4{margin:0 0 .75rem;font-size:.95rem;color:var(--text)}.win-conditions ul{list-style:none;padding:0;margin:0}.win-conditions li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#3b82f61a;border-radius:6px;margin-bottom:.5rem;font-size:.9rem;color:var(--text)}.win-conditions li:before{content:"🎯";font-size:.85rem}.card-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.suggestions-column{padding:1rem;border-radius:8px;background:var(--bg-dark)}.suggestions-column h4{margin:0 0 .75rem;font-size:.9rem}.suggestions-column.cuts h4{color:#ef4444}.suggestions-column.additions h4{color:#22c55e}.suggestions-column ul{list-style:none;padding:0;margin:0}.suggestions-column li{padding:.5rem 0;border-bottom:1px solid var(--border)}.suggestions-column li:last-child{border-bottom:none}.card-name{display:block;font-weight:500;color:var(--text);font-size:.9rem}.card-reason{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.no-suggestions{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:0}.matchup-analysis{margin-bottom:1.25rem}.matchup-analysis h4{margin:0 0 .75rem;font-size:.95rem;color:var(--text)}.matchups{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.matchup-column{padding:.75rem;border-radius:8px}.matchup-column.good{background:#22c55e1a}.matchup-column.bad{background:#ef44441a}.matchup-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.matchup-column.good .matchup-label{color:#22c55e}.matchup-column.bad .matchup-label{color:#ef4444}.matchup-column ul{list-style:none;padding:0;margin:0}.matchup-column li{font-size:.85rem;color:var(--text);padding:.25rem 0}.sideboard-tips{margin-bottom:1.25rem;padding:1rem;background:#f59e0b1a;border-radius:8px}.sideboard-tips h4{margin:0 0 .75rem;font-size:.95rem;color:#f59e0b}.sideboard-tips ul{list-style:none;padding:0;margin:0}.sideboard-tips li{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--text)}.sideboard-tips li:before{content:"💡";font-size:.8rem}.overall-strategy{padding:1rem;background:var(--bg-dark);border-radius:8px}.overall-strategy h4{margin:0 0 .75rem;font-size:.95rem;color:var(--text)}.overall-strategy p{margin:0;font-size:.9rem;color:var(--text);line-height:1.6}.upgrade-prompt{margin-top:1.25rem;padding:1rem;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px dashed #8b5cf6;border-radius:8px;text-align:center}.upgrade-prompt p{margin:0 0 .75rem;color:var(--text-muted);font-size:.9rem}.upgrade-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.upgrade-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.analysis-content{grid-template-columns:1fr}.deck-summary-column{flex-direction:row;flex-wrap:wrap}.summary-card{flex:1;min-width:200px}.edit-deck-btn{flex:100%}}.cached-result-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:6px}.cached-badge{font-size:.75rem;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.05em}.reanalyze-btn{padding:.3rem .75rem;background:transparent;border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-size:.8rem;cursor:pointer;transition:all .2s}.reanalyze-btn:hover{background:var(--primary);color:#fff}.reanalyze-btn:disabled{opacity:.5;cursor:not-allowed}.edhrec-section{border-color:#6366f14d}.edhrec-icon{font-size:1.25rem}.edhrec-badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;background:#6366f126;color:var(--primary);border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.edhrec-comparison-content{padding:1.25rem}.edhrec-loading,.edhrec-empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.9rem}.edhrec-summary{padding:.75rem 1rem;background:#6366f114;border-radius:8px;font-size:.9rem;color:var(--text);margin-bottom:1rem}.edhrec-group{margin-bottom:1rem}.edhrec-group-title{font-size:.85rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.edhrec-group-title.edhrec-running{color:#22c55e}.edhrec-group-title.edhrec-missing{color:#f59e0b}.edhrec-card-list{display:flex;flex-direction:column;gap:.25rem}.edhrec-comparison-card{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px;font-size:.85rem}.edhrec-comparison-card.running{background:#22c55e0f}.edhrec-comparison-card.missing{background:#f59e0b0f}.edhrec-check{color:#22c55e;font-weight:700;min-width:16px}.edhrec-miss{color:#f59e0b;font-weight:700;min-width:16px}.edhrec-card-name{flex:1;color:var(--text)}.edhrec-pct{color:var(--text-muted);font-size:.75rem;min-width:35px;text-align:right}.edhrec-comparison-attribution{text-align:center;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border)}.edhrec-comparison-attribution a{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:color .2s}.edhrec-comparison-attribution a:hover{color:var(--primary)}@media(max-width:768px){.analysis-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.ai-buttons{flex-direction:column}.free-analysis-content{grid-template-columns:1fr}.analysis-content{padding:1rem;gap:1rem}.strengths-weaknesses,.card-suggestions,.matchups{grid-template-columns:1fr}}@media(max-width:480px){.analysis-header{padding:1rem}.analysis-header h1{font-size:1.2rem}.analysis-content,.ai-buttons{padding:.75rem}.ai-btn{padding:.75rem;font-size:.85rem;min-height:44px}.summary-card{padding:1rem}.analysis-card{padding:.75rem}}.my-decks-page{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.create-deck-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.create-deck-btn:hover{background:var(--primary-hover);transform:translateY(-2px);color:#fff}.filters-bar{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.my-decks-page .deck-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:0;position:relative;transition:all .2s;display:flex;flex-direction:column;min-height:280px;overflow:hidden}.my-decks-page .deck-card:hover{border-color:var(--primary);transform:translateY(-2px)}.deck-cover-image{width:100%;height:120px;overflow:hidden;position:relative}.deck-cover-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.deck-cover-image+.deck-card-header{padding-top:.75rem}.my-decks-page .deck-card>:not(.deck-cover-image){padding-left:1.25rem;padding-right:1.25rem}.my-decks-page .deck-card>:first-child:not(.deck-cover-image){padding-top:1.25rem}.my-decks-page .deck-card>:last-child{padding-bottom:1.25rem}.my-decks-page .deck-card-header{margin-bottom:.75rem}.my-decks-page .deck-name{margin:0 0 .5rem;font-size:1.1rem;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-decks-page .deck-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.my-decks-page .format-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.my-decks-page .card-count{color:var(--text-muted);font-size:.85rem;flex-shrink:0}.my-decks-page .public-badge{padding:.2rem .4rem;background:#22c55e1a;color:#22c55e;border-radius:4px;font-size:.7rem;font-weight:600;flex-shrink:0}.my-decks-page .deck-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.my-decks-page .deck-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;max-height:52px;overflow:hidden}.my-decks-page .tag{padding:.2rem .5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;font-size:.7rem;color:var(--text-muted);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.my-decks-page .tag.more{background:transparent;border-color:var(--primary);color:var(--primary)}.my-decks-page .commander-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fbbf241a;border-radius:6px;margin-bottom:.75rem;overflow:hidden}.my-decks-page .commander-label{font-size:.8rem;color:#f59e0b;font-weight:500;flex-shrink:0}.my-decks-page .commander-row .commander-name{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-decks-page .fork-attribution{font-size:.8rem;color:var(--text-muted);padding:.4rem .6rem;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:6px;margin-bottom:.75rem}.my-decks-page .fork-attribution a{color:var(--primary);text-decoration:none}.my-decks-page .fork-attribution a:hover{text-decoration:underline}.my-decks-page .deck-footer{padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto;margin-bottom:.75rem}.my-decks-page .updated-at{font-size:.8rem;color:var(--text-muted)}.my-decks-page .deck-actions{display:flex;gap:.5rem}.action-btn{flex:1;padding:.5rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none}.action-btn.edit{background:var(--bg-dark);border:1px solid var(--border);color:var(--text)}.action-btn.edit:hover{border-color:var(--primary);color:var(--primary)}.action-btn.playtest{background:#22c55e1a;color:#22c55e}.action-btn.playtest:hover{background:#22c55e33}.action-btn.analyze{background:#8b5cf61a;color:#8b5cf6}.action-btn.analyze:hover{background:#8b5cf633}.action-btn.visibility{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.action-btn.visibility:hover{background:#22c55e26;border-color:#22c55e;color:#22c55e;transform:translateY(-1px)}.action-btn.visibility.public{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.action-btn.visibility.public:hover{background:#6b728026;border-color:#6b728066;color:#9ca3af}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef444433}.delete-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10}.delete-confirm{text-align:center}.delete-confirm p{margin:0 0 1rem;color:var(--text);font-weight:500}.confirm-actions{display:flex;gap:.5rem;justify-content:center}.confirm-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-btn.cancel{background:var(--bg-dark);color:var(--text)}.confirm-btn.cancel:hover{background:var(--border)}.confirm-btn.delete{background:#ef4444;color:#fff}.confirm-btn.delete:hover{background:#dc2626}.deck-stats-summary{display:flex;justify-content:center;gap:3rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:2rem}.stat-item{text-align:center}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-bar{flex-direction:column}.filter-controls{flex-direction:column;width:100%}.filter-group{width:100%}.filter-group select{flex:1}.decks-grid{grid-template-columns:1fr}.deck-stats-summary{flex-wrap:wrap;gap:1.5rem}.stat-item{flex:1;min-width:100px}}@media(max-width:480px){.my-decks-page{padding:0 .5rem}.header-content h1{font-size:1.5rem}.create-deck-btn{width:100%;justify-content:center}.search-box{min-width:0}.my-decks-page .deck-card{padding:1rem;min-height:0}.my-decks-page .deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.action-btn{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.deck-stats-summary{gap:1rem;padding:1rem}.stat-value{font-size:1.35rem}}.public-decks-page{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{margin-bottom:2rem}.header-content h1{margin:0;font-size:2rem;color:var(--text)}.header-subtitle{margin:.5rem 0 0;color:var(--text-muted);font-size:.95rem}.filters-bar{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem}.search-box input:focus{outline:none;border-color:var(--primary)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0 .25rem}.clear-search:hover{color:var(--text)}.filter-controls{display:flex;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:var(--text-muted);font-size:.9rem}.filter-group select{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--primary)}.results-info{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}.public-decks-page .deck-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;min-height:260px;overflow:hidden}.public-decks-page .deck-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.public-decks-page .deck-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.public-decks-page .deck-card-header .deck-info{flex:1;min-width:0}.public-decks-page .deck-name{margin:0 0 .5rem;font-size:1.1rem;color:var(--text);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;transition:color .2s}.public-decks-page .deck-card:hover .deck-name{color:var(--primary);text-decoration:underline}.public-decks-page .deck-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.public-decks-page .format-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.public-decks-page .card-count{color:var(--text-muted);font-size:.85rem;flex-shrink:0}.public-decks-page .deck-stats{display:flex;gap:.75rem;flex-shrink:0;align-items:center}.public-decks-page .stat{display:flex;align-items:center;gap:.3rem;font-size:.9rem;color:var(--text);font-weight:500}.public-decks-page button.stat.likes{background:none;border:none;cursor:pointer;padding:.25rem .4rem;border-radius:4px;transition:all .2s}.public-decks-page button.stat.likes:hover:not(:disabled){background:#ef44441a;color:#ef4444}.public-decks-page button.stat.likes.liked{color:#ef4444}.public-decks-page button.stat.likes:disabled{cursor:default;opacity:.6}.public-decks-page .stat-icon{font-size:1rem}.public-decks-page .deck-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.public-decks-page .deck-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;max-height:52px;overflow:hidden}.public-decks-page .tag{padding:.2rem .5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;font-size:.7rem;color:var(--text-muted);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.public-decks-page .commander-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fbbf241a;border-radius:6px;margin-bottom:.75rem;overflow:hidden}.public-decks-page .commander-label{font-size:.8rem;color:#f59e0b;font-weight:500;flex-shrink:0}.public-decks-page .commander-row .commander-name{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-decks-page .deck-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto}.public-decks-page .author-info{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;text-decoration:none;transition:all .2s;padding:.25rem .5rem;border-radius:6px;margin-left:-.5rem}.public-decks-page .author-info:hover{background:#667eea1a}.public-decks-page .author-info:hover .author-name{color:var(--primary);text-decoration:underline}.public-decks-page .author-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.public-decks-page .author-name{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.public-decks-page .updated-at{font-size:.8rem;color:var(--text-muted);flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px dashed var(--border);border-radius:12px}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;color:var(--text)}.empty-state p{margin:0 0 1.5rem;color:var(--text-muted)}.clear-filters-btn{padding:.75rem 1.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s}.clear-filters-btn:hover{border-color:var(--primary);color:var(--primary)}.format-stats{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.format-stats h3{margin:0 0 1.5rem;font-size:1.1rem;color:var(--text)}.format-cards{display:flex;gap:1rem;flex-wrap:wrap}.format-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.format-card:hover,.format-card.active{border-color:var(--primary)}.format-card.active{background:#667eea1a}.format-dot{width:10px;height:10px;border-radius:50%}.format-name{font-size:.9rem;color:var(--text)}.format-count{font-size:.8rem;color:var(--text-muted);padding:.15rem .4rem;background:var(--bg-dark);border-radius:4px}@media(max-width:768px){.filters-bar{flex-direction:column}.filter-controls{flex-direction:column;width:100%}.filter-group{width:100%}.filter-group select{flex:1}.decks-grid{grid-template-columns:1fr}.format-cards{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.public-decks-page{padding:0 .5rem}.header-content h1{font-size:1.5rem}.search-box{min-width:0}.public-decks-page .deck-card{padding:1rem;min-height:0}.format-card{padding:.6rem .75rem;min-height:44px}}.profile-page{min-height:calc(100vh - 120px);max-width:1000px;margin:0 auto;padding:0 1rem}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.profile-header h1{margin:0;font-size:1.75rem;color:var(--text)}.account-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.account-link:hover{color:var(--primary)}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.profile-card h3{margin:0 0 1rem;font-size:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.main-card{grid-column:1 / -1}.profile-avatar-section{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.avatar-container{position:relative;flex-shrink:0}.avatar-image,.avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;font-size:2rem;font-weight:600}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.avatar-edit-btn:hover{border-color:var(--primary);transform:scale(1.1)}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.display-name{margin:0;font-size:1.5rem;color:var(--text)}.email{color:var(--text-muted);font-size:.9rem}.join-date{color:var(--text-muted);font-size:.8rem;opacity:.8}.bio-section{margin-bottom:1.5rem}.section-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.bio-text{margin:0;color:var(--text);line-height:1.6}.edit-input,.edit-textarea{width:100%;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .2s}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:var(--primary)}.display-name-input{font-size:1.25rem;font-weight:600}.edit-textarea{resize:vertical;min-height:80px}.profile-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-small{padding:.5rem 1rem;font-size:.8rem}.stats-grid{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-dark);border-radius:8px}.stat-icon{font-size:1.5rem}.stat-details{display:flex;flex-direction:column}.stat-number{font-size:1.25rem;font-weight:600;color:var(--text)}.stat-label{font-size:.8rem;color:var(--text-muted)}.linked-accounts{display:flex;flex-direction:column;gap:.75rem}.linked-account{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.linked-account.connected{border-color:#22c55e4d}.account-info{display:flex;align-items:center;gap:.75rem}.account-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:6px;color:var(--text-muted)}.account-icon svg{width:18px;height:18px}.discord-icon{color:#5865f2}.account-name{font-weight:500;color:var(--text)}.account-status{font-size:.8rem;color:var(--text-muted)}.account-status.connected{color:#22c55e}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-dark);border-radius:8px;text-decoration:none;color:var(--text);transition:all .2s}.quick-link:hover{background:var(--primary);color:#fff}.link-icon{font-size:1.1rem}.hidden-file-input{display:none}.avatar-emoji-large{font-size:3rem}.profile-bottom-grid{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.profile-bottom-grid,.profile-content{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center}.profile-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media(max-width:480px){.profile-page{padding:0 .5rem}.profile-header h1{font-size:1.35rem}.profile-card{padding:1rem}.profile-avatar-section{gap:1rem}.avatar-image,.avatar-placeholder{width:80px;height:80px}.display-name{font-size:1.25rem}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%;min-height:44px}}.profile-customization{display:flex;flex-direction:column;gap:1.5rem}.customization-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem}.preview-card{width:200px;padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:.75rem;border:2px solid var(--border, #2a2a3e);transition:all .3s ease}.preview-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-card, #1a1a2e);display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--primary, #8b5cf6)}.preview-avatar img{width:100%;height:100%;object-fit:cover}.avatar-emoji{font-size:2.5rem}.preview-name{font-size:1.1rem;font-weight:600;color:var(--text, #fff)}.preview-tier{font-size:.85rem;font-weight:500}.preview-hint{font-size:.8rem;color:var(--text-muted, #888);margin:0}.customization-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border, #2a2a3e);padding-bottom:.5rem}.tab-btn{padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-muted, #888);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s}.tab-btn:hover{color:var(--text, #fff);background:#8b5cf61a}.tab-btn.active{color:var(--primary, #8b5cf6);background:#8b5cf626;border-bottom:2px solid var(--primary, #8b5cf6)}.customization-content{min-height:300px;max-height:400px;overflow-y:auto}.tab-content{display:flex;flex-direction:column;gap:1.5rem}.customization-section h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted, #888);font-weight:500}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.backgrounds-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.customization-item{position:relative;background:var(--bg-card, #1a1a2e);border:2px solid var(--border, #2a2a3e);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.customization-item:hover{border-color:var(--primary, #8b5cf6);transform:translateY(-2px)}.customization-item.selected{border-color:var(--primary, #8b5cf6);background:#8b5cf61a}.customization-item.locked{opacity:.7}.customization-item.locked:hover{opacity:1}.item-preview{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark, #0f0f1a)}.backgrounds-grid .item-preview{width:100%;height:50px}.item-emoji{font-size:1.75rem}.item-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.item-name{font-size:.8rem;color:var(--text, #fff);font-weight:500}.item-cost{font-size:.7rem;color:#f59e0b}.item-badge{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:600}.item-badge.free{background:#22c55e33;color:#22c55e}.item-lock{position:absolute;top:.5rem;right:.5rem;font-size:.9rem}.item-check{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:var(--primary, #8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff}.custom-avatar-upload{display:flex;gap:.75rem;align-items:center}.hidden-input{display:none}.upload-btn{padding:.6rem 1rem;background:var(--bg-dark, #0f0f1a);border:1px dashed var(--border, #2a2a3e);border-radius:8px;color:var(--text, #fff);font-size:.85rem;cursor:pointer;transition:all .2s}.upload-btn:hover{border-color:var(--primary, #8b5cf6);background:#8b5cf61a}.clear-btn{padding:.6rem 1rem;background:transparent;border:1px solid var(--border, #2a2a3e);border-radius:8px;color:var(--text-muted, #888);font-size:.85rem;cursor:pointer}.clear-btn:hover{color:#ef4444;border-color:#ef4444}.feature-locked{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-dark, #0f0f1a);border-radius:8px;text-align:center}.lock-icon{font-size:1.5rem}.feature-locked span{font-size:.85rem;color:var(--text-muted, #888)}.or-text{font-size:.8rem!important;color:#f59e0b!important}.credits-display{padding:.75rem 1rem;background:var(--bg-dark, #0f0f1a);border-radius:8px;text-align:center;font-size:.9rem;color:var(--text, #fff)}.customization-actions{display:flex;justify-content:flex-end}.customization-actions .btn{padding:.75rem 2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.customization-actions .btn-primary{background:var(--primary, #8b5cf6);color:#fff;border:none}.customization-actions .btn-primary:hover:not(:disabled){background:var(--primary-hover, #7c3aed)}.customization-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.purchase-modal{background:var(--bg-card, #1a1a2e);border:1px solid var(--border, #2a2a3e);border-radius:16px;padding:2rem;max-width:320px;width:90%;text-align:center;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted, #888);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text, #fff)}.modal-icon{font-size:3rem;margin-bottom:1rem}.purchase-modal h3{margin:0 0 .5rem;color:var(--text, #fff);font-size:1.25rem}.purchase-modal p{margin:0 0 1.5rem;color:var(--text-muted, #888);font-size:.9rem}.purchase-cost{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-dark, #0f0f1a);border-radius:8px;margin-bottom:.75rem}.cost-label{color:var(--text-muted, #888)}.cost-value{color:#f59e0b;font-weight:600}.purchase-balance{font-size:.85rem;color:var(--text-muted, #888);margin-bottom:1.5rem}.purchase-modal .btn{width:100%;padding:.875rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.purchase-modal .btn-primary{background:var(--primary, #8b5cf6);color:#fff;border:none}.purchase-modal .btn-primary:hover{background:var(--primary-hover, #7c3aed)}.purchase-modal .btn-secondary{background:transparent;color:var(--text, #fff);border:1px solid var(--border, #2a2a3e);margin-top:.5rem}.not-enough{display:flex;flex-direction:column;gap:.75rem}.not-enough p{color:#ef4444;margin:0}.customization-content::-webkit-scrollbar{width:6px}.customization-content::-webkit-scrollbar-track{background:var(--bg-dark, #0f0f1a);border-radius:3px}.customization-content::-webkit-scrollbar-thumb{background:var(--border, #2a2a3e);border-radius:3px}.customization-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #888)}@media(max-width:600px){.items-grid{grid-template-columns:repeat(3,1fr)}.backgrounds-grid{grid-template-columns:repeat(2,1fr)}.customization-tabs{overflow-x:auto}.tab-btn{padding:.6rem 1rem;font-size:.85rem}}.account-page{min-height:calc(100vh - 120px);max-width:1100px;margin:0 auto;padding:0 1rem}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.header-left{display:flex;flex-direction:column;gap:.5rem}.back-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--primary)}.account-header h1{margin:0;font-size:1.75rem;color:var(--text)}.account-content{display:grid;grid-template-columns:220px 1fr;gap:2rem}.account-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:var(--bg-dark);color:var(--text)}.nav-item.active{background:var(--primary);color:#fff}.nav-icon{font-size:1.1rem}.account-main{min-width:0}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.section-card h2{margin:0 0 1.25rem;font-size:1.1rem;color:var(--text)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.info-row:last-of-type{border-bottom:none;padding-bottom:0}.info-row label{color:var(--text-muted);font-size:.9rem}.info-value{display:flex;align-items:center;gap:1rem}.info-value span{color:var(--text)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-of-type{border-bottom:none;padding-bottom:0}.toggle-info{display:flex;flex-direction:column;gap:.25rem}.toggle-label{color:var(--text);font-weight:500}.toggle-description{color:var(--text-muted);font-size:.85rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.btn-text{background:transparent;color:var(--primary);padding:.5rem .75rem}.btn-text:hover{text-decoration:underline}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-current{background:var(--bg-dark);color:var(--text-muted);border:1px solid var(--border)}.danger-zone{border-color:#ef44444d}.danger-zone h2{color:#ef4444}.danger-row{display:flex;justify-content:space-between;align-items:center}.danger-info{display:flex;flex-direction:column;gap:.25rem}.danger-label{color:var(--text);font-weight:500}.danger-description{color:var(--text-muted);font-size:.85rem}.save-bar{display:flex;justify-content:flex-end;padding-top:1rem}.current-plan{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:#6366f14d}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.plan-badge{margin-top:.5rem}.badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.badge-free{background:var(--bg-dark);color:var(--text-muted)}.badge-pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.badge-unlimited{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.credits-display{text-align:right;min-width:140px}.credits-header{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:.25rem}.credits-icon{font-size:1rem}.credits-label{color:var(--text-muted);font-size:.85rem}.credits-count{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.credits-count .current{color:var(--primary)}.credits-count .separator{color:var(--text-muted);margin:0 .25rem}.credits-count .total{color:var(--text-muted)}.credits-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.credits-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#a855f7 100%);border-radius:3px;transition:width .5s}.renewal-date{font-size:.75rem;color:var(--text-muted)}.current-features h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.current-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.current-features li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text)}.current-features .check{color:#22c55e}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:all .2s}.plan-card:hover{border-color:var(--primary)}.plan-card.current{border-color:var(--primary);background:#6366f10d}.plan-card.popular{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.plan-card h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text)}.plan-price{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.plan-credits{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text);margin-bottom:.5rem}.plan-features .check{color:#22c55e;flex-shrink:0}.plan-card .btn{width:100%}.payment-method,.billing-history{padding:2rem;text-align:center}.no-payment,.no-history{display:flex;flex-direction:column;align-items:center;gap:.75rem}.payment-icon,.history-icon{font-size:2.5rem;opacity:.5}.no-payment p,.no-history p{margin:0;color:var(--text)}.history-hint{color:var(--text-muted);font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:400px;text-align:center}.modal-content h2{margin:0 0 1rem;color:#ef4444}.modal-content p{color:var(--text-muted);margin:0 0 1.5rem;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:center}.section-title{margin:2rem 0 1rem;font-size:1.25rem;color:var(--text)}.credit-costs-card{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border-color:#22c55e4d}.credit-costs-desc{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.credit-costs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.credit-cost-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-dark);border-radius:8px;text-align:center}.cost-icon{font-size:1.5rem}.cost-name{color:var(--text);font-size:.9rem;font-weight:500}.cost-value{color:var(--primary);font-size:1.1rem;font-weight:600}.locked-title{margin:1.5rem 0 .75rem;font-size:.9rem;color:#f59e0b}.locked-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.locked-features li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.locked-features .lock{font-size:.8rem}.value-comparison{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border-color:#8b5cf666;position:relative}.value-badge{position:absolute;top:-10px;left:1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.value-comparison h3{margin:.5rem 0 1.25rem;font-size:1.1rem;color:var(--text)}.comparison-grid{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem}.comparison-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.comparison-label{font-size:.85rem;color:var(--text-muted)}.comparison-value{font-size:1.5rem;font-weight:700;color:var(--text)}.comparison-value.highlight{color:#22c55e}.comparison-detail{font-size:.8rem;color:var(--text-muted)}.comparison-vs{font-size:.9rem;color:var(--text-muted);font-weight:500}.comparison-savings{margin:0;text-align:center;font-size:.95rem;color:var(--text)}.comparison-savings strong{color:#22c55e}.plan-per-credit{color:#22c55e;font-size:.85rem;font-weight:500;margin-bottom:1rem}.plan-usage{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-dark);border-radius:6px;font-size:.8rem;color:var(--text-muted)}.badge-premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.topup-section h2{margin-bottom:.5rem}.topup-desc{margin:0 0 1.5rem;color:var(--text-muted);font-size:.9rem}.topup-desc strong{color:var(--primary)}.topup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.topup-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;text-align:center;transition:all .2s}.topup-card:hover{border-color:var(--primary)}.topup-credits{font-size:1.25rem;font-weight:600;color:var(--text)}.topup-price{font-size:1.5rem;font-weight:700;color:var(--primary)}.topup-per-credit{font-size:.8rem;color:var(--text-muted)}.topup-usage{font-size:.75rem;color:var(--text-muted);padding:.25rem .5rem;background:#8b5cf61a;border-radius:4px}.topup-card .btn{margin-top:.5rem;width:100%}.topup-note{margin:1rem 0 0;padding:1rem;background:#22c55e1a;border-radius:8px;font-size:.85rem;color:var(--text);text-align:center}.topup-note strong{color:#22c55e}@media(max-width:900px){.plans-grid,.current-features ul,.credit-costs-grid,.topup-grid{grid-template-columns:1fr}.comparison-grid{flex-direction:column;gap:1rem}.comparison-vs{display:none}.locked-features{grid-template-columns:1fr}}@media(max-width:768px){.account-content{grid-template-columns:1fr}.account-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.nav-item{white-space:nowrap;flex-shrink:0}.plan-header{flex-direction:column;gap:1rem}.credits-display{text-align:left}.credits-header{justify-content:flex-start}}.profile-section .section-card{padding:1.5rem}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.profile-header h2{margin:0 0 .5rem}.tier-benefits{display:flex;align-items:center}.tier-summary{font-size:.85rem;color:var(--text-muted)}.tier-summary strong{color:var(--primary)}@media(max-width:768px){.profile-header{flex-direction:column;gap:.75rem}}@media(max-width:480px){.account-page{padding:0 .5rem}.account-header h1{font-size:1.35rem}.account-nav{gap:.25rem}.nav-item{min-height:44px;padding:.6rem .75rem;font-size:.85rem}.section-card{padding:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.danger-row{flex-direction:column;align-items:flex-start;gap:.75rem}.danger-row .btn{width:100%}.credit-costs-grid,.topup-grid,.plans-grid{grid-template-columns:1fr}.modal-content{padding:1.25rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;min-height:44px}}.auth-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo{font-size:1.75rem;font-weight:700;color:var(--primary);text-decoration:none;display:inline-block;margin-bottom:1.5rem}.auth-header h1{margin:0 0 .5rem;font-size:1.5rem;color:var(--text)}.auth-header p{margin:0;color:var(--text-muted);font-size:.95rem}.plan-selected{margin-top:1rem;padding:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px}.plan-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:12px;font-size:.8rem;font-weight:600}.plan-note{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1rem}.error-icon{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text)}.form-group input{padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.form-group input:disabled{opacity:.7;cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end}.forgot-link{color:var(--primary);font-size:.85rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-block{width:100%}.btn-loading{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-google{background:var(--bg-dark);border:1px solid var(--border);color:var(--text)}.btn-google:hover:not(:disabled){border-color:var(--text-muted);background:var(--border)}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{color:var(--text-muted);font-size:.85rem}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.auth-footer p{margin:0;color:var(--text-muted);font-size:.9rem}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.terms-note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:1rem}.terms-note a{color:var(--primary);text-decoration:none}.terms-note a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:1.5rem}}.collection-page{min-height:calc(100vh - 120px);max-width:1400px;margin:0 auto;padding:0 1rem}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.collection-header h1{margin:0;font-size:1.75rem;color:var(--text)}.collection-subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.collection-header-actions{display:flex;gap:.75rem}.collection-header-actions .btn-scan{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.collection-header-actions .btn-scan:hover{background:linear-gradient(135deg,#059669,#047857)}.collection-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.search-box{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem}.search-input{width:100%;padding:.6rem 2rem .6rem 2.25rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .25rem}.filter-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.color-filters{display:flex;gap:.25rem}.color-btn{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);cursor:pointer;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-dark);color:var(--text-muted)}.color-btn.active{border-color:var(--primary);transform:scale(1.1)}.color-btn.color-w{color:#f9e076}.color-btn.color-u{color:#0e68ab}.color-btn.color-b{color:#a369a0}.color-btn.color-r{color:#d3202a}.color-btn.color-g{color:#00733e}.color-btn.color-w.active{background:#f9e076;color:#333}.color-btn.color-u.active{background:#0e68ab;color:#fff}.color-btn.color-b.active{background:#a369a0;color:#fff}.color-btn.color-r.active{background:#d3202a;color:#fff}.color-btn.color-g.active{background:#00733e;color:#fff}.filter-select{padding:.5rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}.clear-filters-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.75rem}.clear-filters-btn:hover{color:var(--primary);border-color:var(--primary)}.collection-main{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.collection-grid-section{min-height:400px}.collection-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.collection-card-item{cursor:pointer;border-radius:10px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:all .2s}.collection-card-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.card-image-wrapper{position:relative;aspect-ratio:488 / 680;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-qty-badge{position:absolute;top:6px;right:6px;background:#000c;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.card-foil-badge{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,gold,#ff6b6b,#6b5bff);color:#fff;width:22px;height:22px;border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.card-rarity-dot{position:absolute;bottom:6px;right:6px;width:10px;height:10px;border-radius:50%}.rarity-common{background:#9ca3af}.rarity-uncommon{background:silver}.rarity-rare{background:gold}.rarity-mythic{background:#ff6b2b}.card-item-info{padding:.5rem;display:flex;flex-direction:column;gap:.15rem}.card-item-name{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item-price{font-size:.75rem;color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.page-info{color:var(--text-muted);font-size:.9rem}.collection-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.sidebar-card h3{margin:0 0 1rem;font-size:.95rem;color:var(--text)}.stat-rows{display:flex;flex-direction:column;gap:.6rem}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.stat-val{color:var(--text);font-weight:600}.stat-val.highlight{color:var(--primary)}.color-bars{display:flex;flex-direction:column;gap:.5rem}.color-bar-row{display:flex;align-items:center;gap:.5rem}.color-label{width:20px;text-align:center;font-weight:700;font-size:.8rem}.color-label.color-w{color:#f9e076}.color-label.color-u{color:#0e68ab}.color-label.color-b{color:#a369a0}.color-label.color-r{color:#d3202a}.color-label.color-g{color:#00733e}.color-label.color-c{color:#9ca3af}.color-bar-track{flex:1;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.color-bar-fill{height:100%;border-radius:4px;transition:width .3s}.color-fill-w{background:#f9e076}.color-fill-u{background:#0e68ab}.color-fill-b{background:#a369a0}.color-fill-r{background:#d3202a}.color-fill-g{background:#00733e}.color-fill-c{background:#9ca3af}.color-count{width:30px;text-align:right;font-size:.8rem;color:var(--text-muted)}.top-cards-list{display:flex;flex-direction:column;gap:.5rem}.top-card-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;cursor:pointer;font-size:.8rem;transition:color .2s}.top-card-row:hover{color:var(--primary)}.top-rank{color:var(--text-muted);width:24px;font-weight:600}.top-name{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-price{color:var(--primary);font-weight:600}.collection-results-count{text-align:center;font-size:.8rem;color:var(--text-muted);padding:.5rem 0}.empty-collection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-collection h3{margin:0 0 .5rem;color:var(--text)}.empty-collection p{margin:0 0 1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.modal-content h2{margin:0 0 1.25rem;font-size:1.25rem;color:var(--text)}.add-card-modal{width:700px;max-width:95vw}.modal-search-input{width:100%;padding:.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;margin-bottom:1rem}.modal-search-input:focus{outline:none;border-color:var(--primary)}.add-card-results{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.add-card-loading,.add-card-empty{text-align:center;color:var(--text-muted);padding:2rem}.add-card-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px}.add-card-thumb{width:50px;height:70px;object-fit:cover;border-radius:4px;flex-shrink:0}.add-card-info{flex:1;min-width:0}.add-card-name{display:block;font-weight:500;color:var(--text);font-size:.9rem}.add-card-meta{display:block;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-card-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.qty-label{display:flex;flex-direction:column;align-items:center;font-size:.65rem;color:var(--text-muted);gap:.15rem}.qty-input{width:45px;padding:.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);text-align:center;font-size:.85rem}.condition-select{padding:.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.7rem;max-width:110px}.card-detail-modal{width:650px;max-width:95vw}.card-detail-layout{display:flex;gap:1.5rem}.card-detail-image{width:250px;border-radius:12px;flex-shrink:0}.card-detail-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.card-detail-info h2{margin:0;font-size:1.3rem}.card-detail-type,.card-detail-set,.card-detail-rarity{margin:0;font-size:.85rem;color:var(--text-muted)}.card-detail-prices{display:flex;gap:1rem;font-size:.85rem;color:var(--text);padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.card-detail-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.card-detail-fields label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.card-detail-fields .edit-input{padding:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem}.card-detail-fields .edit-input:focus{outline:none;border-color:var(--primary)}.card-detail-value{font-size:.95rem;color:var(--text);font-weight:600;margin:.5rem 0}.condition-mult{font-weight:400;color:var(--text-muted);font-size:.8rem}.card-detail-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:.75rem}.bulk-modal{width:550px;max-width:95vw}.bulk-help{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted)}.bulk-examples{display:flex;gap:.75rem;margin-bottom:1rem}.bulk-examples code{background:var(--bg-dark);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--text)}.bulk-textarea{width:100%;padding:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:monospace;font-size:.9rem;resize:vertical;min-height:150px}.bulk-textarea:focus{outline:none;border-color:var(--primary)}.bulk-result{margin-top:1rem;padding:.75rem;background:var(--bg-dark);border-radius:8px}.bulk-success{margin:0;color:#22c55e;font-weight:500}.bulk-failures{margin-top:.5rem;color:#ef4444;font-size:.85rem}.bulk-failures ul{margin:.25rem 0 0;padding-left:1.25rem}.bulk-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-dark);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-small{padding:.5rem .75rem;font-size:.8rem}.ai-build-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(102,126,234,.08) 50%,rgba(118,75,162,.08) 100%);border-color:#667eea4d;position:relative;overflow:hidden}.ai-build-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:ai-shimmer 3s ease-in-out infinite}@keyframes ai-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ai-build-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative}.ai-build-header h3{margin:0;font-size:.95rem;color:var(--text);flex:1}.ai-build-badge,.ai-modal-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .45rem;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.ai-info-tooltip{position:relative;flex-shrink:0}.ai-info-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--text-muted);color:var(--text-muted);font-size:.65rem;font-weight:700;font-style:italic;cursor:help;transition:all .2s}.ai-info-icon:hover{border-color:var(--primary);color:var(--primary)}.ai-info-popup{display:none;position:absolute;bottom:calc(100% + 10px);right:-10px;width:260px;padding:1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:100;font-size:.78rem;color:var(--text-muted);line-height:1.5}.ai-info-popup:after{content:"";position:absolute;bottom:-6px;right:16px;width:12px;height:12px;background:var(--bg-dark);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.ai-info-tooltip:hover .ai-info-popup{display:block}.ai-info-popup strong{display:block;color:var(--text);font-size:.82rem;margin-bottom:.4rem}.ai-info-popup p{margin:0 0 .5rem}.ai-info-popup ul{margin:0 0 .5rem;padding-left:1rem}.ai-info-popup li{margin-bottom:.2rem}.ai-info-cost{display:block;color:var(--primary);font-weight:600;font-size:.75rem;padding-top:.4rem;border-top:1px solid var(--border)}.ai-build-desc{margin:0 0 .75rem;font-size:.82rem;color:var(--text-muted);line-height:1.45}.ai-format-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.ai-format-tag{padding:.15rem .5rem;background:#667eea1f;border:1px solid rgba(102,126,234,.25);border-radius:20px;font-size:.65rem;color:#8b9cf7;font-weight:500}.ai-min-cards-note{margin:0 0 .6rem;padding:.5rem .65rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:6px;font-size:.75rem;color:#f59e0b;line-height:1.4}.btn-ai-build{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-ai-build:disabled{opacity:.5;cursor:not-allowed}.btn-ai-build:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.btn-ai-build:active{transform:translateY(0)}.ai-btn-icon{font-size:.95rem}.ai-cost-row{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}.ai-cost-hint{font-size:.72rem;color:var(--text-muted)}.ai-credits-remaining{font-size:.72rem;color:var(--primary);font-weight:500}.ai-build-modal{width:600px;max-width:95vw}.ai-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.ai-modal-header h2{margin:0 0 .25rem}.ai-modal-badge{margin-top:.15rem}.ai-modal-desc{margin:0;font-size:.88rem;color:var(--text-muted)}.ai-build-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.ai-build-options label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.ai-build-options .edit-input{padding:.6rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem}.ai-error{color:#ef4444;font-size:.85rem;margin:0 0 1rem}.ai-error-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:1rem}.ai-error-box .ai-error-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ef444433;color:#ef4444;font-weight:700;font-size:.9rem;flex-shrink:0}.ai-error-box strong{display:block;color:#ef4444;font-size:.85rem;margin-bottom:.2rem}.ai-error-box p{margin:0;color:#fca5a5;font-size:.8rem;line-height:1.4}.ai-generating-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.25);border-radius:10px;margin-bottom:1rem}.ai-generating-spinner{width:24px;height:24px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:ai-spin .8s linear infinite;flex-shrink:0}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-generating-box strong{display:block;color:var(--text);font-size:.85rem;margin-bottom:.2rem}.ai-generating-box p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.4}.ai-build-footer{display:flex;justify-content:space-between;align-items:center}.credits-note{font-size:.8rem;color:var(--text-muted)}.ai-result{display:flex;flex-direction:column;gap:1rem}.ai-strategy{padding:1rem;background:var(--bg-dark);border-radius:8px}.ai-strategy h3{margin:0 0 .5rem;font-size:.9rem;color:var(--text)}.ai-strategy p{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.ai-decklist h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text)}.ai-card-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.ai-card-row{display:flex;gap:.5rem;padding:.35rem .5rem;border-radius:4px;font-size:.85rem}.ai-card-row:nth-child(odd){background:var(--bg-dark)}.ai-card-qty{color:var(--primary);font-weight:600;min-width:25px}.ai-card-name{color:var(--text)}.ai-result-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(max-width:1024px){.collection-main{grid-template-columns:1fr}.collection-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:768px){.collection-header{flex-direction:column;gap:1rem;align-items:flex-start}.collection-filters{flex-direction:column}.filter-controls{width:100%}.collection-card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.collection-sidebar{grid-template-columns:1fr}.card-detail-layout{flex-direction:column;align-items:center}.card-detail-image{width:200px}.add-card-row{flex-wrap:wrap}.add-card-controls{width:100%;justify-content:flex-end}}@media(max-width:480px){.collection-page{padding:0 .5rem}.collection-header h1{font-size:1.35rem}.collection-filters{padding:.75rem}.collection-card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.color-btn{width:36px;height:36px}.modal-content{padding:1.25rem}.card-detail-layout{flex-direction:column;align-items:center}.card-detail-image{width:180px}.card-detail-actions{flex-direction:column}.card-detail-actions .btn{width:100%;min-height:44px}.bulk-actions{flex-direction:column}.bulk-actions .btn{width:100%;min-height:44px}}.public-profile-page{max-width:1000px;margin:0 auto;padding:0 1rem}.profile-loading,.profile-error{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.profile-error h2{color:var(--text);margin-bottom:1rem}.public-profile-page .back-nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.public-profile-page .back-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translate(-2px)}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;flex-wrap:wrap}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large .avatar-letter{font-size:2rem;font-weight:700;color:#fff}.profile-info{flex:1;min-width:200px}.profile-info h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text)}.profile-bio{margin:0 0 .75rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.profile-meta{font-size:.85rem;color:var(--text-muted)}.follow-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1.25rem;background:var(--primary);border:1px solid var(--primary);border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.follow-btn:hover{background:var(--primary-hover)}.follow-btn.following{background:transparent;color:var(--text-muted);border-color:var(--border)}.follow-btn.following:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.follow-btn:disabled{opacity:.5;cursor:not-allowed}.edit-profile-link{display:inline-block;margin-top:.75rem;padding:.4rem .8rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text);text-decoration:none;font-size:.85rem;transition:all .2s}.edit-profile-link:hover{border-color:var(--primary);color:var(--primary)}.profile-stats-row{display:flex;gap:2rem;align-self:center}.profile-stat{text-align:center}.profile-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.profile-stat .stat-label{font-size:.8rem;color:var(--text-muted)}.profile-decks-section h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text)}.profile-decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.profile-deck-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;flex-direction:column}.profile-deck-card:hover{border-color:var(--primary);transform:translateY(-2px)}.profile-deck-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.profile-deck-header h3{margin:0;font-size:1.05rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-deck-header .format-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;flex-shrink:0}.profile-deck-desc{margin:0 0 .75rem;color:var(--text-muted);font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-deck-footer{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border)}.no-public-decks{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted)}@media(max-width:768px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-stats-row{width:100%;justify-content:center}.profile-decks-grid{grid-template-columns:1fr}}@media(max-width:480px){.public-profile-page{padding:0 .5rem}.profile-header{padding:1.25rem}.profile-avatar-large{width:64px;height:64px}.profile-avatar-large .avatar-letter{font-size:1.5rem}.profile-info h1{font-size:1.35rem}.profile-stats-row{gap:1.25rem}.profile-stat .stat-value{font-size:1.25rem}.profile-deck-card{padding:1rem}}.deck-detail-page{max-width:900px;margin:0 auto;padding:0 1rem 3rem}.deck-detail-loading,.deck-detail-error{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.deck-detail-error h2{color:var(--text);margin-bottom:1rem}.back-link{color:var(--primary);text-decoration:none}.back-link:hover{text-decoration:underline}.deck-detail-page .back-nav-btn,.public-profile-page .back-nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.deck-detail-page .back-nav-btn:hover,.public-profile-page .back-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translate(-2px)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-muted)}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{opacity:.5}.deck-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.deck-detail-title h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text)}.deck-detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.deck-detail-meta .format-badge{padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.deck-detail-meta .meta-item{font-size:.85rem;color:var(--text-muted)}.deck-detail-actions{display:flex;gap:.5rem;flex-shrink:0}.deck-detail-actions .action-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:.85rem;cursor:pointer;transition:all .2s}.deck-detail-actions .action-btn:hover:not(:disabled){border-color:var(--primary)}.deck-detail-actions .action-btn:disabled{opacity:.5;cursor:default}.deck-detail-actions .like-btn.liked{border-color:#ef4444;color:#ef4444}.deck-detail-actions .share-btn{background:var(--bg-dark)}.deck-detail-actions .analyze-btn{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.deck-detail-actions .analyze-btn:hover{background:#8b5cf633}.deck-detail-actions .playtest-btn{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b;text-decoration:none}.deck-detail-actions .playtest-btn:hover{background:#f59e0b33}.buy-dropdown-wrapper{position:relative}.deck-detail-actions .buy-btn{background:#06b6d41a;border-color:#06b6d44d;color:#06b6d4}.deck-detail-actions .buy-btn:hover{background:#06b6d433}.buy-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:100;min-width:150px;overflow:hidden}.buy-dropdown a{display:block;padding:.6rem .75rem;color:var(--text);text-decoration:none;font-size:.85rem;transition:background .15s}.buy-dropdown a:hover{background:#6366f11a;color:var(--primary)}.deck-detail-actions .fork-btn{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.deck-detail-actions .fork-btn:hover:not(:disabled){background:#22c55e33}.deck-detail-actions .fork-btn.forked{opacity:.7}.fork-attribution{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:inline-block}.fork-attribution a{color:var(--primary);text-decoration:none}.fork-attribution a:hover{text-decoration:underline}.deck-author-bar{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;margin-bottom:1.25rem;transition:all .2s}.deck-author-bar:hover{border-color:var(--primary)}.author-avatar-sm{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.author-name-link{color:var(--text);font-size:.9rem;font-weight:500}.deck-detail-description{margin-bottom:1rem}.deck-detail-description p{margin:0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.deck-detail-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-tag{padding:.2rem .6rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;font-size:.75rem;color:var(--text-muted)}.commander-section{margin-bottom:1.5rem}.commander-section h3{margin:0 0 .75rem;font-size:1.1rem;color:var(--text)}.commander-card{display:flex;gap:1rem;padding:1rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:10px;align-items:center}.commander-img{width:120px;border-radius:6px}.commander-info{display:flex;flex-direction:column;gap:.25rem}.commander-info .commander-name{font-weight:600;color:var(--text);font-size:1.05rem}.commander-info .commander-type{font-size:.85rem;color:var(--text-muted);text-transform:capitalize}.card-list-section{margin-bottom:2rem}.card-list-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.card-list-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.card-type-group h4{margin:0 0 .5rem;font-size:.9rem;color:var(--primary);padding-bottom:.25rem;border-bottom:1px solid var(--border)}.card-type-group ul{list-style:none;margin:0;padding:0}.card-type-group li{display:flex;gap:.5rem;padding:.2rem 0;font-size:.85rem;color:var(--text)}.card-qty{color:var(--text-muted);font-weight:500;min-width:22px}.comments-section{border-top:1px solid var(--border);padding-top:1.5rem}.comments-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.comment-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.comment-form textarea{padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical}.comment-form textarea:focus{outline:none;border-color:var(--primary)}.comment-form textarea::placeholder{color:var(--text-muted)}.submit-comment-btn{align-self:flex-end;padding:.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.submit-comment-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-comment-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-author{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text);font-weight:500;font-size:.85rem}.comment-author:hover{color:var(--primary)}.comment-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600}.comment-date{font-size:.75rem;color:var(--text-muted);margin-left:auto}.delete-comment-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:0 .25rem;opacity:.5}.delete-comment-btn:hover{color:#ef4444;opacity:1}.comment-content{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.no-comments{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.deck-detail-header{flex-direction:column}.deck-detail-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.deck-detail-actions .action-btn{flex:none;text-align:center;min-height:44px;font-size:.8rem;padding:.5rem}.card-list-columns{grid-template-columns:1fr}}@media(max-width:480px){.deck-detail-actions{grid-template-columns:repeat(2,1fr)}.deck-detail-title h1{font-size:1.35rem}.deck-detail-page{padding:0 .5rem 2rem}.buy-dropdown{position:fixed;top:auto;left:0;right:0;bottom:calc(var(--bottom-nav-height, 64px) + var(--safe-area-bottom, 0px));border-radius:12px 12px 0 0;min-width:100%;z-index:500}}.admin-page{min-height:100vh;background:#0a0a0f;color:#e0e0e0;padding:2rem}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.admin-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.admin-unauthorized h1{color:#ef4444;margin:0}.admin-unauthorized .error-message{color:#ef4444;background:#ef444420;padding:.5rem 1rem;border-radius:6px;font-size:.875rem}.admin-unauthorized button{padding:.75rem 2rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.admin-unauthorized button:hover{background:#7c3aed}.admin-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #2a2a35}.admin-header-content{display:flex;align-items:center;gap:1rem}.admin-header h1{margin:0;font-size:1.75rem;color:#fff}.admin-role-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-email{margin:.5rem 0 0;color:#888;font-size:.875rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #2a2a35;padding-bottom:0}.admin-tab{padding:.75rem 1.5rem;background:transparent;color:#888;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.admin-tab:hover{color:#e0e0e0}.admin-tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.admin-content{max-width:1400px}.admin-section{background:#14141f;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-section-header h2{margin:0;font-size:1.25rem;color:#fff}.user-count{color:#888;font-size:.875rem}.admin-search{display:flex;gap:.5rem;margin-bottom:1rem}.admin-search input{flex:1;max-width:400px;padding:.625rem 1rem;background:#1a1a25;border:1px solid #2a2a35;border-radius:6px;color:#e0e0e0;font-size:.9rem}.admin-search input:focus{outline:none;border-color:#8b5cf6}.admin-search button{padding:.625rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.admin-search button:hover{background:#7c3aed}.admin-search .clear-btn{background:#333}.admin-search .clear-btn:hover{background:#444}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:.75rem 1rem;background:#1a1a25;color:#888;font-weight:500;border-bottom:1px solid #2a2a35}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid #1f1f2a}.admin-table tr:hover{background:#1a1a25}.tier-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tier-badge.tier-free{background:#374151;color:#9ca3af}.tier-badge.tier-pro{background:#7c3aed20;color:#a78bfa}.tier-badge.tier-unlimited{background:#f59e0b20;color:#fbbf24}.view-btn{padding:.375rem .75rem;background:#2a2a35;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.view-btn:hover{background:#3a3a45}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:#14141f;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #2a2a35}.modal-header h3{margin:0;color:#fff}.close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.modal-content{padding:1.5rem}.user-detail-grid{display:grid;gap:.75rem}.detail-row{display:flex;gap:1rem}.detail-row label{color:#888;min-width:120px;font-size:.875rem}.detail-row span{color:#e0e0e0;font-size:.875rem}.detail-row .uid{font-family:monospace;font-size:.75rem;color:#888}.modal-content hr{border:none;border-top:1px solid #2a2a35;margin:1.5rem 0}.modal-content h4{margin:0 0 1rem;color:#fff}.edit-form{display:grid;gap:1rem}.form-row{display:flex;align-items:center;gap:1rem}.form-row label{color:#888;min-width:100px;font-size:.875rem}.form-row input,.form-row select{flex:1;padding:.5rem .75rem;background:#1a1a25;border:1px solid #2a2a35;border-radius:6px;color:#e0e0e0;font-size:.875rem}.form-row input:focus,.form-row select:focus{outline:none;border-color:#8b5cf6}.save-btn{padding:.75rem 1.5rem;background:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem}.save-btn:hover:not(:disabled){background:#16a34a}.save-btn:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#14141f;border-radius:12px;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.stat-label{color:#888;margin-top:.5rem;font-size:.875rem}.stat-change{color:#22c55e;font-size:.75rem;margin-top:.25rem}.tier-breakdown{display:grid;gap:.75rem}.tier-row{display:flex;align-items:center;gap:1rem}.tier-row .tier-badge{min-width:80px;text-align:center}.tier-bar{flex:1;height:8px;background:#1a1a25;border-radius:4px;overflow:hidden}.tier-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.tier-bar-fill.free{background:#6b7280}.tier-bar-fill.pro{background:#8b5cf6}.tier-bar-fill.unlimited{background:#f59e0b}.tier-count{min-width:60px;text-align:right;color:#888;font-size:.875rem}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.format-card{background:#1a1a25;border-radius:8px;padding:1rem;text-align:center}.format-name{text-transform:capitalize;color:#888;font-size:.875rem;margin-bottom:.25rem}.format-count{font-size:1.5rem;font-weight:600;color:#fff}.stats-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #2a2a35}.stats-footer small{color:#666}.stats-footer button{padding:.5rem 1rem;background:#2a2a35;color:#e0e0e0;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.stats-footer button:hover{background:#3a3a45}.audit-table .timestamp{white-space:nowrap;color:#888;font-size:.8rem}.audit-table .action-code{background:#1a1a25;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#8b5cf6}.audit-table .details{max-width:300px}.audit-table .details pre{margin:0;font-size:.7rem;color:#888;white-space:pre-wrap;word-break:break-all;max-height:100px;overflow-y:auto}.loading-state,.error-state,.empty-state{text-align:center;padding:2rem;color:#888}.error-state{color:#ef4444}@media(max-width:768px){.admin-page{padding:1rem}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:.75rem}.admin-table th,.admin-table td{padding:.5rem}}.session-timer{font-size:.8rem;color:var(--text-muted);font-family:monospace;padding:.25rem .5rem;background:var(--bg-dark);border-radius:4px}.session-expired-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.session-expired-content{text-align:center;background:var(--bg-card);border:1px solid #ef4444;border-radius:12px;padding:2rem 3rem}.session-expired-content h2{color:#ef4444;margin:0 0 .75rem}.session-expired-content p{color:var(--text-muted);margin:0 0 1.5rem}.session-expired-content button{padding:.6rem 1.5rem;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s}.session-expired-content button:hover{background:var(--primary-hover)}.playtest-page{display:flex;flex-direction:column;min-height:calc(100vh - 120px);padding:.5rem;gap:.5rem;-webkit-user-select:none;user-select:none}.playtest-loading,.playtest-error{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.playtest-error a{color:var(--primary);text-decoration:none}.playtest-top-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.playtest-back{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.playtest-back:hover{color:var(--primary)}.playtest-deck-name{margin:0;font-size:1rem;color:var(--text);flex:1}.playtest-stats{display:flex;align-items:center;gap:1rem}.life-controls{display:flex;align-items:center;gap:.25rem}.life-controls button{width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--bg-dark);color:var(--text);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.life-controls button:hover{border-color:var(--primary);color:var(--primary)}.life-total{font-weight:700;font-size:1.1rem;color:#22c55e;min-width:30px;text-align:center}.turn-counter{font-size:.85rem;color:var(--primary);font-weight:600}.library-count{font-size:.8rem;color:var(--text-muted)}.zone-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block}.playtest-commander-zone{padding:.5rem;background:#a855f714;border:1px solid rgba(168,85,247,.3);border-radius:8px}.playtest-commander-zone .playtest-card{cursor:pointer}.playtest-commander-zone .playtest-card:hover{box-shadow:0 0 12px #a855f766}.playtest-battlefield{flex:1;min-height:180px;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.battlefield-cards{display:flex;flex-wrap:wrap;gap:.5rem;min-height:120px}.zone-empty{color:var(--text-muted);font-size:.85rem;padding:2rem;text-align:center;width:100%}.playtest-card{width:90px;height:126px;border-radius:6px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;background:var(--bg-dark);flex-shrink:0}.playtest-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f14d;z-index:1}.playtest-card img{width:100%;height:100%;object-fit:cover}.playtest-card.tapped{transform:rotate(90deg);margin:18px}.card-name-text{font-size:.65rem;color:var(--text);padding:.25rem;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;word-break:break-word}.playtest-actions{display:flex;gap:.5rem;justify-content:center;padding:.5rem}.playtest-actions button{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;cursor:pointer;transition:all .15s}.playtest-actions button:hover{border-color:var(--primary);color:var(--primary);background:#6366f114}.playtest-hand{padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.hand-cards{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.playtest-bottom-zones{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.playtest-zone{padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;max-height:120px;overflow-y:auto}.graveyard-zone{border-color:#ef44444d}.exile-zone{border-color:#a855f74d}.zone-cards{display:flex;flex-wrap:wrap;gap:.25rem}.playtest-card-small{padding:.2rem .4rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;font-size:.7rem;color:var(--text-muted);cursor:context-menu;white-space:nowrap}.playtest-shortcuts{text-align:center;font-size:.7rem;color:var(--text-muted);padding:.25rem}.playtest-context-menu{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:160px;overflow:hidden}.context-menu-title{padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.playtest-context-menu button{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--text);font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s}.playtest-context-menu button:hover{background:#6366f11a;color:var(--primary)}@media(max-width:768px){.playtest-page{height:calc(100vh - 60px - var(--bottom-nav-height, 64px));min-height:0;overflow:hidden;gap:.25rem;padding:.25rem}.playtest-top-bar{flex-wrap:wrap;padding:.35rem .5rem;gap:.5rem}.playtest-deck-name{font-size:.85rem;order:1;flex-basis:100%}.playtest-stats{gap:.5rem;font-size:.8rem}.playtest-card{width:65px;height:91px}.playtest-card.tapped{margin:13px}.playtest-battlefield{flex:1;min-height:100px;overflow:auto}.playtest-actions{flex-wrap:wrap;gap:.35rem;padding:.35rem}.playtest-actions button{padding:.5rem;font-size:.75rem;min-height:44px;flex:1;min-width:0}.playtest-hand{max-height:120px;flex-shrink:0}.hand-cards{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:.5rem}.hand-cards .playtest-card{scroll-snap-align:start;flex-shrink:0}.playtest-bottom-zones{grid-template-columns:1fr 1fr;max-height:80px}.playtest-zone{max-height:80px;padding:.35rem}.playtest-shortcuts{display:none}.playtest-context-menu{max-width:calc(100vw - 2rem)}.playtest-context-menu button{min-height:44px;padding:.75rem}.life-controls button{width:36px;height:36px;font-size:1.1rem}}@media(max-width:480px){.playtest-card{width:55px;height:77px}.playtest-card.tapped{margin:11px}.playtest-actions button{font-size:.7rem;padding:.4rem}.card-name-text{font-size:.55rem}}.install-prompt{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#1e1e3a;border-top:1px solid rgba(99,102,241,.3);padding:12px 20px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-prompt-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.install-prompt-text{color:#e2e8f0;font-size:.9rem}.install-prompt-actions{display:flex;gap:8px;flex-shrink:0}.install-btn{background:#6366f1;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.install-btn:hover{background:#4f46e5}.dismiss-btn{background:transparent;color:#94a3b8;border:1px solid #334155;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.dismiss-btn:hover{color:#e2e8f0;border-color:#64748b}@media(max-width:600px){.install-prompt-content{flex-direction:column;text-align:center}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:10000;background:#f59e0b;color:#1a1a2e;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:600;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-link-signin{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px}.nav-link-signin:hover{border-color:var(--primary)}.nav-link-signup{padding:.5rem 1rem;background:var(--primary);color:#fff!important;border-radius:6px}.nav-link-signup:hover{background:var(--primary-hover);color:#fff!important}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{border-color:var(--primary)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.user-avatar-img{object-fit:cover;border:2px solid var(--primary);background:none}.user-name{color:var(--text);font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text);text-decoration:none;transition:background .2s;width:100%;border:none;background:none;font-size:.9rem;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-dark)}.dropdown-item.logout{color:#ef4444}.dropdown-divider{height:1px;background:var(--border);margin:.5rem 0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-muted)}main{flex:1;padding:2rem}.page{max-width:1200px;margin:0 auto;text-align:center}.page h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:left;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary)}.feature-card h3{color:var(--primary);margin-bottom:.5rem}.feature-card p{color:var(--text-muted)}.cta-button{display:inline-block;background:var(--primary);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none}.cta-button:hover{background:var(--primary-hover);transform:scale(1.02);color:#fff}.footer{padding:1.5rem;text-align:center;background:var(--bg-card);border-top:1px solid var(--border);color:var(--text-muted)}.bottom-nav,.bottom-nav-overlay,.more-menu-sheet{display:none}@media(max-width:768px){.nav-links{display:none!important}.navbar{padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-area-top))}main{padding:1rem;padding-bottom:calc(1rem + var(--bottom-nav-height) + var(--safe-area-bottom))}main:has(.deck-builder){padding:0;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}.footer{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-top:1px solid var(--border);justify-content:space-around;align-items:center;height:var(--bottom-nav-height);padding-bottom:var(--safe-area-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-decoration:none;color:var(--text-muted);font-size:.65rem;padding:.4rem .25rem;min-width:56px;min-height:48px;background:none;border:none;cursor:pointer;transition:color .2s;font-family:inherit}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--primary)}.bottom-nav-icon{font-size:1.3rem;line-height:1}.bottom-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .25s}.bottom-nav-overlay.visible{opacity:1;visibility:visible}.more-menu-sheet{display:block;position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:.5rem 0;z-index:1001;transform:translateY(100%);opacity:0;visibility:hidden;transition:all .25s ease;padding-bottom:var(--safe-area-bottom)}.more-menu-sheet.visible{transform:translateY(0);opacity:1;visibility:visible}.more-menu-sheet .sheet-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:var(--text);text-decoration:none;font-size:.95rem;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;min-height:48px}.more-menu-sheet .sheet-item:hover{background:var(--bg-dark)}.more-menu-sheet .sheet-item.logout{color:#ef4444}.more-menu-sheet .sheet-divider{height:1px;background:var(--border);margin:.25rem 0}}@media(max-width:480px){main{padding:.5rem;padding-bottom:calc(.5rem + var(--bottom-nav-height) + var(--safe-area-bottom))}.page h1{font-size:2rem}.tagline{font-size:1rem}.features{grid-template-columns:1fr}.logo{font-size:1.25rem}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f0f23;--bg-card: #1a1a2e;--text: #e2e8f0;--text-muted: #94a3b8;--border: #2d2d44;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--bottom-nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-dark);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}@media(max-width:768px){input,select,textarea{font-size:16px!important}}@media(display-mode:standalone){.navbar{padding-top:calc(1rem + var(--safe-area-top))}.bottom-nav{padding-bottom:var(--safe-area-bottom)}.install-prompt{display:none!important}}@media(max-width:768px){.dashboard-page,.deck-detail-page,.my-decks-page,.public-decks-page,.account-page,.collection-page,.profile-page,.public-profile-page,.landing-page,.deck-analysis-page{padding-left:max(.5rem,var(--safe-area-left));padding-right:max(.5rem,var(--safe-area-right))}}