.presets-screen{color:#f8fafc;padding:2rem}.presets-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.presets-header h1{margin:0;font-size:2rem;font-weight:700}.btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-delete:hover{background:#b91c1c}.presets-tabs{border-bottom:1px solid #1f2937;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.presets-tabs button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.presets-tabs button.active{color:#fff;background:#2563eb}.presets-tabs button:hover:not(.active){color:#f8fafc;background:#1f2937}.presets-content{min-height:400px}.presets-grid{flex-direction:column;gap:.5rem;display:flex}.preset-list-item{background:#111827;border:1px solid #1f2937;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .3s;display:flex}.preset-list-item:hover{border-color:#2563eb;box-shadow:0 2px 10px #2563eb33}.preset-list-content{flex:1;align-items:center;gap:1rem;display:flex}.preset-name{color:#f8fafc;font-size:1.1rem;font-weight:700}.preset-options-count{color:#9ca3af;font-size:.9rem;font-weight:500}.preset-author{color:#60a5fa;background:#60a5fa1a;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.preset-list-actions{align-items:center;gap:.75rem;display:flex}.preset-list-price{color:#10b981;font-size:1rem;font-weight:600}.preset-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.preset-card{cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:.75rem;transition:all .2s;position:relative}.preset-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.preset-card.selected{background:#2563eb1a;border-color:#2563eb}.price{border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.price.high-price{color:#fff;background:#dc2626}.price.low-price{color:#fff;background:#10b981}.delete-preset-btn{color:#ff6b6b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:3px!important;padding:2px 6px!important;font-size:16px!important;line-height:1!important;transition:background-color .2s!important}.delete-preset-btn:hover{background-color:#ff6b6b1a!important}.preset-lands{flex-wrap:wrap;gap:.25rem;display:flex}.no-presets{color:#9ca3af;text-align:center;padding:2rem;font-style:italic}.preset-editor{z-index:1000;background:#111827;border:1px solid #1f2937;border-radius:16px;flex-direction:column;max-width:1400px;margin:0 auto;display:flex;position:fixed;inset:2rem;overflow:hidden;box-shadow:0 20px 60px #0009}.preset-editor-header{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-bottom:2px solid #1f2937;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.preset-editor-tabs{background:#0f172a;border-bottom:2px solid #1e293b;gap:.5rem;padding:0 1rem;display:flex}.preset-editor-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.preset-editor-tabs button .tab-icon{filter:grayscale();opacity:.6;font-size:1.2rem;transition:all .2s}.preset-editor-tabs button .tab-label{transition:all .2s}.preset-editor-tabs button.active{color:#f8fafc;background:#111827;border-bottom-color:#2563eb}.preset-editor-tabs button.active .tab-icon{filter:grayscale(0%);opacity:1}.preset-editor-tabs button:hover:not(.active){color:#cbd5e1;background:#1e293b80}.preset-editor-tabs button:hover:not(.active) .tab-icon{filter:grayscale(50%);opacity:.8}.tab-badge{color:#fff;text-align:center;background:#2563eb;border-radius:12px;min-width:20px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.preset-editor-content{background:#111827;flex:1;padding:0;overflow-y:auto}.tab-content{min-height:400px;padding:2rem}.tab-header{border-bottom:1px solid #1f2937;margin-bottom:2rem;padding-bottom:1rem}.tab-header h3{color:#f8fafc;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.tab-description{color:#9ca3af;margin:0;font-size:.95rem}.cards-section{flex-direction:column;gap:2rem;display:flex}.card-search-section{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem}.btn-search:active{transform:translateY(0)}.card-results-section,.card-selected-section{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem}.section-title{color:#f8fafc;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex}.count-badge{color:#fff;text-align:center;background:#2563eb;border-radius:12px;min-width:24px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:400px;padding:.5rem;display:grid;overflow-y:auto}.card-item{cursor:pointer;background:#1f2937;border:2px solid #374151;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.card-item:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb33}.card-item.added{background:#10b9810d;border-color:#10b981}.card-item.selected{cursor:default;background:#2563eb0d;border-color:#2563eb}.card-image{aspect-ratio:5/7;object-fit:cover;border-radius:6px;width:100%;height:auto;box-shadow:0 2px 8px #0000004d}.card-name{color:#e5e7eb;text-align:center;word-break:break-word;margin-top:.5rem;font-size:.85rem;font-weight:500;line-height:1.3}.card-quantity{color:#9ca3af;margin-top:.25rem;font-size:.8rem;font-weight:600}.card-added-badge{color:#fff;background:#10b981;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 4px #0003}.card-remove-btn{color:#fff;cursor:pointer;z-index:10;background:#dc2626;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 4px #0003}.card-remove-btn:hover{background:#b91c1c;transform:scale(1.1)}.empty-cards-state{text-align:center;color:#64748b;padding:4rem 2rem}.settings-form{max-width:600px;margin:0 auto}.form-label{color:#f8fafc;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-input,.form-textarea{color:#f8fafc;background:#0f172a;border:2px solid #1e293b;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.form-checkbox{cursor:pointer;accent-color:#2563eb;width:20px;height:20px}.form-hint{color:#64748b;margin:.5rem 0 0;font-size:.85rem;font-style:italic}.price-display{color:#10b981;text-align:center;background:#0f172a;border:2px solid #10b981;border-radius:8px;padding:.75rem;font-size:1.25rem;font-weight:700}.footer-info{background:#0f172a;border:1px solid #1e293b;border-radius:8px;gap:2rem;padding:1rem;display:flex}.info-item{align-items:center;gap:.5rem;display:flex}.info-label{color:#9ca3af;font-size:.9rem;font-weight:500}.info-value{color:#60a5fa;background:#60a5fa1a;border-radius:6px;padding:.25rem .75rem;font-size:1.1rem;font-weight:700}.btn-save{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-save:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 12px #10b9814d}.form-group input,.form-group textarea,.form-group select{color:#f8fafc;background:#1f2937;border:1px solid #374151;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.preset-editor-layout{flex:1;display:flex;overflow:hidden}.preset-editor-sidebar{background:#0f172a;border-right:2px solid #1e293b;width:280px;overflow-y:auto}.editor-nav{padding:1.5rem 0}.nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#cbd5e1;background:#1e293b80}.nav-item.active{color:#60a5fa;background:#2563eb1a;border-left-color:#2563eb}.nav-icon{filter:grayscale();opacity:.7;font-size:1.25rem;transition:all .2s}.nav-item.active .nav-icon{filter:grayscale(0%);opacity:1}.nav-badge{color:#fff;text-align:center;background:#2563eb;border-radius:12px;min-width:20px;margin-left:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.preset-editor-content{background:#111827;flex:1;overflow-y:auto}.section-content{max-width:none;padding:2rem}.section-header{border-bottom:1px solid #1f2937;margin-bottom:2rem;padding-bottom:1rem}.section-header h3{color:#f8fafc;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.section-description{color:#9ca3af;margin:0;font-size:.95rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.overview-card{cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #1e293b;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.overview-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb26}.overview-icon{filter:grayscale();opacity:.6;font-size:2.5rem}.overview-info{flex:1}.overview-info h4{color:#f8fafc;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.overview-count{color:#9ca3af;margin:0;font-size:.9rem}.overview-action{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.overview-action:hover{background:#3b82f6;transform:translateY(-1px)}.overview-summary{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem}.overview-summary h4{color:#f8fafc;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.summary-details p{color:#cbd5e1;margin:.5rem 0;font-size:.9rem}.btn-toggle-search{color:#e5e7eb;cursor:pointer;background:#374151;border:1px solid #4b5563;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-toggle-search:hover{background:#4b5563}.result-card.added{cursor:default;background:#10b9810d;border-color:#10b981}.added-indicator{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 2px 4px #0003}.selected-header{margin-bottom:1rem}.selected-card{background:#1f2937;border:2px solid #374151;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem;display:flex;position:relative;overflow:hidden}.preset-editor-footer{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-top:2px solid #1f2937;border-radius:0 0 16px 16px;flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex}.footer-summary{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:1rem}.summary-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.preset-editor-actions{justify-content:flex-end;gap:1rem;display:flex}.package-selector{flex-direction:column;gap:1rem;display:flex}.package-selector label{color:#f8fafc;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.selected-packages-list{color:#60a5fa;background:#0f172a;border:1px solid #1e293b;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;display:flex}.selected-packages-list:empty:before{content:"No packages selected";color:#64748b}.package-search-input{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:2px solid #1e293b;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.package-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.package-search-input::placeholder{color:#64748b}.packages-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;max-height:600px;padding:.25rem;display:grid;overflow-y:auto}.package-option{cursor:pointer;background:#1f2937;border:2px solid #374151;border-radius:6px;flex-direction:column;justify-content:center;min-height:60px;padding:.75rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.package-option:hover{background:#2563eb0d;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb26}.package-option.selected{background:#10b9810d;border-color:#10b981}.package-option.selected:before{content:"✓";color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 4px #0003}.package-option-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.package-option-header h4{color:#f8fafc;flex:1;margin:0;font-size:.9rem;font-weight:600;line-height:1.2}.package-count{color:#60a5fa;white-space:nowrap;background:#60a5fa1a;border-radius:10px;flex-shrink:0;padding:.15rem .4rem;font-size:.75rem;font-weight:600}.package-description{color:#9ca3af;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.3;display:-webkit-box;overflow:hidden}.package-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.package-option.disabled:hover{box-shadow:none;background:#1f2937;border-color:#374151;transform:none}@media (width<=1024px){.preset-editor{inset:1rem}.preset-editor-layout{flex-direction:column}.preset-editor-sidebar{border-bottom:2px solid #1e293b;border-right:none;width:100%}.editor-nav{gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.nav-item{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;min-width:120px;padding:.75rem 1rem}.nav-item.active{border-bottom-color:#2563eb;border-left:none}.overview-grid{grid-template-columns:1fr}}@media (width<=768px){.preset-editor{border-radius:8px;inset:.5rem}.section-content{padding:1.5rem}.overview-grid{grid-template-columns:1fr;gap:1rem}.overview-card{padding:1rem}.search-header{flex-direction:column;align-items:stretch;gap:1rem}.results-grid,.selected-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preset-editor-footer{padding:1rem}.summary-stats{gap:1rem}.preset-editor-actions{flex-direction:column}}.aside{z-index:90;background-color:#111827;border-right:1px solid #1f2937;width:280px;height:calc(100vh - 60px);padding:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:60px;left:0;overflow-y:auto;box-shadow:4px 0 10px #0003}.aside.hidden{box-shadow:none;transform:translate(-100%)}.main{padding:2rem 1.5rem 1.5rem;padding-bottom:calc(var(--bottom-bar-height,60px) + 1.5rem);flex:1;overflow-y:auto}.color-buttons{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.export-controls{align-items:center;gap:.5rem;display:flex}.export-btn,.copy-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:.85rem;font-weight:600;transition:background .2s,transform 60ms;display:inline-flex}.export-btn:active{transform:translateY(1px)}.copy-btn{color:#e2e8f0;background:#334155}.copy-btn:active{transform:translateY(1px)}.sidebar-hover-zone{z-index:95;cursor:e-resize;justify-content:flex-start;align-items:center;width:30px;height:calc(100vh - 60px);display:flex;position:fixed;top:60px;left:0}.sidebar-hover-indicator{color:#fff;cursor:pointer;background-color:#2563eb;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;width:24px;height:80px;transition:width .2s,background-color .2s;display:flex;box-shadow:2px 0 6px #0003}.sidebar-hover-zone:hover .sidebar-hover-indicator{background-color:#3b82f6;width:28px}.tag.fetchable{border:1px solid #00c86499;box-shadow:0 0 4px #00ff9633}.preset-list{flex-direction:column;gap:.5rem;display:flex}.preset-card{cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:.75rem;transition:all .2s}.preset-card:hover{background:#334155;border-color:#2563eb}.preset-card.selected{background:#1e293b;border-color:#2563eb;box-shadow:0 0 8px #2563eb4d}.preset-card.default-preset{border-left:4px solid #10b981}.preset-card.user-preset{border-left:4px solid #f59e0b}.preset-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.preset-header h4{color:#f8fafc;margin:0;font-size:1rem;font-weight:600}.preset-description{color:#9ca3af;margin-bottom:.5rem;font-size:.85rem;font-style:italic}.preset-header .price.high-price{color:#ef4444}.preset-header .price.low-price{color:#10b981}.delete-preset-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;font-size:1.2rem;transition:background .2s;display:flex}.delete-preset-btn:hover{background:#ef44441a}.preset-lands{flex-flow:wrap;gap:.25rem;display:flex}.land-item{color:#60a5fa;background:#60a5fa1a;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;font-weight:500}.land-item .land-type{color:inherit}.no-presets{color:#6b7280;text-align:center;padding:1rem;font-size:.9rem;font-style:italic}.package-selector-compact{padding:.5rem 0}.dropdown-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.dropdown-header span:last-child{font-size:.8em;transition:transform .2s;transform:rotate(0)}.dropdown-header:hover span:last-child{opacity:.8}.packages-compact-list{flex-direction:column;gap:.5rem;display:flex}.package-compact-card{cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:.6rem;font-size:.85rem;transition:all .2s}.package-compact-card:hover{background:#334155;border-color:#2563eb}.package-compact-card.selected{background:#1e293b;border-color:#2563eb;box-shadow:0 0 8px #2563eb4d}.package-compact-card.disabled{opacity:.5;cursor:not-allowed}.package-compact-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.package-compact-header h5{color:#f8fafc;margin:0;font-size:.9rem;font-weight:600}.package-compact-count{color:#9ca3af;background:#2563eb1a;border:1px solid #2563eb4d;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;font-weight:500}.package-compact-description{color:#9ca3af;margin:0;font-size:.75rem;line-height:1.3}.sidebar-spacer{border-top:1px solid #374151;margin:1.5rem 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#4b5563}::-webkit-scrollbar-track{background-color:#111827}*{scrollbar-width:thin;scrollbar-color:#374151 #111827}.card.owned-highlight{border:2px solid #10b981;box-shadow:0 0 12px #10b98133}.card.owned-highlight:hover{box-shadow:0 0 20px #10b98166}.owned-card-badge{color:#fff;z-index:5;background:#10b981;border-radius:20px;padding:.25rem .6rem;font-size:.72rem;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) badgePop;position:absolute;top:10px;left:10px;box-shadow:0 2px 4px #00000040}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.add-wishlist-bar-btn{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;margin-left:auto;padding:.45rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.add-wishlist-bar-btn:hover:not(:disabled){color:#fff;background:#10b981;border-color:#34d399}.add-wishlist-bar-btn:disabled{opacity:.5;cursor:not-allowed}.packages-screen{color:#f8fafc;padding:2rem}.packages-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.packages-header-buttons{align-items:center;gap:1rem;display:flex}.packages-header h1{margin:0;font-size:2rem;font-weight:700}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:#3b82f6}.btn-primary:disabled{cursor:not-allowed;background:#374151}.btn-primary-small{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-primary-small:hover{background:#3b82f6}.btn-primary-small:disabled{cursor:not-allowed;background:#374151}.btn-secondary{color:#e5e7eb;cursor:pointer;background:#374151;border:1px solid #4b5563;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#4b5563}.btn-delete-small{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.2rem;font-weight:700;transition:background .2s;display:flex}.btn-delete-small:hover{background:#dc26261a}.btn-close{color:#9ca3af;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.btn-close:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:rotate(90deg)}.packages-tabs{border-bottom:1px solid #1f2937;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.packages-tabs button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.packages-tabs button.active{color:#fff;background:#2563eb}.packages-tabs button:hover:not(.active){color:#f8fafc;background:#1f2937}.packages-content{min-height:400px}.packages-grid{flex-direction:column;gap:.5rem;display:flex}.package-list-item{background:#111827;border:1px solid #1f2937;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .3s;display:flex}.package-list-item:hover{border-color:#2563eb;box-shadow:0 2px 10px #2563eb33}.package-list-content{flex:1;align-items:center;gap:1rem;display:flex}.package-name{color:#f8fafc;font-size:1.1rem;font-weight:700}.package-cards-count{color:#9ca3af;font-size:.9rem;font-weight:500}.package-author{color:#60a5fa;background:#60a5fa1a;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.package-list-actions{align-items:center;gap:.75rem;display:flex}.package-editor{z-index:1000;background:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;display:flex;position:fixed;inset:1rem;overflow:hidden;box-shadow:0 20px 60px #0009}.package-editor-header{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-bottom:2px solid #1f2937;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.header-content h2{color:#f8fafc;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.header-subtitle{color:#9ca3af;margin:.25rem 0 0;font-size:.85rem;font-weight:400}.header-subtitle p{margin:.25rem 0}.package-editor-main{flex:1;grid-template-columns:1fr 1fr;gap:.1rem;padding:1rem;display:grid;overflow-y:auto}.package-column{background-color:#0f172a;border:1px solid #1e293b;border-radius:8px;flex-direction:column;padding:1rem;display:flex;overflow-y:auto}.pm-search{gap:.1rem;margin-bottom:.5rem;display:flex}.pm-search input{color:#f8fafc;background:#1f2937;border:1px solid #374151;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem}.pm-search input:focus{border-color:#2563eb;outline:none}.pm-search button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.pm-search button:hover{background:#3b82f6}.pm-grid{flex:1;grid-template-columns:repeat(4,215px);gap:.25rem;padding:.5rem;display:grid;overflow-y:auto}.pm-card{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;width:200px;height:280px;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden}.pm-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.pm-card img{object-fit:contain;background:#1f2937;border-radius:6px;width:200px;height:280px;display:block;box-shadow:0 2px 8px #0000004d}.pm-add{color:#fff;opacity:0;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.pm-card:hover .pm-add{opacity:1}.pm-remove{color:#fff;opacity:0;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.pm-card:hover .pm-remove{opacity:1}.pm-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pm-header .pm-search.small input{padding:.4rem;font-size:.85rem}.pm-disabled-msg{text-align:center;color:#9ca3af;grid-column:1/-1;padding:3rem;font-style:italic}.cards-management{flex-direction:column;gap:2rem;display:flex}.card-search-container{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem}.search-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.search-header h4{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.search-input-wrapper{gap:1rem;display:flex}.card-search-input{color:#f8fafc;background:#111827;border:2px solid #1e293b;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.card-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.card-search-input::placeholder{color:#64748b}.btn-search{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-search:hover{background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.search-results{margin-top:1rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:300px;padding:.5rem;display:grid;overflow-y:auto}.result-card{cursor:pointer;background:#1f2937;border:2px solid #374151;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.result-card:hover{border-color:#2563eb;transform:translateY(-1px)}.result-card-image{aspect-ratio:5/7;object-fit:cover;border-radius:4px;width:100%;height:auto;box-shadow:0 2px 4px #0000004d}.result-card-name{color:#e5e7eb;text-align:center;word-break:break-word;margin-top:.5rem;font-size:.75rem;font-weight:500;line-height:1.2}.selected-cards-container{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem}.selected-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.selected-header h4{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.selected-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:250px;padding:.5rem;display:grid;overflow-y:auto}.selected-card{cursor:pointer;background:#1f2937;border:2px solid #374151;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.selected-card:hover{border-color:#dc2626}.selected-card-image{aspect-ratio:5/7;object-fit:cover;border-radius:4px;width:auto;height:auto;box-shadow:0 2px 4px #0000004d}.selected-card-name{color:#e5e7eb;text-align:center;word-break:break-word;margin-top:.5rem;font-size:.75rem;font-weight:500;line-height:1.2}.remove-card-btn{color:#fff;cursor:pointer;z-index:10;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 2px 4px #0003}.remove-card-btn:hover{background:#b91c1c;transform:scale(1.1)}.empty-cards-state{text-align:center;color:#64748b;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:3rem 2rem}.empty-cards-state .empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-cards-state p{margin:0 0 1.5rem;font-size:1.1rem}.loading{text-align:center;color:#9ca3af;padding:3rem;font-size:1.1rem}.empty-state{text-align:center;color:#9ca3af;grid-column:1/-1;padding:4rem 2rem;font-size:1.1rem}.package-editor-footer{background:#0f172a;border-top:2px solid #1f2937;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.footer-summary{align-items:center;gap:1rem;display:flex}.summary-stats{align-items:center;gap:1.5rem;display:flex}.stat-item{align-items:center;gap:.5rem;display:flex}.stat-label{color:#9ca3af;font-size:.9rem;font-weight:500}.stat-value{color:#60a5fa;background:#60a5fa1a;border-radius:6px;padding:.25rem .75rem;font-size:1.1rem;font-weight:700}.package-editor-actions{align-items:center;gap:1rem;display:flex}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#111827;border:1px solid #1f2937;border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{color:#f8fafc;margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group textarea{color:#f8fafc;background:#1f2937;border:1px solid #374151;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.import-help{border-top:1px solid #374151;margin-top:1.5rem;padding-top:1.5rem}.import-help p{color:#9ca3af;margin:0;font-size:.9rem;font-style:italic}.moxfield-url-input{color:#f8fafc;background:#1f2937;border:1px solid #374151;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.moxfield-url-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.moxfield-url-input::placeholder{color:#6b7280}@media (width<=1024px){.package-editor{inset:.5rem}.package-editor-main{grid-template-columns:1fr;gap:1rem}.package-editor-footer{padding:1rem}.package-editor-actions{flex-direction:column;gap:.75rem}}@media (width<=768px){.package-editor{border-radius:8px;inset:.25rem}.package-editor-header{padding:.75rem 1rem}.header-content h2{font-size:1.25rem}.package-editor-main{gap:.75rem;padding:.75rem}.package-column{padding:.75rem}.pm-grid{grid-template-columns:repeat(2,120px);gap:.75rem}.pm-card img{width:120px;height:168px}.package-editor-footer{padding:.75rem 1rem}.summary-stats{flex-direction:column;gap:1rem}.package-editor-actions{flex-direction:column}}.collection-page-container{color:#f8fafc;flex-direction:column;gap:2rem;max-width:1300px;margin:0 auto;padding:2.5rem 1.5rem;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.collection-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #0000001a;-webkit-background-clip:text;margin:0;font-size:2.4rem;font-weight:800}.collection-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.csv-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000001a}.csv-btn:hover:not(:disabled){color:#fff;background:#1e293b;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.csv-btn:active:not(:disabled){transform:translateY(0)}.csv-btn.import{color:#a5b4fc;background:#4f46e526;border-color:#6366f14d}.csv-btn.import:hover{color:#fff;background:#4f46e5;border-color:#6366f1;box-shadow:0 4px 12px #4f46e54d}.csv-btn.delete-all-btn{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.csv-btn.delete-all-btn:hover{color:#fff;background:#dc2626;border-color:#f87171;box-shadow:0 4px 12px #dc26264d}.collection-stats-banner{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.stat-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;transition:all .25s;display:flex}.stat-box:hover{background:#1e293b8c;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.78rem;font-weight:700}.stat-val{color:#fff;font-size:1.6rem;font-weight:800}.stat-val.value-highlight{color:#10b981;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #10b9811a;-webkit-background-clip:text}.bulk-import-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.75rem;animation:.3s ease-out slideDown;display:flex;box-shadow:0 20px 25px -5px #0000004d}.bulk-import-panel *{box-sizing:border-box}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-import-panel h3{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.import-help{color:#94a3b8;margin:0;font-size:.85rem}.import-file-section{align-items:center;gap:1rem;margin:.5rem 0;display:flex}.file-upload-btn{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f166;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.file-upload-btn:hover{color:#fff;background:#6366f140;border-color:#6366f1}.import-status-text{color:#38bdf8;font-size:.85rem;font-weight:500}.import-textarea{color:#e2e8f0;resize:vertical;background:#090d16;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:.85rem;font-family:Fira Code,Consolas,monospace;font-size:.85rem;transition:border-color .2s}.import-actions{gap:.75rem;display:flex}.import-confirm-btn{color:#fff;cursor:pointer;background:#4f46e5;border:1px solid #6366f1;border-radius:8px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.import-confirm-btn:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e533}.import-cancel-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .2s}.import-cancel-btn:hover{background:#ffffff0d}.proxy-match-select{color:#f8fafc;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:6px;outline:none;margin:0 .4rem;padding:.2rem .5rem;font-size:.9rem;font-weight:600}.proxy-rule-pill{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293bcc;border:1px solid #334155;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.proxy-rule-pill:hover{color:#cbd5e1;background:#334155cc}.proxy-rule-pill.active{color:#818cf8;background:#6366f133;border-color:#6366f1;box-shadow:0 0 10px #6366f11a}.search-input-wrapper{background:#0f172a66;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:.35rem 1.25rem;transition:all .2s;display:flex}.search-input-wrapper:focus-within{background:#0f172a99;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.collection-search-input::placeholder{color:#475569}.search-spinner-inline{color:#818cf8;font-size:.8rem;font-weight:500}.suggestion-row .set{color:#6366f1;background:#6366f126;border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.suggestion-row:hover .set{color:#fff;background:#fff3}.collection-filters-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e293b33;border:1px solid #ffffff0a;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.25rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.4rem;min-width:150px;display:flex}.filter-group label{text-transform:uppercase;color:#94a3b8;letter-spacing:.03em;font-size:.75rem;font-weight:700}.filter-input,.filter-select{color:#fff;background:#0f172a;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem;font-size:.85rem;transition:all .2s}.filter-input:focus,.filter-select:focus{background:#1e293b;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.filter-input.set-code{text-transform:uppercase}.clear-filters-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-self:flex-end;height:38px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.clear-filters-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.table-loading,.table-empty{text-align:center;color:#64748b;background:#1e293b1a;padding:5rem 2rem;font-size:.95rem;font-style:italic}.csv-table th.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.csv-table th.clickable:hover{color:#fff;background:#4f46e540}.col-name{width:auto;font-size:.95rem}.col-condition,.col-language{width:160px}.table-input:disabled{opacity:.6;cursor:not-allowed}.table-input.qty{text-align:center;font-weight:700}.table-input.set-select,.table-input.finish-select,.table-input.condition-select,.table-input.language-select{cursor:pointer}.price-display-wrapper{flex-direction:column;gap:.15rem;display:flex}.price-each{color:#cbd5e1;font-size:.88rem}.price-total{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:500}.price-unavail{color:#475569;font-size:.8rem;font-style:italic;font-weight:500}.table-delete-btn{color:#f87171;cursor:pointer;text-align:center;background:0 0;border:1px solid #ef444433;border-radius:6px;width:100%;padding:.4rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s}.table-delete-btn:hover{color:#fff;background:#ef4444;border-color:#f87171;box-shadow:0 2px 8px #ef444433}@media (width<=1024px){.collection-filters-bar{flex-direction:column;align-items:stretch}.clear-filters-btn{align-self:flex-start;width:100%}}.unresolved-warning-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eab3081f;border:1px solid #eab30859;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.unresolved-warning-banner .banner-left{align-items:center;gap:.85rem;display:flex}.unresolved-warning-banner .banner-icon{font-size:1.5rem}.unresolved-warning-banner strong{color:#fef08a;font-size:.95rem}.unresolved-warning-banner p{opacity:.9;margin:0;font-size:.9rem}@media (width<=768px){.bulk-import-panel{z-index:10000;width:100vw;height:100vh;box-shadow:none;box-sizing:border-box;background:#0f172afa;border:none;border-radius:0;padding:1rem;position:fixed;inset:0;overflow-y:auto}}.delete-unresolved-btn{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef444466;border-radius:6px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s}.delete-unresolved-btn:hover{color:#fff;background:#dc2626;border-color:#ef4444;box-shadow:0 4px 12px #dc262640}.row-unresolved{background:#eab3080a!important}.row-unresolved:hover{background:#eab30814!important}.name-cell-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.unresolved-badge{color:#fef08a;letter-spacing:.02em;background:#eab30833;border:1px solid #eab30866;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.table-input.set-input{cursor:text}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.pagination-bar.bottom{border-top:1px solid #ffffff0f;margin-top:.5rem;padding-top:1rem}.pagination-info{color:#94a3b8;font-size:.85rem}.pagination-info strong{color:#f8fafc}.pagination-controls{align-items:center;gap:1.25rem;display:flex}.page-size-label{color:#94a3b8;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.page-size-select{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.85rem}.page-buttons{align-items:center;gap:.35rem;display:flex}.page-nav-btn,.page-num-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:6px;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s}.page-nav-btn:hover:not(:disabled),.page-num-btn:hover:not(.active){color:#fff;background:#1e293b;border-color:#6366f1}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-num-btn.active{color:#fff;background:#4f46e5;border-color:#6366f1;font-weight:700;box-shadow:0 2px 6px #4f46e54d}.page-dots{color:#64748b;padding:0 .2rem;font-size:.85rem}.view-mode-toggle{background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.view-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.view-toggle-btn:hover:not(.active){color:#f8fafc;background:#ffffff0d}.view-toggle-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 6px #4f46e54d}.card-art-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:.5rem;display:grid}.card-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.card-tile:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 12px 24px #0006,0 0 15px #6366f126}.card-tile.tile-unresolved{background:#eab3080d;border-color:#eab30866}.card-tile.tile-foil{border-color:#f59e0b66}.tile-art-wrapper{aspect-ratio:488/680;background:#090d16;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.tile-art-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card-tile:hover .tile-art-img{transform:scale(1.03)}.tile-art-placeholder{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.placeholder-icon{font-size:2.5rem}.placeholder-name{color:#e2e8f0;font-size:.9rem;font-weight:700}.tile-foil-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:4px;padding:.2rem .5rem;font-size:.68rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000004d}.tile-price-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#10b981;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .6rem;font-size:.85rem;font-weight:800;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 8px #0000004d}.tile-content{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.tile-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.tile-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:700;overflow:hidden}.tile-delete-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .3rem;font-size:.9rem;transition:all .15s}.tile-delete-btn:hover{color:#ef4444;background:#ef44441a}.tile-unresolved-alert{color:#fef08a;text-align:center;background:#eab30833;border:1px solid #eab30866;border-radius:4px;padding:.25rem .5rem;font-size:.72rem;font-weight:700}.tile-controls-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tile-control-group{flex-direction:column;gap:.2rem;display:flex}.tile-control-group.set{grid-column:span 2}.tile-control-group label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.tile-total-row{color:#94a3b8;text-align:right;border-top:1px solid #ffffff0f;margin-top:auto;padding-top:.5rem;font-size:.78rem}.tile-total-row strong{color:#34d399}.wishlist-page-container{color:#f8fafc;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}.wishlist-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.wishlist-title{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.wishlist-subtitle{color:#94a3b8;margin:.25rem 0 0;font-size:.95rem}.proxy-actions-row{align-items:center;gap:.75rem;display:flex}.proxy-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.proxy-btn:hover:not(:disabled){color:#fff;background:#1e293b;border-color:#2563eb}.proxy-btn.print{color:#34d399;background:#10b98126;border-color:#10b9814d}.proxy-btn.print:hover{color:#fff;background:#10b981;border-color:#34d399}.playgroup-panel{background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.35rem;min-width:280px;padding:1rem 1.25rem;display:flex}.playgroup-label{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}.playgroup-dropdown{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.45rem;font-size:.85rem;font-weight:600}.playgroup-desc{color:#64748b;margin:0;font-size:.78rem;font-style:italic}.compliance-banner{border-radius:8px;align-items:center;padding:1rem 1.5rem;font-size:.9rem;display:flex}.compliance-banner.compliant{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.compliance-banner.non-compliant{color:#f87171;background:#ef444426;border:1px solid #ef44444d;animation:2s ease-in-out infinite pulseWarning}@keyframes pulseWarning{0%{box-shadow:0 0 #ef444433}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.suggestion-row:hover .set{color:#fffc}.wishlist-summary-bar{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 1.75rem;display:flex}.stat-cards-row{gap:1.5rem;display:flex}.summary-stat-card{flex-direction:column;gap:.15rem;display:flex}.summary-stat-card .label{text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.summary-stat-card .val{color:#fff;font-size:1.4rem;font-weight:800}.empty-wishlist-box{text-align:center;color:#64748b;background:#0f172a4d;border:2px dashed #ffffff0f;border-radius:16px;padding:5rem 2rem;font-size:.95rem;font-style:italic}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem;display:grid}.wishlist-card-item{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:14px;gap:1.25rem;padding:1.25rem;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 4px 15px #00000026}.wishlist-card-item:hover{border-color:#3b82f640;transform:translateY(-2px)}.card-image-box{border-radius:8px;flex-shrink:0;width:110px;overflow:hidden;box-shadow:0 4px 10px #0000004d}.card-render{width:100%;height:auto;display:block}.card-info-box{flex-direction:column;flex:1;justify-content:center;gap:.85rem;display:flex}.card-name-text{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.field-group{flex-direction:column;gap:.25rem;display:flex}.field-group label{text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.set-select{color:#cbd5e1;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:.4rem;font-size:.8rem}.card-controls-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.qty-picker-large{background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;display:flex;overflow:hidden}.qty-picker-large button{color:#94a3b8;cursor:pointer;background:0 0;border:none;width:30px;height:30px;font-size:1.1rem;transition:background .15s}.qty-picker-large button:hover{color:#fff;background:#ffffff0d}.qty-picker-large span{text-align:center;min-width:25px;padding:0 .75rem;font-size:.9rem;font-weight:700}.checkbox-wrap{color:#cbd5e1;cursor:pointer;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;display:flex}.remove-card-link{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.75rem;text-decoration:underline;transition:color .15s}.remove-card-link:hover{color:#ef4444}.loading-label{color:#64748b;font-size:.8rem;font-style:italic}.printable-sheets-container{color:#fff;padding:2rem}.print-controls{background:#1e293b;border:1px solid #ffffff14;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.print-controls h2{margin:0 0 .5rem;font-size:1.25rem}.print-controls p{color:#94a3b8;margin:0 0 1.25rem;font-size:.88rem}.print-actions{gap:.75rem;display:flex}.print-btn-confirm{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.print-btn-confirm:hover{background:#059669}.print-btn-cancel{color:#cbd5e1;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.print-btn-cancel:hover{background:#475569}.print-grid{background:#fff;border-radius:8px;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;justify-content:center;gap:1mm;width:fit-content;margin:0 auto;padding:5mm;display:grid;box-shadow:0 10px 30px #00000080}.print-card-wrapper{box-sizing:border-box;border:1px dashed #ccc;width:63mm;height:88mm;overflow:hidden}.print-card-img{object-fit:fill;width:100%;height:100%;display:block}@media print{body{color:#000!important;background:#fff!important}.no-print,.top-nav,.top-sliding-drawer,.drawer-top-backdrop,.global-header-wrapper{display:none!important}.main-viewport-content{padding-top:0!important}.printable-sheets-container{padding:0!important}.print-grid{box-shadow:none!important;background:0 0!important;padding:0!important}.print-card-wrapper{border:1px solid #999!important}.print-card-wrapper:nth-child(9n+1){page-break-before:always}@page{size:A4 portrait;margin:10mm}}@media (width<=900px){.wishlist-grid{grid-template-columns:1fr}}.nexus-tabs-header{border-bottom:2px solid #ffffff14;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.nexus-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;transition:color .2s;position:relative}.nexus-tab-btn.active{color:#2563eb}.nexus-tab-btn.active:after{content:"";background:#2563eb;width:100%;height:2px;position:absolute;bottom:-.65rem;left:0}.sub-tabs-row{gap:.5rem;margin-bottom:1.25rem;display:flex}.sub-tab-btn{color:#cbd5e1;cursor:pointer;background:#1e293b66;border:1px solid #ffffff0d;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.sub-tab-btn.active{color:#fff;background:#2563eb;border-color:#3b82f6}.playgroup-setup-grid{background:#1e293b33;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;display:grid}.setup-card{flex-direction:column;gap:.75rem;display:flex}.setup-input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.55rem .75rem;font-size:.85rem}.setup-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.55rem 1.25rem;font-weight:700;transition:background .2s}.setup-btn:hover{background:#1d4ed8}.mpc-tracker-card{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.mpc-progress-header{justify-content:space-between;align-items:center;display:flex}.mpc-alert-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.mpc-alert-badge.met{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.mpc-alert-badge.unmet{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.progress-bar-container{background:#0f172a;border-radius:9999px;height:12px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:9999px;height:100%;transition:width .4s}.queue-panel-split{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.queue-column{background:#0f172a4d;border:1px solid #ffffff0a;border-radius:10px;max-height:400px;padding:1rem;overflow-y:auto}.queue-column h3{justify-content:space-between;margin-top:0;font-size:1rem;display:flex}.queue-badge{border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.queue-badge.active{color:#34d399;background:#10b98133}.queue-badge.overflow{color:#fbbf24;background:#f59e0b33}.queue-list-item{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:.4rem .5rem;font-size:.82rem;display:flex}.queue-list-item:last-child{border-bottom:none}.venmo-calculator-card{background:#1e293b33;border:1px solid #ffffff0d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.venmo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.venmo-user-card{background:#0f172a;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.venmo-user-name{font-size:.9rem;font-weight:700}.venmo-user-stats{color:#64748b;font-size:.78rem}.venmo-price-share{color:#10b981;font-size:1.15rem;font-weight:800}.matrix-pair-container{flex-direction:column;gap:1.5rem;display:flex}.matrix-pair-card{background:#1e293b33;border:1px solid #ffffff0f;border-radius:12px;padding:1.5rem}.matrix-pair-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.matrix-columns-split{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;display:grid}.matrix-sub-column h4{color:#94a3b8;border-bottom:1px solid #ffffff0a;margin-top:0;padding-bottom:.35rem;font-size:.9rem}.matrix-item{color:#cbd5e1;justify-content:space-between;padding:.3rem 0;font-size:.85rem;display:flex}.matrix-price{color:#94a3b8;font-weight:700}.balancing-engine-panel{background:#10b98114;border:1px solid #10b98133;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.balance-text{color:#34d399;font-size:.85rem}.balance-text strong{color:#fff}.trade-matrix-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:700;transition:background .2s}.trade-matrix-btn:hover{background:#059669}.high-value-row{background:#f59e0b0a!important}.high-value-warning{color:#f87171;background:#ef444433;border:1px solid #ef44444d;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.price-display-wrapper{background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding-left:.4rem;display:flex}.currency-symbol{color:#64748b;font-size:.8rem}.price-input{background:0 0!important;border:none!important;width:80px!important}.proxy-btn.import{color:#818cf8;background:#6366f126;border-color:#6366f159}.proxy-btn.import:hover{color:#fff;background:#6366f1;border-color:#818cf8}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-container.bulk-import-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0009}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{background:#0f172a4d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.modal-header-title h2{color:#f8fafc;margin:0;font-size:1.3rem;font-weight:700}.modal-header-title p{color:#94a3b8;margin:.25rem 0 0;font-size:.85rem}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.25rem;transition:all .15s}.modal-close-btn:hover{color:#f8fafc;background:#ffffff1a}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.import-dropzone{background:#6366f10a;border:2px dashed #6366f159;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.import-dropzone.dragging{background:#6366f11f;border-color:#6366f1}.dropzone-icon{font-size:1.8rem}.dropzone-text{color:#94a3b8;font-size:.85rem}.file-browse-btn{color:#f8fafc;cursor:pointer;background:#334155;border-radius:6px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:background .2s}.file-browse-btn:hover{background:#475569}.textarea-wrapper{flex-direction:column;gap:.4rem;display:flex}.input-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.import-textarea{color:#f8fafc;resize:vertical;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.75rem;font-family:monospace;font-size:.85rem}.import-textarea:focus{border-color:#6366f1}.import-preview-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;padding:.85rem 1rem}.preview-header{color:#34d399;margin-bottom:.5rem;font-size:.85rem}.preview-list-scroll{max-height:140px;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.8rem}.preview-table th{text-align:left;color:#64748b;border-bottom:1px solid #ffffff0f;padding-bottom:.35rem;font-weight:600}.preview-table td{color:#cbd5e1;padding:.3rem 0}.preview-more{color:#64748b;margin-top:.35rem;font-size:.75rem;font-style:italic}.import-status-banner{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb4d;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.modal-footer{background:#0f172a4d;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-footer .right-actions{gap:.75rem;display:flex}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#334155;border:1px solid #ffffff14;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){color:#fff;background:#475569}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#2563eb);box-shadow:0 6px 16px #4f46e566}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.proxy-settings-container{flex-direction:column;gap:1.5rem;display:flex}.settings-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.settings-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-card-title{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.cardback-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-top:1rem;display:grid}.cardback-option-card{cursor:pointer;text-align:center;background:#1e293b;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex;position:relative}.cardback-option-card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 6px 16px #3b82f633}.cardback-option-card.selected{background:#10b98114;border-color:#10b981;box-shadow:0 0 0 2px #10b98166}.cardback-preview-wrapper{aspect-ratio:2.5/3.5;background:#0f172a;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;display:flex;overflow:hidden}.cardback-preview-img{object-fit:cover;width:100%;height:100%}.cardback-name{color:#f1f5f9;margin-bottom:.2rem;font-size:.88rem;font-weight:700}.cardback-author{color:#94a3b8;font-size:.75rem;font-style:italic}.cardback-dpi{color:#64748b;margin-top:.2rem;font-size:.7rem}.cardback-selected-badge{color:#fff;background:#10b981;border-radius:9999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.proxy-btn.remove-cheap{color:#f87171;background:#ef44441f;border-color:#ef44444d}.proxy-btn.remove-cheap:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#ef4444}.cheap-cards-modal{width:90%;max-width:600px}.threshold-setting-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.threshold-input-wrapper{align-items:center;gap:.5rem;max-width:200px;display:flex}.currency-symbol{color:#94a3b8;font-size:1.1rem;font-weight:700}.threshold-input{color:#f8fafc;padding:.4rem .75rem;font-size:1.1rem;font-weight:700}.threshold-hint{color:#94a3b8;margin:0;font-size:.8rem}.cheap-preview-box{background:#0f172a66;border:1px solid #ffffff0f;border-radius:8px;overflow:hidden}.empty-preview-notice{text-align:center;color:#64748b;padding:2rem;font-size:.9rem;font-style:italic}.cheap-price-tag{color:#34d399;font-family:monospace;font-weight:700}.purge-badge{color:#f87171;text-transform:uppercase;background:#ef444433;border:1px solid #ef444466;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.btn-danger-action{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important}.btn-danger-action:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.collection-page-container{color:#f8fafc;flex-direction:column;gap:2rem;max-width:1300px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}.collection-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.collection-title{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.collection-subtitle{color:#94a3b8;margin:.25rem 0 0;font-size:.95rem}.search-bar-row{width:100%;position:relative}.search-input-wrapper{background:#1e293b66;border:1px solid #ffffff14;border-radius:10px;align-items:center;padding:.25rem 1rem;display:flex}.search-icon{color:#64748b;margin-right:.75rem;font-size:.95rem}.collection-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.6rem 0;font-size:.9rem}.search-spinner-inline{color:#94a3b8;font-size:.78rem}.search-suggestions-overlay{z-index:300;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;width:100%;max-height:250px;position:absolute;top:105%;left:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.suggestion-row{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;transition:background .15s;display:flex}.suggestion-row:last-child{border-bottom:none}.suggestion-row:hover{background:#2563eb}.suggestion-row .name{color:#fff;font-size:.9rem;font-weight:600}.suggestion-row .set{color:#94a3b8;font-size:.8rem}.csv-table-wrapper{background:#1e293b33;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000026}.table-loading,.table-empty{text-align:center;color:#64748b;padding:4rem 2rem;font-size:.92rem;font-style:italic}.csv-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.csv-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;background:#0f172a99;border-bottom:1px solid #ffffff14;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.csv-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.65rem 1.25rem}.csv-table tr:hover{background:#ffffff05}.csv-table .font-bold{color:#fff;font-weight:700}.col-qty{width:120px}.col-name{width:auto}.col-set{width:160px}.col-num{width:150px}.col-foil{width:160px}.col-actions{width:120px}.table-input{color:#fff;background:#0f172a66;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;padding:.4rem .6rem;font-size:.85rem;transition:all .15s}.table-input:focus{background:#0f172a;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.qty-picker-compact{background:#0f172a66;border:1px solid #ffffff14;border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.qty-picker-compact button{color:#94a3b8;cursor:pointer;background:0 0;border:none;width:24px;height:24px;font-size:.85rem;transition:background .15s}.qty-picker-compact button:hover{color:#fff;background:#1e293b}.qty-picker-compact span{text-align:center;min-width:24px;padding:0 .5rem;font-weight:700}.switch-container{cursor:pointer;align-items:center;gap:.6rem;display:flex;position:relative}.switch-container input{opacity:0;width:0;height:0}.slider{background-color:#334155;border-radius:18px;width:32px;height:18px;transition:all .2s;display:inline-block;position:relative}.slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch-container input:checked+.slider{background-color:#10b981}.switch-container input:checked+.slider:before{transform:translate(14px)}.foil-label{color:#94a3b8;font-size:.8rem;font-weight:600}.switch-container input:checked~.foil-label{color:#10b981}.table-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s}.table-delete-btn:hover{color:#fff;background:#ef4444;border-color:#f87171}:root{--steam-bg-dark:#171a21;--steam-bg-mid:#1b2838;--steam-bg-light:#2a475e;--steam-blue-accent:#66c0f4;--steam-green-ready:#a3cf06;--steam-green-ready-hover:#bbf808;--steam-text-muted:#c6d4df;--steam-border-dark:#121821}.steam-tabs-container{border-bottom:2px solid var(--steam-bg-light);gap:.5rem;padding-bottom:2px;display:flex}.steam-tab-btn{color:var(--steam-text-muted);cursor:pointer;background:#2a475e4d;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.steam-tab-btn:hover{color:#fff;background:#2a475e99}.steam-tab-btn.active{background:var(--steam-bg-light);border-color:var(--steam-bg-light);color:#fff;box-shadow:0 -3px 8px #66c0f433}.steam-trading-layout{flex-direction:column;gap:1.5rem;display:flex}.steam-matchmaker-container{background:var(--steam-bg-mid);border:1px solid #66c0f426;border-radius:12px;padding:2rem;box-shadow:0 12px 32px #0006}.steam-section-header{border-bottom:1px solid #ffffff14;margin-bottom:1.5rem;padding-bottom:1rem}.steam-section-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.steam-section-header p{color:var(--steam-text-muted);margin:.35rem 0 0;font-size:.9rem}.direct-partner-select{background:var(--steam-bg-dark);border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.direct-partner-select select{background:var(--steam-bg-light);color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:.5rem 1rem;font-weight:600}.steam-user-matches-grid{flex-direction:column;gap:1.5rem;display:flex}.steam-user-match-row{background:var(--steam-bg-dark);border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.user-match-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.user-match-header h3{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.user-match-body{align-items:stretch;gap:1rem;padding:1.5rem;display:flex}.match-half{flex-direction:column;flex:1;gap:.75rem;display:flex}.match-half-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.match-mini-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:.75rem;display:grid}.mini-card-img{aspect-ratio:2.5/3.5;object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:auto;transition:transform .2s,z-index;box-shadow:0 4px 8px #0006}.mini-card-img:hover{z-index:10;position:relative;transform:scale(1.4)}.mini-card-more{aspect-ratio:2.5/3.5;color:#94a3b8;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:100%;height:auto;font-size:1.2rem;font-weight:700;display:flex}.no-cards-txt{color:#475569;font-size:.9rem;font-style:italic}.match-arrow-center{color:#64748b;justify-content:center;align-items:center;padding:0 1rem;font-size:2rem;display:flex}.trade-initiate-btn{background:var(--steam-blue-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.trade-initiate-btn:hover{background:#3b82f6}.steam-loader,.steam-empty-box{text-align:center;background:var(--steam-bg-dark);color:var(--steam-text-muted);border:1px dashed #ffffff14;border-radius:8px;padding:4rem 2rem}.steam-empty-box .sub{color:#64748b;margin-top:.75rem;font-size:.82rem;display:block}.steam-trade-screen{flex-direction:column;gap:1.5rem;display:flex}.steam-back-btn{background:var(--steam-bg-dark);color:var(--steam-text-muted);cursor:pointer;border:1px solid #ffffff1a;border-radius:6px;align-self:flex-start;padding:.5rem 1rem;font-weight:700;transition:all .15s}.steam-back-btn:hover{background:var(--steam-bg-light);color:#fff}.steam-trade-header h2{margin:0;font-size:1.8rem;font-weight:800}.steam-trade-header .partner-name{color:var(--steam-blue-accent)}.steam-trade-header p{color:var(--steam-text-muted);margin:.25rem 0 0;font-size:.92rem}.steam-split-container{align-items:flex-start;gap:1.5rem;display:flex}.steam-main-panel{flex-direction:column;flex:1;gap:1.5rem;display:flex}.steam-trade-slots-board{background:var(--steam-bg-mid);border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;display:grid;box-shadow:0 10px 25px #0000004d}.steam-offer-side h3{color:#fff;margin:0 0 .2rem;font-size:1.15rem}.steam-offer-side .subtitle{color:#64748b;margin:0 0 1rem;font-size:.8rem}.slots-grid{background:var(--steam-bg-dark);border:1px solid var(--steam-border-dark);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem;display:grid}.steam-slot{aspect-ratio:.73;cursor:pointer;background:#00000059;border:2px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;overflow:hidden}.steam-slot.empty{border-style:dashed}.steam-slot.empty .plus{color:#ffffff14;font-size:1.5rem}.steam-slot.filled:hover{border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.steam-slot-img{object-fit:cover;width:100%;height:100%}.steam-slot-badge{background:var(--steam-bg-dark);color:#fff;border:1px solid #ffffff26;border-radius:4px;padding:.1rem .35rem;font-size:.72rem;font-weight:800;position:absolute;bottom:4px;right:4px}.foil-rainbow{position:relative}.foil-rainbow:after{content:"";mix-blend-mode:color-dodge;opacity:.7;pointer-events:none;background:linear-gradient(135deg,#ff000026,#ff7f0026,#ffff0026,#00ff0026,#0000ff26,#4b008226,#9400d326) 0 0/400% 400%;animation:4s infinite foil-shimmer;position:absolute;inset:0}@keyframes foil-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.steam-actions-bar{background:var(--steam-bg-mid);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.trade-status-message{text-align:center;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;box-shadow:inset 0 2px 5px #0003}.trade-status-message.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.trade-status-message.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.trade-status-message.info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.actions-buttons{gap:1rem;display:flex}.execute-trade-btn{background:linear-gradient(180deg, var(--steam-green-ready) 0%, #7d9e03 100%);color:#fff;cursor:pointer;border:1px solid #c1f802;border-radius:6px;padding:.9rem 2rem;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #a3cf064d}.execute-trade-btn:hover:not(:disabled){background:linear-gradient(180deg, var(--steam-green-ready-hover) 0%, var(--steam-green-ready) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #a3cf0680}.execute-trade-btn:disabled{color:#777d85;cursor:not-allowed;box-shadow:none;background:#3a3f45;border-color:#555c65}.cancel-trade-btn{background:var(--steam-bg-light);color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:6px;padding:.9rem 1.5rem;font-weight:700;transition:all .15s}.cancel-trade-btn:hover{background:#ffffff0d}.steam-inventories-section{background:var(--steam-bg-mid);border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.steam-inventory-tabs{background:#00000040;border-bottom:1px solid #ffffff0f;display:flex}.steam-inv-tab{color:var(--steam-text-muted);cursor:pointer;background:0 0;border:none;padding:1rem 1.5rem;font-size:.92rem;font-weight:700;transition:all .15s;position:relative}.steam-inv-tab:hover{color:#fff;background:#ffffff05}.steam-inv-tab.active{color:#fff;background:#2a475e40}.steam-inv-tab.active:after{content:"";background:var(--steam-blue-accent);height:3px;position:absolute;bottom:0;left:0;right:0}.steam-inventory-pane{padding:1.5rem}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.checkbox-label{cursor:pointer;color:var(--steam-text-muted);align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.checkbox-label input{cursor:pointer}.count-label{color:#64748b;font-size:.82rem}.steam-inv-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;display:grid}.steam-inv-card{aspect-ratio:.73;background:var(--steam-bg-dark);cursor:pointer;border:2px solid #ffffff14;border-radius:6px;transition:all .15s;position:relative;overflow:hidden}.steam-inv-card:hover:not(.depleted){border-color:var(--steam-blue-accent);transform:translateY(-2px);box-shadow:0 0 10px #66c0f466}.steam-inv-card.depleted{opacity:.25;cursor:not-allowed;border-style:dotted}.inv-img-wrap{width:100%;height:100%;position:relative}.inv-card-img{object-fit:cover;width:100%;height:100%}.foil-pill{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:4px;padding:.05rem .35rem;font-size:.6rem;font-weight:800;position:absolute;top:4px;left:4px}.set-badge{color:#fff;background:#0f172abf;border:1px solid #ffffff26;border-radius:3px;padding:.05rem .25rem;font-size:.58rem;font-weight:700;position:absolute;top:4px;right:4px}.inv-quantity-badge{color:#fff;background:#000000bf;border-radius:3px;padding:.05rem .3rem;font-size:.65rem;font-weight:700;position:absolute;bottom:4px;left:4px}.added-overlay{border:1px solid var(--steam-blue-accent);color:#fff;text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#66c0f433;justify-content:center;align-items:center;padding:.25rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;inset:0}.steam-inspector-sidebar{background:var(--steam-bg-mid);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-self:stretch;gap:1.25rem;width:280px;padding:1.5rem;display:flex;position:sticky;top:100px;box-shadow:0 10px 25px #0000004d}.steam-inspector-sidebar h3{color:#fff;border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:.5rem;font-size:1.15rem;font-weight:800}.inspector-card-details{flex-direction:column;gap:1rem;display:flex}.inspector-img-wrapper{aspect-ratio:.73;background:#0d121a;border:1px solid #ffffff14;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 8px 20px #00000080}.inspector-large-img{object-fit:cover;width:100%;height:100%}.inspector-details-list{flex-direction:column;gap:.65rem;display:flex}.inspector-details-list h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.detail-item{flex-direction:column;gap:.15rem;font-size:.82rem;display:flex}.detail-item .lbl{color:#64748b}.detail-item .val{color:var(--steam-text-muted);font-weight:600}.detail-item.price{border-left:2px solid var(--steam-blue-accent);background:#ffffff05;border-radius:6px;padding:.4rem .6rem}.inspector-price-section{background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.25rem;padding:.75rem .85rem;display:flex}.detail-item.price-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;font-size:.88rem!important;display:flex!important}.price-red{color:#ef4444!important;font-size:1.05rem!important;font-weight:800!important}.price-green{color:#10b981!important;font-size:1.05rem!important;font-weight:800!important}.inspector-total-row{color:#94a3b8;text-align:right;border-top:1px solid #ffffff0f;margin-top:.25rem;padding-top:.35rem;font-size:.78rem}.inspector-placeholder{text-align:center;color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 0;display:flex}.placeholder-icon{opacity:.2;margin-bottom:1rem;font-size:2.5rem}.inspector-placeholder p{margin:0;font-size:.82rem;line-height:1.4}@media (width<=992px){.steam-split-container{flex-direction:column}.steam-inspector-sidebar{width:100%;position:relative;top:0}}@media (width<=600px){.steam-trade-slots-board{grid-template-columns:1fr}}.tradelist-total-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;margin-left:.5rem;padding:.2rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.col-price{width:140px}.price-tag-emerald{color:#34d399;font-weight:700}.unit-price-sub{color:#94a3b8;font-size:.78rem;font-weight:400}.text-muted-price{color:#64748b;font-style:italic}.steam-slot-price-badge{color:#34d399;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ad9;border:1px solid #34d39959;border-radius:3px;padding:.1rem .35rem;font-size:.62rem;font-weight:800;position:absolute;top:4px;left:4px}.inv-price-badge{color:#34d399;z-index:2;background:#0f172ad9;border:1px solid #34d39959;border-radius:3px;padding:.05rem .3rem;font-size:.6rem;font-weight:800;position:absolute;bottom:4px;right:4px}.trade-balance-box{background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;justify-content:space-around;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;display:flex;box-shadow:inset 0 2px 4px #0000004d}.balance-col{flex-direction:column;align-items:center;gap:.2rem;display:flex}.balance-col .lbl{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:.72rem;font-weight:700}.balance-col .val{font-size:1.15rem;font-weight:800}.balance-col .val.offer-val{color:var(--steam-blue-accent)}.balance-col .val.demand-val{color:#a855f7}.balance-col .val.positive{color:#34d399}.balance-col .val.negative{color:#f87171}.balance-col .val.even{color:#94a3b8}.balance-vs{color:#64748b;font-size:.85rem;font-weight:900}.match-value-balance{border-radius:4px;margin-top:.25rem;padding:.15rem .5rem;font-size:.78rem;font-weight:700;display:inline-block}.match-value-balance.positive{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.match-value-balance.negative{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.match-value-balance.even{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.mini-card-wrap{width:100%;position:relative}.mini-card-price{color:#34d399;pointer-events:none;background:#000000d9;border-radius:2px;padding:0 3px;font-size:.55rem;font-weight:800;position:absolute;bottom:2px;right:2px}.detail-item.price.active-price{background:#10b9811a;border-left:3px solid #10b981}.detail-item.price.active-price .val.highlight{color:#34d399;font-size:1.1rem;font-weight:800}.sub-line-total{color:#94a3b8;margin-top:2px;font-size:.72rem}.offer-total-txt{color:var(--steam-blue-accent);font-weight:700}.demand-total-txt{color:#a855f7;font-weight:700}.trade-history-wrapper{flex-direction:column;gap:2rem;display:flex}.ledger-section{background:var(--steam-panel-bg);border:var(--steam-border);border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px #0006}.ledger-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.ledger-card{box-sizing:border-box;background:#0f172ab3;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ledger-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 25px #0006}.ledger-card.credit{background:linear-gradient(135deg,#10b9810f 0%,#0f172abf 100%);border-left:4px solid #10b981}.ledger-card.debt{background:linear-gradient(135deg,#ef44440f 0%,#0f172abf 100%);border-left:4px solid #ef4444}.ledger-card.even{border-left:4px solid #64748b}.ledger-card-header{flex-direction:column;gap:.75rem;display:flex}.user-avatar-badge{align-items:center;gap:.75rem;display:flex}.avatar-img{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:42px;height:42px}.user-text-info{flex-direction:column;min-width:0;display:flex}.partner-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.partner-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.ledger-status-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-self:flex-start;max-width:100%;padding:.4rem .85rem;font-size:.85rem;font-weight:700;display:inline-block;overflow:hidden}.ledger-status-badge.credit{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.ledger-status-badge.debt{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.ledger-status-badge.even{color:#94a3b8;background:#64748b26;border:1px solid #64748b4d}.ledger-stats-row{box-sizing:border-box;background:#0000004d;border:1px solid #ffffff0a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;padding:.75rem .85rem;display:grid}.stat-box{flex-direction:column;min-width:0;display:flex;overflow:hidden}.stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.stat-val{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.95rem;font-weight:700;overflow:hidden}.stat-val.give-val{color:#38bdf8}.stat-val.get-val{color:#c084fc}.stat-val.count-val{color:#cbd5e1}.ledger-card-actions{gap:.5rem;width:100%;margin-top:.25rem;display:flex}.flex-1{text-align:center;flex:1;justify-content:center}.steam-btn.compact{padding:.4rem .75rem;font-size:.8rem}.history-log-section{background:var(--steam-panel-bg);border:var(--steam-border);border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px #0006}.history-log-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.history-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:#94a3b8;font-size:.82rem;font-weight:600}.steam-select{color:#fff;cursor:pointer;background:#0f172acc;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:.4rem .75rem;font-size:.85rem}.history-cards-list{flex-direction:column;gap:1rem;display:flex}.history-trade-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;transition:border-color .15s;overflow:hidden}.history-trade-card:hover{border-color:#fff3}.history-trade-card.status-completed{border-left:4px solid #10b981}.history-trade-card.status-accepted{border-left:4px solid #3b82f6}.history-trade-card.status-proposed{border-left:4px solid #eab308}.history-trade-card.status-countered{border-left:4px solid #a855f7}.history-trade-card.status-declined{opacity:.75;border-left:4px solid #64748b}.history-trade-header{cursor:pointer;background:#1e293b4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.trade-meta-main{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.trade-id-tag{color:#cbd5e1;background:#ffffff0f;border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.82rem}.trade-date{color:#94a3b8;font-size:.82rem}.trade-partner{color:#f1f5f9;font-size:.9rem}.trade-meta-right{align-items:center;gap:1rem;display:flex}.trade-values-summary{align-items:center;gap:.5rem;display:flex}.val-pill{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.val-pill.give{color:#cbd5e1;background:#64748b33}.val-pill.get{color:#c084fc;background:#a855f726}.val-pill.net.credit{color:#34d399;background:#10b98133}.val-pill.net.debt{color:#f87171;background:#ef444433}.val-pill.net.even{color:#94a3b8;background:#64748b33}.history-status-tag{letter-spacing:.04em;border-radius:4px;padding:.25rem .5rem;font-size:.72rem;font-weight:800}.history-status-tag.completed{color:#34d399;background:#10b98133}.history-status-tag.accepted{color:#60a5fa;background:#3b82f633}.history-status-tag.proposed{color:#fde047;background:#eab30833}.history-status-tag.countered{color:#c084fc;background:#a855f733}.history-status-tag.declined{color:#94a3b8;background:#64748b33}.expand-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.history-trade-details{background:#0f172acc;border-top:1px solid #ffffff0d;padding:1.25rem}.history-items-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.history-items-grid{grid-template-columns:1fr}}.history-items-column h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.85rem}.empty-subtext{color:#64748b;font-size:.82rem;font-style:italic}.steam-slots-grid.mini{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.steam-slot.compact{height:95px}.card-name-hover-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:100;background:#0f172a;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.75rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.steam-slot.compact:hover .card-name-hover-tooltip{display:block}:root{--bottom-bar-height:60px}body{color:#f8fafc;background-color:#0f1117;margin:0;font-family:system-ui,sans-serif}.app{height:100vh;display:flex;overflow:hidden}.aside{background-color:#111827;border-right:1px solid #1f2937;width:260px;padding:1.25rem;overflow-y:auto}.main{flex:1;padding:1.5rem;overflow-y:auto}h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.helper{color:#9ca3af;margin-bottom:1rem;font-size:.85rem}.section{margin-bottom:1.5rem}.taglist{flex-wrap:wrap;gap:.4rem;display:flex}.tag{cursor:pointer;color:#e5e7eb;background-color:#1f2937;border:1px solid #374151;border-radius:.4rem;padding:.3rem .6rem;font-size:.7rem;transition:all .2s}.tag:hover{background-color:#374151}.tag.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.color-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.color-btn{cursor:pointer;border:1px solid #374151;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #2563eb}.color-W{color:#000;background:#fff}.color-U{color:#000;background:#60a5fa}.color-B{color:#fff;background:#374151}.color-R{color:#fff;background:#ef4444}.color-G{color:#fff;background:#10b981}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem;margin-top:.55rem;display:grid}.card{background-color:#111827;border:1px solid #1f2937;border-radius:.85rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{transform:scale(1.03);box-shadow:0 0 15px #2563eb40}.card img{width:100%;display:block}.no-image{text-align:center;color:#9ca3af;padding:3rem 0}.card-title{justify-content:space-between;align-items:center;padding:.5rem;font-size:.85rem;font-weight:600;display:flex}.price-tag{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:.3rem;padding:.15rem .4rem;font-size:.75rem}.card-image{width:100%;height:auto;position:relative}.card-note-banner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:linear-gradient(#374151e6 0%,#374151a6 90%,#0000 100%);border-top-left-radius:.6rem;border-top-right-radius:.6rem;justify-content:center;align-items:center;height:22%;padding:.25rem .4rem;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;right:0}.card:hover .card-note-banner{opacity:1}.card-note-text{color:#f9fafb;text-align:center;text-shadow:0 1px 3px #0009;width:95%;font-size:.78rem;font-weight:600;line-height:1.1rem}.popup{color:#f3f4f6;z-index:30;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;width:240px;max-height:260px;padding:.5rem;position:absolute;top:5%;left:5%;overflow-y:auto;box-shadow:0 0 10px #00000059}.popup-title{color:#93c5fd;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.popup-body{font-size:.75rem;line-height:1.2rem}.print-row{border-bottom:1px solid #374151;margin-bottom:.2rem;padding-bottom:.2rem}.copy-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.3rem;margin-top:.1rem;padding:.25rem .5rem;font-size:.75rem;transition:background .2s}.copy-btn:hover{background:#3b82f6}.section-title{color:#e5e7eb;font-size:1.05rem;font-weight:700}.section-title-row{justify-content:space-between;align-items:center;gap:.75rem;margin:1.5rem 0 .5rem;display:flex}.export-controls{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.export-btn,.copy-btn.small{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:.85rem;font-weight:600;line-height:1;transition:background .2s,transform 60ms;display:inline-flex}.export-btn{color:#fff;background:#1d4ed8}.export-btn:hover{background:#2563eb}.copy-btn.small{color:#e2e8f0;background:#334155}.copy-btn.small:hover{background:#475569}.export-btn:active,.copy-btn.small:active{transform:translateY(1px)}.status{text-align:center;color:#9ca3af;margin-top:2rem}.status.error{color:#f87171}.mdfc .card-image{position:relative}.card-face{transition:opacity .25s,transform .25s}.card-face.back{transform:scaleX(-1)}.swap-face-btn{color:#f3f4f6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;background:#1f2937d9;border:1px solid #374151;border-radius:.4rem;padding:.25rem .35rem;font-size:.8rem;transition:background .2s;position:absolute;bottom:6px;right:6px}.swap-face-btn:hover{color:#fff;background:#3b82f6d9}.tier-group{border-radius:8px;margin-bottom:1rem;padding:.5rem}.tier-group .tier-label{opacity:.9;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.tier-group.premium{background:#00ff000d}.tier-group.playable{background:#ffff000d}.tier-group.budget{background:#ff00000d}.tier-group.terrible{background:#3c3c3c4d}.tier-group.terrible .tier-label{color:#f66}.tag.fetchable{border:1px solid #00c86499;transition:all .15s ease-in-out;box-shadow:0 0 4px #00ff9633}.tag.fetchable:hover{background:#00ff6414;box-shadow:0 0 6px #00ff9666}.tag.fetchable.active{background:#00ff6426;border-color:#00ff96e6}.app{height:100vh;transition:margin-left .3s;display:flex;overflow:hidden}.aside-slide{z-index:10;background-color:#111827;border-right:1px solid #1f2937;width:225px;height:100vh;padding:1.25rem;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.aside-slide.hidden{transform:translate(-100%)}.aside-slide.visible{transform:translate(0)}.aside-slide::-webkit-scrollbar{width:8px}.aside-slide::-webkit-scrollbar-thumb{background-color:#374151;border-radius:2px}.aside-slide::-webkit-scrollbar-thumb:hover{background-color:#4b5563}.aside-slide::-webkit-scrollbar-track{background-color:#111827}.sidebar-toggle{z-index:20;color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:.4rem;width:38px;height:38px;font-size:1.2rem;transition:all .25s;position:fixed;top:1rem;left:.5rem}.sidebar-toggle:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.sidebar-toggle.open{left:210px}.top-nav{color:#f8fafc;z-index:100;background:#111827;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.top-nav .logo{font-size:1.2rem;font-weight:600}.bottom-bar{color:#e2e8f0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172af2;border:1px solid #1e293b;border-radius:12px;width:auto;padding:.75rem 1.25rem;font-size:.9rem;position:fixed;bottom:1.5rem;left:auto;right:1.5rem;box-shadow:0 4px 15px #0006}.bottom-bar-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.bottom-bar b{color:#93c5fd;font-weight:600}.login-container{background-color:#0f1117;justify-content:center;align-items:center;height:100vh;display:flex}.login-form h2{text-align:center;margin-bottom:1rem}.login-form input{color:#e5e7eb;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:.5rem}.login-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.6rem;font-weight:600;transition:background .2s}.login-form button:hover{background:#3b82f6}.error-box{color:#fca5a5;background:#dc262626;border:1px solid #f87171;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.toggle-mode{text-align:center;margin-top:.5rem;font-size:.9rem}.toggle-mode span{color:#60a5fa;cursor:pointer;font-weight:600}.sidebar-header{border-bottom:1px solid #1f2937;justify-content:flex-start;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.profile{align-items:center;gap:.75rem;display:flex}.profile-avatar{background:#1e293b;border:2px solid #3b82f6;border-radius:50%;width:42px;height:42px}.profile-info{flex-direction:column;gap:.25rem;display:flex}.profile-name{color:#f8fafc;font-size:.95rem;font-weight:600}.logout-btn{color:#9ca3af;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;transition:color .2s}.package-manager{color:#f8fafc;padding:2rem}.package-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.package-header form{gap:.5rem;display:flex}.package-header input{color:#f8fafc;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:.4rem .6rem}.package-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem .8rem}.package-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.package-card{background:#111827;border:1px solid #1f2937;border-radius:10px;padding:1rem}.card-search{margin-top:2rem}.search-results{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.card-result{text-align:center;width:120px}.card-result img{border-radius:8px;width:100%}.main,.aside-slide{padding-bottom:calc(var(--bottom-bar-height) + 1rem)}.aside-slide .export-btn{color:#fff;cursor:pointer;width:42px;height:42px;bottom:calc(var(--bottom-bar-height) + .5rem);background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;margin:1rem auto 0;padding:0;transition:background .2s,transform 60ms;display:inline-flex;position:sticky}.aside-slide .export-btn:hover{background:#3b82f6}.aside-slide .export-btn:active{transform:translateY(1px)}.bottom-bar{position:fixed}.bottom-bar-right{gap:.5rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.share-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,transform 60ms;display:inline-flex}.share-btn:hover{background:#2563eb}.share-btn:active{transform:translateY(1px)}.nav-logout{color:#9ca3af;margin-left:.25rem;padding:0;font-size:.85rem}.nav-logout:hover{color:#f87171}.login-dropdown{z-index:50;background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem;position:absolute;top:3rem;right:1rem;box-shadow:0 4px 12px #00000040}.login-toggle{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.25rem;padding:.4rem .8rem}.login-toggle:hover{background:#1d4ed8}.login-dropdown{z-index:100;background:#111827;border:1px solid #1f2937;border-radius:.5rem;padding:1rem;position:absolute;top:3.2rem;right:1rem}.tag-own{background-color:#22c55e33;border:1px solid #22c55e99}.tag-own:hover{background-color:#22c55e59}.tag-public{background-color:#3b82f633;border:1px solid #3b82f699}.tag-public:hover{background-color:#3b82f659}.tag-neutral{background-color:#6b728033;border:1px solid #6b728099}@media (width<=768px){.main{padding:1rem}.desktop-nav-links,.desktop-profile,.desktop-icons{display:none!important}.mobile-menu-toggle{display:block!important}.mobile-menu-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-menu-content{flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:2rem;display:flex}.mobile-nav-link{color:#f8fafc;cursor:pointer;font-size:1.5rem;font-weight:600;transition:color .2s}.mobile-nav-link:hover{color:#60a5fa}.mobile-nav-divider{background:#334155;width:80%;height:1px;margin:1rem 0}.mobile-profile-section{align-items:center;gap:1rem;display:flex}.mobile-nav-name{font-size:1.25rem;font-weight:600}.mobile-action-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1.1rem;font-weight:700}.grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.package-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.login-form{width:90vw;padding:1.5rem}.popup{width:85vw;max-width:320px;left:50%;transform:translate(-50%)}.app.sidebar-open .aside-slide{z-index:1000;width:100vw!important;max-width:100vw!important}.sidebar-toggle{z-index:1001;top:auto;bottom:5rem;left:1rem}.sidebar-toggle.open{left:1rem}.bottom-bar{border-radius:0;width:100%;padding:.5rem;bottom:0;left:0;right:0}.bottom-bar-content{gap:.5rem;font-size:.8rem}.aside-slide .export-btn{margin:1rem auto;position:relative;bottom:0}}.deck-updater-container{color:#f8fafc;max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:2rem;font-family:Inter,system-ui,sans-serif;position:relative}.updater-header{text-align:center;margin-bottom:3rem;position:relative}.updater-header h1{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.updater-header p{color:#94a3b8;font-size:1.1rem}.options-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.options-btn:hover{color:#fff;background:#ffffff1a}.dashboard-grid{flex-direction:column;gap:1.5rem;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0003}.dashboard-card{transition:all .3s;overflow:hidden}.dashboard-card:hover{background:#1e293bcc;border-color:#38bdf84d}.dashboard-card.expanded{background:#0f172ab3;border-color:#38bdf880;box-shadow:0 12px 40px #0006}.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.card-header-info h2{color:#e2e8f0;margin:0;font-size:1.4rem}.commander-subtitle{color:#94a3b8;margin-top:.25rem;font-size:.9rem;display:block}.card-badges{align-items:center;gap:1rem;display:flex}.badge{border-radius:999px;align-items:center;gap:.25rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:flex}.badge.warning{color:#facc15;background:#facc1526;border:1px solid #facc154d}.badge.success{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.badge.neutral{color:#94a3b8;background:#94a3b826}.expand-icon{color:#64748b;margin-left:.5rem;font-size:1.2rem;transition:transform .2s}.card-expanded-content{border-top:1px solid #ffffff0d;margin-top:.5rem;padding:1.5rem 2rem 2rem}.empty-state,.loading-state,.error-state{text-align:center;padding:4rem 2rem}.empty-icon{opacity:.8;margin-bottom:1rem;font-size:3rem}.spinner{border:4px solid #ffffff1a;border-left-color:#38bdf8;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analysis-section{margin-bottom:2.5rem}.analysis-section:last-child{margin-bottom:0}.section-header{margin-bottom:1.25rem}.section-header h3{margin:0;font-size:1.2rem}.strictly-better h3{color:#facc15}.edhrec-new h3{color:#34d399}.edhrec-synergy h3{color:#fb923c}.upgrade-grid{flex-direction:column;gap:1.5rem;display:flex}.rich-card{background:#0000004d;border:1px solid #facc1533;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative}.rich-card:hover{border-color:#facc1566;box-shadow:0 4px 12px #facc151a}.card-visuals{align-items:center;gap:2rem;display:flex}.inferior-visual,.superior-visual{flex-direction:column;align-items:center;gap:.5rem;width:150px;display:flex}.superior-list{flex-wrap:wrap;gap:1rem;display:flex}.superior-visuals{flex-direction:column;gap:.5rem;display:flex}.card-art{aspect-ratio:2.5/3.5;object-fit:cover;border-radius:4.75%/3.5%;width:100%;box-shadow:0 4px 10px #0006}.card-art-placeholder{aspect-ratio:2.5/3.5;color:#e2e8f0;text-align:center;background:#0f172a80;border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:.9rem;font-weight:600;display:flex}.card-price{color:#a7f3d0;background:#00000080;border-radius:12px;padding:2px 8px;font-size:.9rem;font-weight:700}.upgrade-arrow{color:#facc15;opacity:.8;font-size:2rem;font-weight:700}.label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem}.suggestion-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;display:grid}.suggestion-card{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s;display:flex;position:relative}.suggestion-card:hover{background:#ffffff0d;border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-info-row{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.card-synergy{color:#38bdf8;font-size:.9rem;font-weight:500}.dismiss-btn{color:#fca5a5;cursor:pointer;z-index:10;background:#ef444433;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.dismiss-btn:hover{color:#fff;background:#ef4444cc}.dismiss-btn-small{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#ef4444cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000080}.suggestion-card:hover .dismiss-btn-small{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.modal-header h2{margin:0;font-size:1.3rem}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.modal-close:hover{color:#fff}.modal-body{flex:1;overflow-y:auto}.dismissals-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dismissal-item{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dismissal-info{flex-direction:column;gap:.25rem;display:flex}.dismissal-deck{color:#94a3b8;font-size:.8rem}.dismissal-id{color:#e2e8f0;font-weight:500}.restore-btn{color:#34d399;cursor:pointer;background:#34d39933;border:1px solid #34d39966;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;transition:all .2s}.restore-btn:hover{color:#fff;background:#34d399cc}.fade-in{animation:.4s ease-out forwards fadeIn}.slide-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.top-nav{color:#f8fafc;z-index:100;background:#1e3a8a;border-bottom:1px solid #1e40af;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.top-nav>div{align-items:center;display:flex}.nav-profile{align-items:center;gap:.6rem;display:flex}.nav-avatar{background:#1e293b;border:2px solid #3b82f6;border-radius:50%;width:32px;height:32px}.nav-name{color:#f8fafc;font-size:.95rem;font-weight:600}.logout-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.logout-btn:hover{color:#f87171}.cycle-user-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f166;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.cycle-user-btn:hover{color:#fff;background:#6366f14d;border-color:#6366f1}.nav-buttons{gap:.75rem;display:flex}.nav-buttons button{color:#f8fafc;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:.4rem .8rem;transition:background .2s,border .2s}.nav-buttons button:hover{background:#2563eb;border-color:#2563eb}.nav-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb}.nav-actions{align-items:center;gap:.5rem;display:flex}.nav-link{color:#cbd5e1;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.nav-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem .8rem;font-weight:600;transition:background .2s,transform .1s}.nav-actions button:hover{background:#1d4ed8;transform:scale(1.02)}.nav-actions button:disabled{color:#6b7280;cursor:not-allowed;background:#374151;transform:none}.nav-dropdown-container{display:inline-block;position:relative}.nav-dropdown-menu{visibility:hidden;opacity:0;z-index:1000;background-color:#1e293b;border:1px solid #ffffff1a;border-radius:8px;min-width:200px;padding:.5rem 0;transition:all .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px #00000080}.nav-dropdown-container:hover .nav-dropdown-menu{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.nav-dropdown-item{color:#cbd5e1;cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav-dropdown-item:hover{color:#fff;background-color:#3b82f626}.dropdown-icon{font-size:1.1rem}.login-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.login-modal-content{animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative}.login-modal-close{color:#94a3b8;cursor:pointer;z-index:1010;background:0 0;border:none;font-size:1.1rem;transition:color .15s;position:absolute;top:1rem;right:1.2rem}.login-modal-close:hover{color:#f1f5f9}.login-container{justify-content:center;align-items:center;display:flex}.login-form{color:#f8fafc;background:#1e293b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.85rem;width:350px;padding:2.5rem 2.25rem;display:flex;box-shadow:0 10px 30px #00000073}.login-form h2{text-align:center;color:#fff;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.login-form label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-top:.25rem;font-size:.72rem;font-weight:600}.login-form input{color:#f1f5f9;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.65rem .8rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f640}.login-form button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .2s,transform 50ms}.login-form button[type=submit]:hover{background:#1d4ed8}.login-form button[type=submit]:active{transform:translateY(1px)}.error-box{color:#fca5a5;background:#ef444426;border:1px solid #ef4444;border-radius:8px;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.85rem}.toggle-mode{text-align:center;color:#94a3b8;margin-top:.75rem;font-size:.85rem}.toggle-mode span{color:#3b82f6;cursor:pointer;font-weight:600;transition:color .15s}.toggle-mode span:hover{color:#60a5fa;text-decoration:underline}.sso-buttons{flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}.sso-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.sso-btn:disabled{opacity:.6;cursor:not-allowed}.sso-google{color:#1f2937;background:#fff;border-color:#e5e7eb}.sso-google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #00000026}.sso-discord{color:#fff;background:#5865f2}.sso-discord:hover:not(:disabled){background:#4752c4;box-shadow:0 2px 8px #5865f24d}.sso-icon{flex-shrink:0;display:inline-block}.sso-divider{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:.25rem 0;font-size:.78rem;display:flex}.sso-divider:before,.sso-divider:after{content:"";border-bottom:1px solid #334155;flex:1}.sso-divider span{padding:0 .6rem}.nav-avatar-img{object-fit:cover;border:2px solid #3b82f6;border-radius:50%;width:32px;height:32px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.25rem;padding:.4rem .8rem}.login-btn:hover{background:#1d4ed8}.logo-branding{color:#3b82f6;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;transition:filter .2s;display:flex}.logo-branding:hover{filter:brightness(1.2)}.nav-controls-right{align-items:center;gap:1.25rem;display:flex}.drawer-toggle-btn{color:#f8fafc;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000001a}.drawer-toggle-btn:hover{color:#fff;background:#2563eb;border-color:#3b82f6;transform:translateY(-1px)}.drawer-toggle-btn.active{color:#fff;background:#2563eb;border-color:#3b82f6}.landing-container{color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:3rem;max-width:1000px;min-height:calc(100vh - 4.5rem);margin:0 auto;padding:4rem 2rem;display:flex}.landing-hero{text-align:center;flex-direction:column;gap:.75rem;max-width:700px;display:flex}.hero-title{background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:2.75rem;font-weight:800}.hero-subtitle{color:#94a3b8;margin:0;font-size:1.1rem;line-height:1.6}.features-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1e293b66;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:1.25rem;padding:2.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#3b82f626,#0000 70%);width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.feature-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 15px 30px #00000059}.feature-card:hover:before{opacity:1}.card-badge-top{text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;font-size:.72rem;font-weight:700}.card-icon{margin:.25rem 0;font-size:2.25rem}.card-title-text{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.card-description{color:#94a3b8;flex:1;margin:0;font-size:.92rem;line-height:1.6}.card-action-btn{color:#fff;cursor:pointer;z-index:2;background:#334155;border:1px solid #475569;border-radius:8px;align-self:flex-start;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.feature-card:hover .card-action-btn,.card-action-btn.highlight{background:#2563eb;border-color:#3b82f6}.feature-card:hover .card-action-btn.highlight{background:#1d4ed8;border-color:#2563eb}.landing-instructions{color:#64748b;text-align:center;background:#0f172a66;border:1px solid #ffffff08;border-radius:20px;padding:.75rem 1.5rem;font-size:.85rem}@media (width<=768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.hero-title{font-size:2.2rem}.landing-container{padding:2.5rem 1.5rem}}.global-header-wrapper{z-index:500;width:100vw;position:fixed;top:0;left:0}.main-viewport-content{padding-top:4.5rem}.home-btn{color:#f8fafc;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.home-btn:hover{color:#fff;background:#2563eb26;border-color:#2563eb;transform:translateY(-1px)}.home-btn:active{transform:translateY(1px)}.home-btn.active{color:#fff;background:#2563eb;border-color:#3b82f6}.landing-sub-buttons{z-index:2;flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:flex}.sub-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a80;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sub-btn:hover{color:#fff;background:#2563eb26;border-color:#2563eb;transform:translate(4px)}.sub-btn:active{transform:scale(.98)translate(4px)}.top-toast-container{z-index:999999;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:90%;max-width:500px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.top-toast-banner{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;box-sizing:border-box;cursor:pointer;background:#0f172aeb;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-size:.92rem;font-weight:500;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideDown;display:flex;box-shadow:0 10px 25px #00000080,0 0 0 1px #ffffff1a}.top-toast-banner:hover{transform:translateY(-2px)}.top-toast-banner.success{background:linear-gradient(135deg,#064e3bf2 0%,#0f172af2 100%);border-left:4px solid #10b981}.top-toast-banner.error{background:linear-gradient(135deg,#7f1d1df2 0%,#0f172af2 100%);border-left:4px solid #ef4444}.top-toast-banner.info{background:linear-gradient(135deg,#1e3a8af2 0%,#0f172af2 100%);border-left:4px solid #3b82f6}.top-toast-banner.warning{background:linear-gradient(135deg,#78350ff2 0%,#0f172af2 100%);border-left:4px solid #f59e0b}.toast-icon{justify-content:center;align-items:center;font-size:1.2rem;display:flex}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1.1rem;transition:color .2s}.toast-close:hover{color:#fff}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}