*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#4caf5066;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4caf5099}::selection{background:#4caf504d;color:inherit}:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212f2;border-bottom:1px solid #4caf5033;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{cursor:pointer;gap:10px;transition:transform .2s ease}.header-logo:hover{transform:scale(1.02)}.logo-icon{filter:drop-shadow(0 0 8px rgba(76,175,80,.5));font-size:1.8rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.header-nav{gap:8px}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{background:#0000;border:none;border-radius:8px;color:#4caf50;cursor:pointer;font-size:1.1rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.nav-link:hover{background:#4caf501a;color:#fff}.nav-link.active{background:#4caf5033;color:#4caf50}.nav-link.active .nav-icon{filter:drop-shadow(0 0 4px rgba(76,175,80,.6))}.nav-icon{font-size:1.1rem}.header-actions{align-items:center;display:flex;gap:12px}.auth-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.sign-in-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.sign-in-btn:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.user-avatar{height:36px;width:36px}.theme-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle:hover{background:#4caf5026;border-color:#4caf504d;transform:rotate(15deg)}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;width:40px}.mobile-menu-btn span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{border-top:1px solid #ffffff1a;display:none;flex-direction:column;gap:4px;padding:16px 0}.mobile-nav.open{display:flex}.mobile-nav .nav-link{justify-content:flex-start;padding:12px 16px;width:100%}.desktop-nav{display:flex}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-content{height:56px}.logo-text{font-size:1.25rem}.logo-icon{font-size:1.5rem}}body:not(.dark-mode) .site-header{background:#fffffff2;border-bottom-color:#4caf5026}body:not(.dark-mode) .nav-link{color:#666}body:not(.dark-mode) .nav-link:hover{background:#4caf5014;color:#333}body:not(.dark-mode) .nav-link.active{background:#4caf5026;color:#2e7d32}body:not(.dark-mode) .theme-toggle{background:#0000000d;border-color:#0000001a}body:not(.dark-mode) .mobile-menu-btn span{background:#333}body:not(.dark-mode) .mobile-nav{border-top-color:#0000001a}.commander-input-container{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;width:100%}.commander-form{display:flex;gap:12px;position:relative;width:100%}.input-wrapper{flex:1 1;position:relative}.commander-search-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1.1rem;padding:16px 20px;transition:all .2s ease;width:100%}.commander-search-input::placeholder{color:#fff6}.commander-search-input:focus{background:#4caf500d;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a;outline:none}.input-spinner{animation:spin .8s linear infinite;border:2px solid #4caf504d;border-radius:50%;border-top-color:#4caf50;height:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.build-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:16px 28px;transition:all .2s ease;white-space:nowrap}.build-button:hover{background:linear-gradient(135deg,#5cbf60,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.build-button:active{transform:translateY(0)}.button-icon{font-size:1.2rem}.commander-autocomplete-list{background:#1a1a1a;border:1px solid #4caf504d;border-radius:12px;box-shadow:0 12px 40px #00000080;left:0;list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.commander-autocomplete-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s ease}.commander-autocomplete-list li.highlighted,.commander-autocomplete-list li:hover{background:#4caf5026}.suggestion-image{background:#ffffff0d;border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.suggestion-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;opacity:.5;width:100%}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.suggestion-name{color:#fff;font-weight:600}.suggestion-name,.suggestion-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-type{color:#888;font-size:.8rem}.suggestion-colors{display:flex;flex-shrink:0;gap:4px}.mana-symbol{border-radius:50%;box-shadow:0 1px 2px #0000004d;height:20px;width:20px}.suggestion-colors .mana-symbol{height:18px;width:18px}.preview-colors .mana-symbol{height:24px;width:24px}.commander-preview{align-items:center;animation:fadeIn .3s ease;background:#ffffff08;border:1px solid #4caf5033;border-radius:16px;display:flex;gap:20px;padding:20px;width:100%}.preview-image{border-radius:12px;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:100px;overflow:hidden;width:100px}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-info{flex:1 1;text-align:left}.preview-info h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 8px}.preview-colors{display:flex;gap:6px;margin-bottom:8px}.preview-type{color:#888;font-size:.9rem;margin:0}body:not(.dark-mode) .commander-search-input{background:#00000008;border-color:#0000001a;color:#222}body:not(.dark-mode) .commander-search-input::placeholder{color:#0006}body:not(.dark-mode) .commander-search-input:focus{background:#4caf5008}body:not(.dark-mode) .commander-autocomplete-list{background:#fff;border-color:#0000001a;box-shadow:0 12px 40px #00000026}body:not(.dark-mode) .commander-autocomplete-list li.highlighted,body:not(.dark-mode) .commander-autocomplete-list li:hover{background:#4caf501a}body:not(.dark-mode) .suggestion-name{color:#222}body:not(.dark-mode) .commander-preview{background:#00000005;border-color:#4caf5026}body:not(.dark-mode) .preview-info h3{color:#222}@media (max-width:600px){.commander-form{flex-direction:column}.commander-search-input{font-size:1rem;padding:14px 16px}.build-button{justify-content:center;padding:14px 24px;width:100%}.commander-preview{flex-direction:column;text-align:center}.preview-info{text-align:center}.preview-colors{justify-content:center}}.theme-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px 0}.theme-item{animation:themeCardFadeIn .4s ease-out;animation-fill-mode:both;display:flex;flex-direction:column;gap:12px}@keyframes themeCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-item:first-child{animation-delay:.05s}.theme-item:nth-child(2){animation-delay:.1s}.theme-item:nth-child(3){animation-delay:.15s}.theme-item:nth-child(4){animation-delay:.2s}.theme-item:nth-child(5){animation-delay:.25s}.theme-item:nth-child(6){animation-delay:.3s}.theme-name{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:0;padding:12px 16px;text-align:center;transition:all .2s ease}.theme-name:hover{background:#4caf5026;border-color:#4caf504d;color:#4caf50}.theme-card{background:#1a1a1a;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000004d;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.theme-card:hover{border-color:#4caf50;box-shadow:0 16px 40px #0006,0 0 20px #4caf5033;transform:translateY(-8px) scale(1.02)}.theme-card:active{transform:translateY(-4px) scale(1.01)}.theme-card-image{align-items:flex-end;background-position:top;background-size:cover;border-radius:10px}.theme-card-image,.theme-card-placeholder{aspect-ratio:488/680;display:flex;position:relative;width:100%}.theme-card-placeholder{align-items:center;background:linear-gradient(135deg,#252525,#1a1a1a);color:#666;font-size:.9rem;font-weight:500;justify-content:center;overflow:hidden}.theme-card-placeholder.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}body:not(.dark-mode) .theme-name{background:#00000008;border-color:#00000014;color:#222}body:not(.dark-mode) .theme-card{background:#f5f5f5;box-shadow:0 4px 12px #0000001a}body:not(.dark-mode) .theme-card-placeholder{background:linear-gradient(135deg,#e8e8e8,#f5f5f5);color:#999}@media (max-width:600px){.theme-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.theme-name{font-size:.85rem;padding:10px 12px}}.filter-container{display:inline-block;margin:10px;position:relative}.filter-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.filter-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:0;min-width:200px;padding:10px;position:absolute;top:100%;z-index:1000}.filter-section{border-bottom:1px solid #eee;padding:10px}.filter-section:last-child{border-bottom:none}.filter-section h3{color:#666;font-size:14px;margin:0 0 10px}.filter-section button{background-color:#f5f5f5;border:none;border-radius:4px;cursor:pointer;display:block;margin:5px 0;padding:8px;text-align:left;width:100%}.filter-section button:hover{background-color:#e0e0e0}.deck-overview-inline{animation:fadeInPage .4s ease-out;grid-column:1/-1;width:100%}.viewer-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:20px;margin-bottom:24px;padding-bottom:16px}.viewer-header .back-button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .2s ease}.viewer-header .back-button:hover{background:#fff3}.viewer-header .deck-title{flex:1 1}.viewer-header .deck-title h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 4px}.viewer-header .commander-name{color:#888;font-size:.95rem}body:not(.dark-mode) .viewer-header{border-bottom-color:#0000001a}body:not(.dark-mode) .viewer-header .back-button{background:#0000000d;color:#333}body:not(.dark-mode) .viewer-header .back-button:hover{background:#0000001a}body:not(.dark-mode) .viewer-header .deck-title h2{color:#222}.deck-overview-inline.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#fff;font-size:1.4rem;margin:0 0 8px}.empty-state p{color:#888;font-size:1rem;margin:0}.stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ef2;border:1px solid #ffffff14;border-radius:12px;flex:1 1;min-width:150px;padding:16px}.stat-card h4{color:#4caf50;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.deck-completion{align-items:center;display:flex;flex-direction:column;max-width:140px}.completion-ring{height:80px;position:relative;width:80px}.completion-ring svg{height:100%;width:100%}.ring-bg{stroke:#ffffff1a}.ring-progress{stroke:#4caf50;stroke-linecap:round;transition:stroke-dasharray .5s ease}.completion-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.completion-number{color:#fff;font-size:1.4rem;font-weight:700}.completion-label,.slots-remaining{color:#888;font-size:.8rem}.slots-remaining{margin:8px 0 0;text-align:center}.slots-remaining.complete{color:#4caf50;font-weight:600}.slots-remaining.over{color:#f44336;font-weight:600}.mana-curve{min-width:200px}.curve-chart{align-items:flex-end;display:flex;gap:4px;height:80px;justify-content:space-between}.curve-bar-container{height:100%}.curve-bar-container,.curve-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column}.curve-bar-wrapper{justify-content:flex-end;width:100%}.curve-bar{align-items:center;background:linear-gradient(180deg,#4caf50,#2e7d32);border-radius:3px 3px 0 0;display:flex;justify-content:center;min-height:4px;transition:height .3s ease;width:70%}.curve-count{color:#fff;font-size:.7rem;font-weight:600;text-shadow:0 1px 2px #00000080}.curve-label{background:#ffffff14;border-radius:4px;color:#888;font-size:.75rem;font-weight:600;margin-top:6px;padding:2px 6px}.color-distribution{min-width:140px}.color-pips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.color-pip{align-items:center;display:flex;flex-direction:column;gap:4px}.mana-symbol{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:28px;width:28px}.pip-count{color:#fff;font-size:.8rem;font-weight:600}.export-card{display:flex;flex-direction:column;gap:8px;min-width:160px}.export-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.export-btn.moxfield{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.export-btn.moxfield:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.export-btn.archidekt{background:linear-gradient(135deg,#e85d04,#f77f00);color:#fff}.export-btn.archidekt:hover{box-shadow:0 4px 12px #e85d0466;transform:translateY(-2px)}.export-btn.tcgplayer{background:linear-gradient(135deg,#0073b9,#005f99);color:#fff}.export-btn.tcgplayer:hover{box-shadow:0 4px 12px #0073b966;transform:translateY(-2px)}.export-btn.clipboard{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.export-btn.clipboard:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.export-btn.save-deck{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.export-btn.save-deck:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.save-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.save-modal{animation:slideUp .2s ease-out;background:#1e1e1e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;min-width:320px;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.save-modal h3{color:#fff;font-size:1.3rem;margin:0 0 16px;text-align:center}.modal-user-info{color:#888;font-size:.85rem;margin-bottom:16px;text-align:center}.deck-name-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;margin-bottom:12px;padding:12px 16px;width:100%}.deck-name-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.save-error{color:#f44336;font-size:.85rem;margin-bottom:12px;text-align:center}.save-success{align-items:center;display:flex;flex-direction:column;padding:20px}.save-success .success-icon{color:#4caf50;font-size:3rem;margin-bottom:12px}.save-success p{color:#fff;font-size:1.1rem;margin:0}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-btn.cancel{background:#ffffff1a;color:#aaa}.modal-btn.cancel:hover{background:#ffffff26;color:#fff}.modal-btn.save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.modal-btn.save:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.modal-btn.save:disabled{cursor:not-allowed;opacity:.5}.view-controls-row{align-items:center;background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.view-buttons{display:flex;gap:8px}.view-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:#888;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn:hover{background:#ffffff1f;color:#fff}.view-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.card-search-container{flex:1 1;margin:0 16px;max-width:300px;position:relative}.card-search-input{background:#1e1e1ef2;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:.85rem;outline:none;padding:8px 14px;transition:all .2s ease;width:100%}.card-search-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.card-search-input::placeholder{color:#666}.search-spinner{font-size:.9rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.card-search-dropdown{background:#1e1e1efa;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:300}.search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#4caf5033}.search-result-item.already-added{opacity:.6}.search-result-item.already-added:hover{background:#ffffff0d}.result-name{color:#fff;font-size:.9rem}.already-added-badge{background:#4caf504d;border-radius:4px;color:#4caf50;font-size:.7rem;font-weight:500;padding:2px 8px}.sort-control{align-items:center;display:flex;gap:10px}.sort-control label{color:#888;font-size:.85rem}.sort-control select{background:#1e1e1ef2;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px}.sort-control select:focus{border-color:#4caf50;outline:none}.section-title{color:#4caf50;font-size:1.1rem;font-weight:700;margin:0 0 10px;text-transform:capitalize}.section-count{color:#888;font-weight:400}.stacked-sections{display:flex;flex-wrap:wrap;gap:24px}.stacked-section{flex:0 1 300px;max-width:300px;min-width:250px}.stacked-cards{display:flex;flex-direction:column}.stacked-card{background-color:initial;background-position:top;background-repeat:no-repeat;background-size:100% auto;border-radius:16px 16px 0 0;box-shadow:0 1px 4px #0006;cursor:pointer;height:46px;margin-bottom:-4px;position:relative;transition:all .2s ease;z-index:calc(100 - var(--stack-index))}.stacked-card:hover{box-shadow:0 6px 20px #0009;transform:translateX(12px) translateY(-2px);z-index:200}.card-remove-btn{align-items:center;background:#f44336e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0006;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;left:6px;line-height:1;opacity:0;position:absolute;top:6px;transform:scale(.8);transition:all .15s ease;width:24px;z-index:20}.card-remove-btn:hover{background:#f44336;box-shadow:0 4px 12px #f4433680;transform:scale(1.1)}.grid-card:hover .card-remove-btn,.stacked-card:hover .card-remove-btn{opacity:1;transform:scale(1)}.stacked-card:last-child{aspect-ratio:488/680;background-position:50%;border-radius:16px;height:auto;margin-bottom:0}.illegal-warning{border-bottom:34px solid #f44336;border-left:20px solid #0000;border-right:20px solid #0000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));height:0;position:absolute;right:6px;top:6px;width:0;z-index:10}.illegal-warning .warning-icon{color:#fff;font-size:16px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:8px;transform:translateX(-50%)}.grid-card.illegal-card,.stacked-card.illegal-card{box-shadow:0 0 0 3px #f44336,0 4px 12px #f4433666}.list-card.illegal-card{background:#f443361a;border-left:3px solid #f44336}.list-illegal-warning{color:#f44336;flex-shrink:0;font-size:1rem;margin-right:8px}.basic-lands-summary{display:flex;flex-direction:column;gap:6px}.basic-land-card{position:relative}.basic-land-qty-badge{align-items:center;background:#000000d9;border:2px solid #4caf50;border-radius:14px;color:#4caf50;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;left:38px;min-width:28px;padding:0 8px;position:absolute;top:8px;z-index:10}.basic-land-qty-badge.land-plains{border-color:#f9faf4;color:#f9faf4}.basic-land-qty-badge.land-island{border-color:#0e68ab;color:#0e68ab}.basic-land-qty-badge.land-swamp{border-color:#a69f9d;color:#a69f9d}.basic-land-qty-badge.land-mountain{border-color:#d3202a;color:#d3202a}.basic-land-qty-badge.land-forest{border-color:#00733e;color:#00733e}.basic-land-qty-badge.land-wastes{border-color:#ccc2bf;color:#ccc2bf}.basic-land-item{align-items:center;background:#ffffff0a;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.basic-land-item .land-qty{color:#4caf50;font-weight:600;min-width:30px}.basic-land-item .land-name{color:#ccc;flex:1 1}.basic-land-remove{align-items:center;background:#f4433633;border:none;border-radius:4px;color:#f44336;cursor:pointer;display:flex;font-size:1rem;height:22px;justify-content:center;padding:0;transition:all .15s ease;width:22px}.basic-land-remove:hover{background:#f4433666;transform:scale(1.1)}.basic-land-row{align-items:center;background:#ffffff0a;border-radius:6px;display:flex;justify-content:space-between;padding:10px 14px}.land-name{color:#ccc;font-size:.9rem}.land-qty{color:#4caf50;font-size:.9rem;font-weight:600}.grid-view{display:flex;flex-direction:column;gap:20px}.grid-section{margin-bottom:8px}.grid-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.grid-card{aspect-ratio:488/680;background-color:#1e1e1e;background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 4px 12px #0000004d;cursor:pointer;overflow:hidden;transition:all .2s ease}.grid-card:hover{box-shadow:0 10px 28px #00000080;transform:translateY(-6px) scale(1.02);z-index:10}.list-view{display:flex;flex-direction:column;gap:20px}.list-section{margin-bottom:8px}.list-cards{display:flex;flex-direction:column;gap:4px}.list-card{align-items:center;background:#ffffff0a;border-radius:6px;cursor:pointer;display:flex;gap:14px;padding:8px 14px;transition:all .2s ease}.list-card:hover{background:#ffffff14;transform:translateX(4px)}.list-card-cmc{align-items:center;background:#4caf5033;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.list-card-cmc,.list-card-qty{color:#4caf50;flex-shrink:0;font-size:.8rem;font-weight:600}.list-card-qty{margin-right:6px}.list-card-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500}.list-card-type{color:#888;font-size:.75rem;max-width:180px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.deck-tooltip-inline{animation:tooltipIn .15s ease-out;pointer-events:none;position:fixed;z-index:1000}.deck-tooltip-inline img{border-radius:4.75%;box-shadow:0 16px 48px #000c;height:auto;width:250px}body:not(.dark-mode) .stat-card{background:#fffffff2;border-color:#00000014}body:not(.dark-mode) .stat-card h4{color:#666}body:not(.dark-mode) .completion-number{color:#222}body:not(.dark-mode) .view-controls-row{background:#f0f0f0cc;border-color:#00000014}body:not(.dark-mode) .view-btn{background:#0000000d;border-color:#0000001a;color:#666}body:not(.dark-mode) .view-btn:hover{background:#00000014;color:#222}body:not(.dark-mode) .sort-control select{background:#fff;border-color:#00000026;color:#222}body:not(.dark-mode) .section-title{color:#388e3c}body:not(.dark-mode) .stacked-card{background-color:#f5f5f5}body:not(.dark-mode) .basic-land-row{background:#0000000a}body:not(.dark-mode) .land-name{color:#444}body:not(.dark-mode) .grid-card{background-color:#f5f5f5}body:not(.dark-mode) .list-card{background:#0000000a}body:not(.dark-mode) .list-card:hover{background:#00000014}body:not(.dark-mode) .empty-state h3,body:not(.dark-mode) .list-card-name{color:#222}@media (max-width:768px){.deck-overview-inline{padding:8px 8px 32px}.stats-row{flex-direction:column;gap:12px;margin-bottom:16px}.stat-card{min-width:100%;padding:12px}.stat-card h4{font-size:.9rem;margin-bottom:8px}.deck-completion{align-items:center;flex-direction:row;gap:16px;justify-content:center;max-width:100%}.completion-ring{height:60px;width:60px}.completion-number{font-size:1.1rem}.completion-label{font-size:.7rem}.slots-remaining{margin:0;text-align:left}.mana-curve{min-width:100%}.curve-chart{height:60px}.curve-count{font-size:.6rem}.curve-label{font-size:.65rem;padding:2px 4px}.color-distribution{min-width:100%}.color-pips{gap:8px}.mana-symbol{height:22px;width:22px}.pip-count{font-size:.75rem}.view-controls-row{flex-direction:column;gap:10px;overflow:hidden;padding:10px}.view-buttons{flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.view-btn{flex:0 1 auto;font-size:.7rem;min-width:0;padding:6px 10px;text-align:center;white-space:nowrap}.card-search-container{margin:0;max-width:100%;order:-1;width:100%}.card-search-input{box-sizing:border-box;font-size:16px;padding:10px 14px;width:100%}.sort-control{justify-content:center;width:100%}.sort-control select{flex:1 1;font-size:16px;min-width:0}.stacked-sections{flex-direction:column;gap:16px}.stacked-section{max-width:100%;min-width:100%}.section-title{font-size:1rem;margin-bottom:8px}.stacked-card{border-radius:10px 10px 0 0;height:54px;margin-bottom:-18px}.stacked-card:last-child{aspect-ratio:488/680;border-radius:10px;height:auto;margin-bottom:0}.stacked-card-image{border-radius:10px 10px 0 0;height:auto}.stacked-card-name{font-size:.65rem;max-width:85%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.remove-card-btn{font-size:.7rem;height:20px;right:2px;top:2px;width:20px}.basic-land-badge{font-size:.6rem;padding:2px 5px;top:2px}.grid-cards{gap:8px;grid-template-columns:repeat(3,1fr)}.grid-card,.grid-card-image{border-radius:6px}.grid-card-name{font-size:.65rem;padding:4px}.list-cards{gap:6px}.list-card{gap:8px;padding:8px 10px}.list-card-name{font-size:.85rem}.list-card-cmc,.list-card-type{font-size:.7rem}.export-section{margin-top:16px;padding:12px}.export-section h4{font-size:.9rem;margin-bottom:10px}.export-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:.8rem;min-width:0;padding:10px 12px}.export-btn.save-deck{flex:1 1 100%}.viewer-header{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:12px}.viewer-header .back-button{font-size:.85rem;padding:8px 14px}.viewer-header .deck-title h2{font-size:1.2rem}.viewer-header .commander-name{font-size:.85rem}.card-tooltip{display:none!important}}@media (max-width:480px){.view-buttons{flex-wrap:wrap}.view-btn{font-size:.7rem;padding:6px 8px}.grid-cards{gap:6px;grid-template-columns:repeat(2,1fr)}.stacked-card{height:48px;margin-bottom:-14px}.stacked-card:last-child{aspect-ratio:488/680;height:auto;margin-bottom:0}.stacked-card-name{font-size:.6rem;max-width:80%;padding:2px 5px}.export-btn{font-size:.75rem;padding:8px 10px}.color-pips{gap:6px}.mana-symbol{height:18px;width:18px}.pip-count{font-size:.7rem}}.mobile-card-modal-overlay{display:none}@media (max-width:768px){.mobile-card-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-card-modal{align-items:center;animation:scaleIn .2s ease-out;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:90vw}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-card-modal-dfc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mobile-card-modal-image{border-radius:12px;box-shadow:0 8px 32px #00000080;height:auto;max-height:65vh;max-width:280px;width:auto}.mobile-card-modal-dfc .mobile-card-modal-image{max-height:50vh;max-width:140px}.mobile-card-modal-remove{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:10px;box-shadow:0 4px 16px #f4433666;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s ease}.mobile-card-modal-remove:active,.mobile-card-modal-remove:hover{background:linear-gradient(135deg,#e53935,#c62828);transform:scale(1.02)}}.saved-deck-viewer{animation:fadeInPage .4s ease-out;margin:0 auto;max-width:1200px;padding:24px}.deck-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.deck-header-section .back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .2s ease}.deck-header-section .back-button:hover{background:#fff3}.deck-title-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin:0}.deck-commander-label{color:#888;font-size:1rem}.deck-actions-row{display:flex;gap:12px;margin-left:auto}.deck-actions-row .edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.deck-actions-row .edit-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.deck-stats-bar{background:#1e1e1ecc;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:24px;margin-bottom:32px;padding:20px}.deck-stats-bar .stat{align-items:center;display:flex;flex-direction:column}.deck-stats-bar .stat-value{color:#4caf50;font-size:1.8rem;font-weight:700}.deck-stats-bar .stat-label{color:#888;font-size:.85rem}.saved-deck-cards h3{color:#fff;font-size:1.2rem;margin:24px 0 16px}.saved-deck-cards .card-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.saved-card-item{background:#282828cc;border:1px solid #ffffff14;border-radius:8px;color:#ddd;cursor:pointer;font-size:.9rem;padding:10px 14px;transition:all .2s ease}.saved-card-item:hover{background:#4caf5033;border-color:#4caf5066}.error-state{padding:80px 40px;text-align:center}.error-state h2{font-size:2rem;margin-bottom:16px}.error-state p{color:#888;margin-bottom:24px}.error-state .back-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px}.card-preview-tooltip img{border-radius:12px;box-shadow:0 8px 32px #0009;width:250px}body:not(.dark-mode) .saved-deck-viewer .deck-header-section .back-button{background:#0000000d;border-color:#0000001a;color:#333}body:not(.dark-mode) .saved-deck-viewer .deck-stats-bar{background:#ffffffe6}body:not(.dark-mode) .saved-deck-viewer .saved-card-item{background:#ffffffe6;color:#333}.card-selector{animation:fadeInPage .4s ease-out;display:flex;gap:24px;padding:24px}.main-content{flex:1 1;min-width:0}.controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:0 8px}.edhrec-link-btn{align-items:center;background:linear-gradient(135deg,#7b2d8e,#5a2266);border:none;border-radius:8px;box-shadow:0 2px 8px #7b2d8e4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.edhrec-link-btn:hover{background:linear-gradient(135deg,#8e3fa3,#6b2a7a);box-shadow:0 4px 12px #7b2d8e66;transform:translateY(-1px)}.navigation{gap:24px}.nav-button,.navigation{align-items:center;display:flex;justify-content:center}.nav-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.5rem;height:48px;transition:all .2s ease;width:48px}.nav-button:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:scale(1.05)}.nav-button:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.type-info{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:200px}.type-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0;text-transform:capitalize}.average-count,.selected-count{color:#888;font-size:.9rem;margin:0}.selected-count{color:#4caf50;font-weight:600}.navigation-count{color:#666;font-size:.8rem;margin:0}.cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:8px}.card-container{align-items:center;animation:cardFadeIn .3s ease-out;animation-fill-mode:both;display:flex;flex-direction:column;position:relative}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-container:first-child{animation-delay:.02s}.card-container:nth-child(2){animation-delay:.04s}.card-container:nth-child(3){animation-delay:.06s}.card-container:nth-child(4){animation-delay:.08s}.card-container:nth-child(5){animation-delay:.1s}.card-container:nth-child(6){animation-delay:.12s}.card-container:nth-child(7){animation-delay:.14s}.card-container:nth-child(8){animation-delay:.16s}.card-container:nth-child(9){animation-delay:.18s}.card-container:nth-child(10){animation-delay:.2s}.card{aspect-ratio:488/680;background-color:#1e1e1e;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4.75%/3.4%;box-shadow:0 4px 12px #0000004d;cursor:pointer;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.card:not([style*=url]){background:linear-gradient(135deg,#252525,#1a1a1a)}.card:not([style*=url]):after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.card:hover{box-shadow:0 16px 40px #0006;transform:translateY(-8px) scale(1.02);z-index:10}.card.selected{box-shadow:0 0 0 3px #0f8,0 0 20px #0f86,0 8px 24px #0000004d;transform:translateY(-4px)}.card.selected:after{background:#00ff8840;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.card.selected:hover{box-shadow:0 0 0 3px #0f8,0 0 30px #00ff8880,0 16px 40px #0006;transform:translateY(-8px) scale(1.02)}.card.selected:before{align-items:center;animation:popIn .2s ease-out;background:#0f8;border-radius:50%;color:#000;content:"✓";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:5}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.card-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border:1px solid #ffffff1a;border-radius:10px;bottom:-20px;box-shadow:0 4px 12px #0006;left:50%;padding:8px 14px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:5}.card-name{color:#fff;font-size:.85rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-synergy{color:#4caf50;font-size:.75rem;font-weight:500;margin:3px 0 0}.selected-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ef2;border:1px solid #ffffff14;border-radius:16px;max-height:calc(100vh - 150px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:88px;width:280px}.selected-sidebar h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin:0 0 16px}.selected-sidebar h3:after{background:linear-gradient(90deg,#4caf504d,#0000);content:"";flex:1 1;height:1px;margin-left:12px}.selected-group{margin-bottom:20px}.selected-group h4{color:#4caf50;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.selected-cards-list{display:flex;flex-direction:column;gap:2px}.selected-card-item{background-position:0 -16px;background-size:cover;border:1px solid #ffffff1a;border-radius:10px;-webkit-clip-path:inset(0 12px 0 12px round 4px);clip-path:inset(0 12px 0 12px round 4px);cursor:pointer;height:20px;position:relative;transition:all .2s ease}.selected-card-item.sideways-card{align-items:center;background:linear-gradient(135deg,#3c3c3ce6,#282828e6);border-radius:4px;-webkit-clip-path:none;clip-path:none;display:flex;justify-content:center}.sideways-card-name{color:#ddd;font-size:.65rem;font-weight:500;max-width:100%;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.selected-card-item:hover{box-shadow:0 4px 12px #0006;transform:scale(1.03);z-index:5}.card-tooltip{animation:tooltipIn .15s ease-out;background-position:50%;background-size:cover;border-radius:4.75%/3.4%;box-shadow:0 20px 60px #000c;height:468px;pointer-events:none;position:fixed;width:336px;z-index:1000}.card-tooltip.card-tooltip-dfc{background:#0000;border-radius:0;box-shadow:none;display:flex;gap:8px;height:auto;width:auto}.card-tooltip-dfc .card-tooltip-face{background-position:50%;background-size:cover;border-radius:4.75%/3.4%;box-shadow:0 20px 60px #000c;height:468px;width:336px}.manabase-empty{align-items:center;display:flex;justify-content:center;padding:40px;text-align:center;width:100%}.manabase-empty p{color:#888;font-size:1rem;line-height:1.5;max-width:400px}@keyframes tooltipIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.manabase-container{align-items:center;animation:fadeInPage .4s ease-out;display:flex;flex-direction:column;gap:30px;grid-column:1/-1;padding:20px;width:100%}.smart-manabase-toggle{display:flex;justify-content:center;margin-bottom:10px;width:100%}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-slider{background:#3c3c3ccc;border:1px solid #ffffff1a;border-radius:13px;height:26px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background:#888;border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.toggle-checkbox:checked+.toggle-slider{background:linear-gradient(135deg,#4caf50,#45a049)}.toggle-checkbox:checked+.toggle-slider:before{background:#fff;transform:translateX(24px)}.toggle-text{color:#4caf50;font-size:1.1rem;font-weight:600}.smart-manabase-generator{align-items:center;background:#28282899;border:1px solid #4caf504d;border-radius:12px;display:flex;flex-direction:column;gap:20px;max-width:500px;padding:30px;width:100%}.smart-manabase-inputs-row{display:flex;gap:30px;justify-content:center;width:100%}.smart-manabase-input-group{align-items:center;display:flex;flex-direction:column;gap:10px}.smart-manabase-input-group label{color:#fff;font-size:1rem;font-weight:600}.smart-manabase-input{background:#1e1e1ecc;border:2px solid #4caf5080;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:600;padding:12px;text-align:center;transition:all .2s ease;width:100px}.smart-manabase-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.generate-manabase-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.generate-manabase-btn:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.generate-manabase-btn:disabled{cursor:not-allowed;opacity:.6}.smart-manabase-description{color:#888;font-size:.9rem;line-height:1.5;margin:0;text-align:center}.smart-manabase-warning{color:#ff9800;font-size:.85rem;margin:0;text-align:center}.smart-manabase-error{background:#f443361a;border-radius:6px;color:#f44336;font-size:.85rem;margin:0;padding:8px 12px;text-align:center}.generated-lands-results{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-top:10px;padding:20px;width:100%}.generated-lands-results h4{color:#4caf50;font-size:1rem;font-weight:600;margin:0 0 15px;text-align:center}.generated-lands-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:200px;overflow-y:auto;padding:10px}.generated-land-item{align-items:center;background:#282828cc;border-radius:6px;display:flex;font-size:.85rem;gap:6px;padding:6px 12px}.land-quantity{color:#4caf50;font-weight:600}.land-name{color:#fff}.apply-manabase-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin-top:15px;padding:12px;transition:all .2s ease;width:100%}.apply-manabase-btn:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.manual-lands-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.manabase-land-selector{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:15px;width:180px}.manabase-land-image{background-position:50%;background-size:cover;border-radius:4.75%/3.5%;box-shadow:0 8px 24px #0006;height:210px;transition:all .25s ease;width:150px}.manabase-land-image:hover{box-shadow:0 12px 32px #00000080;transform:scale(1.05) translateY(-4px)}.manabase-land-controls{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.manabase-land-controls label{color:#fff;font-size:1rem;font-weight:600}.quantity-controls{align-items:center;background:#282828cc;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:10px;padding:10px}.qty-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:36px;transition:all .2s ease;width:36px}.qty-button:hover{box-shadow:0 4px 12px #4caf5066;transform:scale(1.05)}.qty-input{background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:8px;text-align:center;width:50px}.qty-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.manabase-summary{display:flex;flex-direction:column;gap:6px}.manabase-land-count{background:#3c3c3c99;border:1px solid #ffffff0d;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 14px}.export-buttons{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px}.export-moxfield-button,.export-tcgplayer-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.export-moxfield-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.export-moxfield-button:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.export-tcgplayer-button{background:linear-gradient(135deg,#0073b9,#005f99);color:#fff}export-tcgplayer-button:hover{box-shadow:0 6px 20px #0073b966;transform:translateY(-2px)}body:not(.dark-mode) .export-buttons{border-top-color:#0000001a}.dark-mode .card{background-color:#1e1e1e}.dark-mode .card-bubble{background:#000000f2;border-color:#4caf5033}.dark-mode .card-name{color:#fff}.dark-mode .card-synergy{color:#0f8}.dark-mode .selected-sidebar{background:#1e1e1ef2}body:not(.dark-mode) .card{background-color:#f5f5f5}body:not(.dark-mode) .card-bubble{background:#fffffff2;border-color:#0000001a}body:not(.dark-mode) .card-name{color:#222}body:not(.dark-mode) .card-synergy{color:#2e7d32}body:not(.dark-mode) .selected-sidebar{background:#fffffff2;border-color:#00000014}body:not(.dark-mode) .selected-sidebar h3{color:#222}body:not(.dark-mode) .selected-group h4{color:#2e7d32}body:not(.dark-mode) .quantity-controls{background:#f0f0f0e6;border-color:#0000001a}body:not(.dark-mode) .qty-input{background:#fff;border-color:#00000026;color:#222}body:not(.dark-mode) .manabase-land-controls label{color:#222}body:not(.dark-mode) .manabase-land-count{background:#f0f0f0cc;color:#222}@media (max-width:900px){.card-selector{flex-direction:column;gap:16px;padding:16px 16px 32px}.selected-sidebar{border-radius:12px;max-height:300px;order:-1;overflow-y:auto;padding:16px;position:relative;top:0;width:100%}.main-content{order:1;width:100%}.controls{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.navigation{justify-content:center;order:1;width:100%}.filter-dropdown{order:2;width:100%}.edhrec-link-btn{justify-content:center;order:3;text-align:center;width:100%}.cards-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.selected-cards-list{flex-direction:row;flex-wrap:wrap;gap:8px}.selected-card-item{background-position:top;border-radius:6px;-webkit-clip-path:none;clip-path:none;flex-shrink:0}.selected-card-item,.selected-card-item.sideways-card{height:84px;width:60px}.sideways-card-name{font-size:.55rem;text-orientation:mixed;writing-mode:vertical-rl}.export-buttons{flex-wrap:wrap}.export-buttons button{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:120px}}@media (max-width:600px){.card-selector{gap:12px;padding:12px}.navigation{gap:8px}.nav-button{border-radius:8px;font-size:1rem;height:36px;width:36px}.type-info{min-width:100px}.type-info h2{font-size:1rem}.average-count,.navigation-count,.selected-count{font-size:.75rem}.edhrec-link-btn{font-size:.8rem;padding:8px 12px}.cards-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:4px}.card-container{width:100%}.card-image{height:auto;padding-top:139.5%;width:100%}.selected-sidebar{max-height:250px;padding:12px}.selected-sidebar h3{font-size:.95rem;margin-bottom:10px}.selected-group h4{font-size:.75rem;margin-bottom:6px}.selected-card-item,.selected-card-item.sideways-card{height:70px;width:50px}.sideways-card-name{font-size:.5rem}.manabase-summary{display:flex;flex-wrap:wrap;gap:6px}.manabase-land-count{font-size:.75rem;padding:4px 8px}.export-buttons{flex-direction:column;gap:8px}.export-buttons button{font-size:.85rem;padding:10px;width:100%}.manabase-container{gap:12px;padding:8px}.manual-lands-grid{gap:16px;justify-content:center}.manabase-land-selector{width:100px}.manabase-land-image{height:126px;width:90px}.manabase-land-controls label{font-size:.8rem}.quantity-controls{gap:4px}.qty-button{font-size:1rem;height:28px;width:28px}.qty-input{width:36px}.qty-input,.smart-manabase-toggle .toggle-text{font-size:.9rem}.smart-manabase-inputs-row{flex-direction:column;gap:12px}.smart-manabase-input,.smart-manabase-input-group{width:100%}.generate-manabase-btn{padding:12px;width:100%}.smart-manabase-description{font-size:.8rem}.generated-lands-results h4{font-size:.95rem}.generated-land-item{font-size:.85rem}.card-tooltip{display:none}}@media (max-width:380px){.cards-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.navigation{gap:4px}.nav-button{height:32px;width:32px}.nav-button,.type-info h2{font-size:.9rem}.selected-card-item{height:59px;width:42px}.manabase-land-selector{width:80px}.manabase-land-image{height:98px;width:70px}}.faq-page{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:800px;padding:40px 20px 80px}.faq-header{margin-bottom:48px;text-align:center}.faq-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 12px}.faq-subtitle{color:#888;font-size:1.1rem;margin:0}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#4caf504d}.faq-item.open{background:#4caf500d;border-color:#4caf5066}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.question-text{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.4}.faq-icon{align-items:center;background:#4caf5026;border-radius:50%;color:#4caf50;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.faq-item.open .faq-icon{background:#4caf50;color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{color:#aaa;font-size:1rem;line-height:1.7;margin:0;padding:0 24px 20px}.faq-footer{background:linear-gradient(135deg,#4caf501a,#00ff880d);border:1px solid #4caf5033;border-radius:16px;margin-top:64px;padding:40px;text-align:center}.faq-footer h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px}.faq-footer p{color:#888;margin:0 0 24px}.faq-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.faq-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.faq-link:hover{background:#4caf5026;border-color:#4caf5066;transform:translateY(-2px)}.faq-link span{font-size:1.2rem}body:not(.dark-mode) .faq-header h1{background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .faq-subtitle{color:#666}body:not(.dark-mode) .faq-item{background:#00000005;border-color:#00000014}body:not(.dark-mode) .faq-item:hover{background:#0000000a}body:not(.dark-mode) .question-text{color:#222}body:not(.dark-mode) .faq-answer p{color:#555}body:not(.dark-mode) .faq-footer{background:linear-gradient(135deg,#4caf5014,#00ff8808)}body:not(.dark-mode) .faq-footer h3{color:#222}body:not(.dark-mode) .faq-footer p{color:#666}body:not(.dark-mode) .faq-link{background:#00000008;border-color:#0000001a;color:#333}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.faq-header h1{font-size:1.8rem}.faq-question{padding:16px 18px}.question-text{font-size:.95rem}.faq-answer p{font-size:.9rem;padding:0 18px 16px}.faq-footer{padding:30px 20px}}.my-decks-page{animation:fadeInPage .4s ease-out;margin:0 auto;max-width:1200px;padding:40px 24px}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.my-decks-page h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 32px}.not-signed-in{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.not-signed-in h2{margin-bottom:16px}.not-signed-in p{color:#888;font-size:1.1rem;margin-bottom:24px}.not-signed-in .sign-in-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s ease}.not-signed-in .sign-in-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.error,.loading{color:#888;font-size:1.1rem;padding:60px 20px;text-align:center}.error{color:#f44336}.no-decks{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.no-decks .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-decks h3{color:#fff;font-size:1.4rem;margin:0 0 8px}.no-decks p{color:#888;font-size:1rem;margin:0}.decks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.deck-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ef2;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;padding:20px;transition:all .2s ease}.deck-card:hover{border-color:#4caf504d;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.deck-header{margin-bottom:12px}.deck-name{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 4px}.deck-commander{color:#4caf50;font-size:.9rem}.deck-stats{color:#888;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:16px}.deck-actions{display:flex;gap:8px;justify-content:flex-end}.deck-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.deck-action-btn.edit{background:#4caf50;color:#fff}.deck-action-btn.edit:hover{background:#45a049;transform:scale(1.05)}.deck-action-btn.copy{background:#6366f133}.deck-action-btn.copy:hover{background:#6366f166;transform:scale(1.05)}.deck-action-btn.delete{background:#f4433633}.deck-action-btn.delete:hover{background:#f4433666;transform:scale(1.05)}body:not(.dark-mode) .deck-card{background:#fffffff2;border-color:#00000014}body:not(.dark-mode) .deck-name,body:not(.dark-mode) .no-decks h3{color:#222}@media (max-width:600px){.my-decks-page{padding:24px 16px}.my-decks-page h2{font-size:1.6rem}.decks-grid{grid-template-columns:1fr}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-xl) var(--spacing-lg)}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer-content .data-attribution{border-bottom:1px solid var(--color-border);color:#bbb;color:var(--color-text-secondary,#bbb);font-size:.9rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.footer-content p{color:var(--color-text-muted);font-size:.75rem;line-height:1.5;margin:0 0 var(--spacing-sm)}.footer-content p:last-child{margin-bottom:0}.footer-content a{color:var(--color-highlight);text-decoration:none;transition:color var(--transition-fast)}.footer-content a:hover{color:var(--color-accent);text-decoration:underline}@media (max-width:600px){.footer{padding:var(--spacing-lg) var(--spacing-md)}.footer-content p{font-size:.7rem}}.App{min-height:100vh;position:relative}.main-container{margin:0 auto;max-width:1400px;padding:40px 24px}.hero-section{margin-bottom:40px;padding:40px 0;text-align:center}.hero-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#4caf50,#0f8,#4caf50);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:4rem;font-weight:800;letter-spacing:-2px;margin:0 0 16px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-tagline{color:#888;font-size:1.3rem;font-weight:400;margin:0}.hero-attribution{color:#666;font-size:.95rem;font-weight:400;margin:12px 0 0}.hero-attribution a{color:#4caf50;font-weight:600;text-decoration:none}.hero-attribution a:hover{text-decoration:underline}.dark-mode .hero-tagline{color:#aaa}.dark-mode .hero-attribution{color:#888}.random-commander-btn{background-color:#6c5ce7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:8px 16px;transition:background-color .2s}.random-commander-btn:hover:not(:disabled){background-color:#5b4cdb}.random-commander-btn:disabled{cursor:not-allowed;opacity:.5}.how-it-works{border:1px solid #ffffff0d;border-radius:20px;margin:60px 0;padding:48px}.dark-mode .how-it-works,.how-it-works{background:#ffffff05}.how-it-works h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 36px;text-align:center}.dark-mode .how-it-works h2{color:#fff}.steps{display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.step{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex:1 1;max-width:300px;min-width:220px;padding:24px;text-align:center;transition:all .3s ease}.step:hover{background:#4caf500d;border-color:#4caf5033;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,#4caf50,#0f8);border-radius:50%;box-shadow:0 4px 20px #4caf504d;color:#000;display:inline-flex;font-size:1.3rem;font-weight:700;height:48px;justify-content:center;margin-bottom:20px;width:48px}.step h3{font-size:1.1rem;font-weight:600;margin:0 0 12px}.dark-mode .step h3,.step h3{color:#fff}.step p{font-size:.95rem;line-height:1.6;margin:0}.dark-mode .step p,.step p{color:#888}.breadcrumb{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.breadcrumb-link{background:none;border:none;border-radius:8px;color:#4caf50;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.breadcrumb-link:hover{background:#4caf501a}.breadcrumb-separator{color:#555;font-size:1.2rem}.breadcrumb-current{color:#888;font-size:1rem}.commander-header{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:32px;padding:24px;text-align:center}.commander-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.commander-name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#0f8);-webkit-background-clip:text;background-clip:text;font-weight:700}.commander-subtitle{color:#888;font-size:1rem;margin:0}.error-message{align-items:center;background:#ff52521a;border:1px solid #ff52524d;border-radius:12px;color:#ff5252;display:inline-flex;font-size:.95rem;gap:10px;margin-top:20px;padding:16px 24px}.error-icon{font-size:1.2rem}body.dark-mode{background-color:#0a0a0a;color:#fff}.dark-mode .App{background-color:initial;color:#fff}body:not(.dark-mode){background-color:#f8f9fa;color:#222}body:not(.dark-mode) .hero-tagline{color:#666}body:not(.dark-mode) .how-it-works{background:#00000005;border-color:#0000000d}body:not(.dark-mode) .how-it-works h2{color:#222}body:not(.dark-mode) .step{background:#00000005;border-color:#0000000d}body:not(.dark-mode) .step h3{color:#222}body:not(.dark-mode) .step p{color:#666}body:not(.dark-mode) .breadcrumb{background:#00000005;border-color:#0000000d}body:not(.dark-mode) .breadcrumb-current{color:#666}body:not(.dark-mode) .commander-header{background:#00000005;border-color:#0000000d}body:not(.dark-mode) .commander-title{color:#222}body:not(.dark-mode) .commander-subtitle{color:#666}@media (max-width:768px){.main-container{padding:24px 16px}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.1rem}.how-it-works{margin:40px 0;padding:32px 20px}.steps{gap:24px}.step{min-width:100%}.breadcrumb{flex-wrap:wrap;gap:8px}.popular-commanders-grid{grid-template-columns:repeat(2,1fr)}}.popular-commanders{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin:60px 0;padding:48px}.popular-commanders h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 8px;text-align:center}.popular-commanders-subtitle{color:#888;font-size:1rem;margin:0 0 36px;text-align:center}.popular-commanders-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;max-width:900px}.popular-commander-card{background:#ffffff05;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.popular-commander-card:hover{border-color:#4caf50;box-shadow:0 12px 32px #4caf5033;transform:translateY(-6px)}.popular-commander-image{aspect-ratio:4/3;background-color:#1a1a1a;background-position:50%;background-size:cover;position:relative;width:100%}.popular-commander-image.loading{overflow:hidden}.popular-commander-image.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.popular-commander-name{align-items:center;background:#00000080;color:#fff;display:flex;flex:1 1;font-size:.9rem;font-weight:600;justify-content:center;padding:12px 16px;text-align:center}
/*# sourceMappingURL=main.a25178c3.css.map*/