@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap);.step-nav{background:var(--surface);border-bottom:1px solid var(--border);gap:0;overflow-x:auto;padding:1rem 2rem}.step-nav,.step-pill{align-items:center;display:flex}.step-pill{background:#0000;border:1px solid #0000;border-radius:20px;cursor:default;font-family:var(--font-display);font-size:.7rem;gap:.5rem;letter-spacing:.08em;padding:.4rem .9rem;transition:all .2s;white-space:nowrap}.step-num{align-items:center;border-radius:50%;display:flex;font-size:.65rem;font-weight:700;height:1.4rem;justify-content:center;width:1.4rem}.step-active{background:#a78bfa1a;border-color:var(--accent-hi);color:var(--accent-hi)}.step-active .step-num{background:var(--accent-hi);color:var(--bg)}.step-done{color:var(--gold);cursor:pointer}.step-done .step-num{background:var(--gold);color:var(--bg)}.step-done:hover{border-color:var(--gold);color:var(--gold-hi)}.step-future{color:var(--text-dim)}.step-future .step-num{background:var(--surface3);color:var(--text-dim)}.step-accessible{color:var(--success);cursor:pointer;opacity:.8}.step-accessible .step-num{background:var(--success);color:var(--bg)}.step-accessible:hover{border-color:var(--success);opacity:1}.step-connector{background:var(--border);flex:1 1;height:1px;max-width:3rem;min-width:1.5rem;transition:background .3s}.step-connector.done{background:var(--gold)}.deck-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem 1rem}.sidebar-title{border-bottom:1px solid var(--border);color:var(--gold);font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;padding-bottom:.75rem}.sidebar-section{padding:.25rem;transition:background .15s}.sidebar-section,.sidebar-section[onClick],.sidebar-section[style*="cursor: pointer"]{border-radius:var(--radius-sm)}.sidebar-section[style*="cursor: pointer"]:hover{background:var(--surface2)}.sidebar-section h3{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-display);font-size:.65rem;justify-content:space-between;letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.sidebar-count{color:var(--accent-hi);font-family:var(--font-body);font-size:.8rem}.sidebar-single-card{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.4rem .6rem}.sidebar-single-card img{border-radius:3px;height:44px;object-fit:cover;width:32px}.sidebar-single-card span{color:var(--text);font-size:.85rem;font-style:italic}.sidebar-progress{background:var(--surface3);border-radius:2px;height:4px;margin-top:.4rem;overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg,var(--accent) 0,var(--accent-hi) 100%);border-radius:2px;height:100%;transition:width .3s ease}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.thumb{aspect-ratio:744/1039;background:var(--surface2);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.thumb-landscape{aspect-ratio:1039/744;grid-column:span 2}.thumb:hover{border-color:var(--accent);box-shadow:0 6px 20px #7b5ea759;transform:translateY(-3px)}.thumb-selected{border-color:var(--gold)!important;box-shadow:0 0 16px #c9a84c80!important}.thumb-disabled{cursor:default;opacity:.35;transform:none!important}.thumb img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.thumb:hover img{transform:scale(1.04)}.thumb-placeholder{align-items:center;color:var(--text-dim);display:flex;font-size:.7rem;height:100%;justify-content:center;padding:.5rem;text-align:center;width:100%}.thumb-overlay{background:linear-gradient(0deg,#000000d9 0,#0000);bottom:0;display:flex;flex-direction:column;gap:.2rem;left:0;padding:1.5rem .4rem .4rem;position:absolute;right:0}.thumb-name{color:#fff;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-tags{display:flex;flex-wrap:wrap;gap:.2rem}.pip{background:#00000080;border-radius:10px;color:#fff;font-size:.55rem;font-weight:700;padding:.1rem .3rem}.pip-energy{background:#c9a84cb3}.pip-might{background:#e05c5cb3}.pip-power{background:#7b5ea7b3}.thumb-badge{background:var(--accent);border:1px solid var(--accent-hi);border-radius:10px;color:#fff;font-size:.6rem;padding:.15rem .4rem;right:.3rem}.thumb-badge,.thumb-variant{font-family:var(--font-display);font-weight:700;position:absolute;top:.3rem}.thumb-variant{background:#c9a84ce6;border:1px solid var(--gold-hi);border-radius:8px;color:var(--bg);font-size:.55rem;left:.3rem;letter-spacing:.05em;padding:.15rem .35rem;text-transform:uppercase}.card-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.step-content{overflow-y:auto}.step-content,.step-with-list{flex:1 1;padding:1.25rem 1.5rem}.step-with-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:280px 1fr;overflow:hidden}.step-list-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.step-list-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-family:var(--font-display);font-size:.7rem;justify-content:space-between;letter-spacing:.1em;margin-bottom:.25rem;padding-bottom:.5rem;text-transform:uppercase}.step-grid-panel{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.step-grid-panel .search-input{align-self:stretch;flex:none;width:100%}.step-desc{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:.75rem}.validation-warning{background:#e05c5c1a;border:1px solid #e05c5c4d;border-radius:var(--radius-sm);color:var(--danger);font-size:.8rem;font-style:italic;padding:.4rem .6rem}.filter-row{display:flex;gap:.75rem;margin-bottom:1rem}.filter-row .search-input{flex:1 1;min-width:180px}.filter-row .filter-select{min-width:150px}.bf-selected{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;min-height:2rem}.bf-chip{align-items:center;background:var(--surface2);border:1px solid var(--gold);border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.3rem .6rem}.bf-chip img{border-radius:2px;height:26px;object-fit:cover;width:36px}.bf-chip span{color:var(--gold);font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em}.bf-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:0 .1rem;transition:color .15s}.bf-chip button:hover{color:var(--danger)}.build-layout{display:grid;flex:1 1;grid-template-columns:260px 1fr;min-height:0}.build-main{display:flex;flex-direction:column;overflow:hidden}.build-step-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem .75rem}.build-step-header h2{color:var(--text);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em}@media (max-width:900px){.build-layout{grid-template-columns:1fr}.deck-sidebar{display:none}.step-with-list{grid-template-columns:1fr}}:root{--bg:#0c0c14;--surface:#13131f;--surface2:#1c1c2e;--surface3:#242438;--border:#2e2e4a;--border-hi:#5a4fcf;--accent:#7b5ea7;--accent-hi:#a78bfa;--gold:#c9a84c;--gold-hi:#f0cc6e;--text:#ddd8f0;--text-muted:#7a7a9a;--text-dim:#4a4a6a;--danger:#e05c5c;--success:#4caf7d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-display:"Cinzel",serif;--font-body:"Crimson Pro",Georgia,serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c14;background:var(--bg);color:#ddd8f0;color:var(--text);font-family:Crimson Pro,Georgia,serif;font-family:var(--font-body);font-size:1rem;line-height:1.5}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{background:#13131f;background:var(--surface);border-bottom:1px solid #2e2e4a;border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-left{align-items:center;display:flex;gap:1rem}.header-right{align-items:center;display:flex;gap:.75rem}.app-header h1{color:#c9a84c;color:var(--gold);font-size:1.5rem;font-weight:700;letter-spacing:.15em;text-shadow:0 0 24px #c9a84c66}.app-header h1,.header-sub{font-family:Cinzel,serif;font-family:var(--font-display)}.header-sub{color:#7a7a9a;color:var(--text-muted);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,#7b5ea7,#5a3f8a);background:linear-gradient(135deg,var(--accent) 0,#5a3f8a 100%);border:1px solid #a78bfa;border:1px solid var(--accent-hi);border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Cinzel,serif;font-family:var(--font-display);font-size:.75rem;letter-spacing:.08em;padding:.5rem 1.25rem;transition:all .2s}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-primary:disabled{cursor:default;opacity:.4;transform:none}.btn-ghost{background:#0000;border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#7a7a9a;color:var(--text-muted);cursor:pointer;font-family:Cinzel,serif;font-family:var(--font-display);font-size:.75rem;letter-spacing:.08em;padding:.5rem 1rem;transition:all .2s}.btn-ghost:hover{border-color:#a78bfa;border-color:var(--accent-hi);color:#a78bfa;color:var(--accent-hi)}.btn-finish{background:linear-gradient(135deg,#4caf7d,#2e7d54);border-color:#6ddfaa}.deck-name-input{background:#0000;border:none;border-bottom:1px solid #2e2e4a;border-bottom:1px solid var(--border);color:#ddd8f0;color:var(--text);font-family:Cinzel,serif;font-family:var(--font-display);font-size:1rem;letter-spacing:.05em;padding:.25rem .5rem;transition:border-color .2s;width:240px}.deck-name-input:focus{border-color:#a78bfa;border-color:var(--accent-hi);outline:none}.deck-name-input::placeholder{color:#4a4a6a;color:var(--text-dim)}.slot-row{align-items:center;background:#1c1c2e;background:var(--surface2);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.3rem .4rem;transition:background .15s}.slot-row:hover{background:#242438;background:var(--surface3)}.slot-img{border-radius:3px;flex-shrink:0;height:38px;object-fit:cover;width:28px}.slot-name{color:#ddd8f0;color:var(--text);flex:1 1;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-controls{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.slot-copies{color:#a78bfa;color:var(--accent-hi);font-family:Cinzel,serif;font-family:var(--font-display);font-size:.75rem;min-width:1.5rem;text-align:center}.slot-btn{align-items:center;background:#242438;background:var(--surface3);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:50%;color:#ddd8f0;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;height:1.4rem;justify-content:center;line-height:1;transition:all .15s;width:1.4rem}.slot-btn:hover:not(:disabled){border-color:#a78bfa;border-color:var(--accent-hi);color:#a78bfa;color:var(--accent-hi)}.slot-btn:disabled{cursor:default;opacity:.3}.browse-main{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.browse-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.card-count{color:#7a7a9a;color:var(--text-muted);font-size:.8rem;margin-left:auto}.search-input{background:#1c1c2e;background:var(--surface2);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#ddd8f0;color:var(--text);flex:1 1;flex-shrink:0;font-family:Crimson Pro,Georgia,serif;font-family:var(--font-body);font-size:.9rem;height:40px;line-height:1.2;max-height:40px;min-height:40px;min-width:180px;overflow:hidden;padding:.5rem .75rem;transition:border-color .2s;white-space:nowrap}.search-input:focus{border-color:#a78bfa;border-color:var(--accent-hi);outline:none}.search-input::placeholder{color:#4a4a6a;color:var(--text-dim)}.filter-select{background:#1c1c2e;background:var(--surface2);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#ddd8f0;color:var(--text);cursor:pointer;font-family:Crimson Pro,Georgia,serif;font-family:var(--font-body);font-size:.9rem;height:40px;max-height:40px;min-height:40px;padding:.5rem .75rem;transition:border-color .2s}.filter-select:focus{border-color:#a78bfa;border-color:var(--accent-hi);outline:none}.rarity-badge,.type-badge{border:1px solid #0000;border-radius:20px;font-family:Cinzel,serif;font-family:var(--font-display);font-size:.65rem;letter-spacing:.08em;padding:.2rem .65rem;text-transform:uppercase}.type-unit{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.type-spell{background:#a855f726;border-color:#a855f74d;color:#d8b4fe}.type-gear{background:#eab30826;border-color:#eab3084d;color:#fde047}.type-rune{background:#14b8a626;border-color:#14b8a64d;color:#5eead4}.type-battlefield{background:#ec489926;border-color:#ec48994d;color:#f9a8d4}.type-legend{background:#c9a84c26;border-color:#c9a84c4d;color:#f0cc6e}.rarity-common{background:#9ca3af26;border-color:#9ca3af4d;color:#d1d5db}.rarity-uncommon{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.rarity-rare{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.rarity-epic{background:#a855f726;border-color:#a855f74d;color:#d8b4fe}.rarity-legendary{background:#c9a84c26;border-color:#c9a84c4d;color:#f0cc6e}.count-done{color:#4caf7d;color:var(--success);font-weight:600}.count-pending{color:#a78bfa;color:var(--accent-hi)}.empty-msg{color:#4a4a6a;color:var(--text-dim);font-size:.85rem;font-style:italic;padding:1rem 0;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:200}.modal-box{background:#13131f;background:var(--surface);border:1px solid #5a4fcf;border:1px solid var(--border-hi);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009;display:grid;grid-template-columns:280px 1fr;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.modal-landscape{grid-template-columns:1fr;max-width:800px}.modal-close{align-items:center;background:#1c1c2e;background:var(--surface2);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:50%;color:#7a7a9a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:2rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s;width:2rem;z-index:1}.modal-close:hover{border-color:#e05c5c;border-color:var(--danger);color:#e05c5c;color:var(--danger)}.modal-img{border-radius:16px 0 0 16px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);display:block;object-fit:cover;width:100%}.modal-info{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.modal-info h2{color:#c9a84c;color:var(--gold);font-family:Cinzel,serif;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.05em}.modal-badges{flex-wrap:wrap}.modal-badges,.modal-stats{display:flex;gap:.5rem}.stat-box{align-items:center;background:#1c1c2e;background:var(--surface2);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;padding:.4rem .6rem}.stat-box span{color:#7a7a9a;color:var(--text-muted);font-family:Cinzel,serif;font-family:var(--font-display);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.stat-box strong{color:#ddd8f0;color:var(--text);font-size:1.2rem}.modal-desc{color:#7a7a9a;color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.6}.modal-meta{color:#4a4a6a;color:var(--text-dim);font-size:.8rem}.fullscreen-center{align-items:center;color:#7a7a9a;color:var(--text-muted);display:flex;flex-direction:column;font-style:italic;gap:1rem;height:100vh;justify-content:center}.error-msg{color:#e05c5c;color:var(--danger)}.spinner{animation:spin .8s linear infinite;border:3px solid #2e2e4a;border-top-color:#a78bfa;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-hi);height:2.5rem;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.build-layout{grid-template-columns:1fr}.deck-sidebar{display:none}.modal-box,.step-with-list{grid-template-columns:1fr}.modal-img{border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:280px}}@media (max-width:600px){.app-header{padding:.75rem 1rem}.browse-main,.step-content{padding:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.step-nav{padding:.75rem 1rem}.step-label{display:none}}.home-main{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.home-header{align-items:baseline;border-bottom:1px solid #2e2e4a;border-bottom:1px solid var(--border);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.home-header h2{color:#ddd8f0;color:var(--text);font-family:Cinzel,serif;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.06em}.deck-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.deck-card{background:#13131f;background:var(--surface);border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.deck-card:hover{border-color:#7b5ea7;border-color:var(--accent);box-shadow:0 6px 20px #7b5ea733;transform:translateY(-2px)}.deck-card-art{background:#1c1c2e;background:var(--surface2);flex-shrink:0;overflow:hidden;width:90px}.deck-card-art img{height:100%;object-fit:cover;object-position:center top;width:100%}.deck-card-art-placeholder{align-items:center;color:#4a4a6a;color:var(--text-dim);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.deck-card-info{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0;padding:.9rem 1rem}.deck-card-info h3{color:#c9a84c;color:var(--gold);font-family:Cinzel,serif;font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-legend{color:#7a7a9a;color:var(--text-muted);font-size:.82rem;font-style:italic}.deck-card-domains{display:flex;flex-wrap:wrap;gap:.35rem}.domain-chip{background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:10px;color:#a78bfa;color:var(--accent-hi);font-family:Cinzel,serif;font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;padding:.15rem .5rem;text-transform:uppercase}.deck-card-counts{display:flex;gap:.5rem;margin-top:.1rem}.deck-card-counts span{color:#4a4a6a;color:var(--text-dim);font-family:Cinzel,serif;font-family:var(--font-display);font-size:.72rem;letter-spacing:.04em}.empty-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:5rem 2rem;text-align:center}.empty-state-title{color:#7a7a9a;color:var(--text-muted);font-family:Cinzel,serif;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em}.empty-state-sub{color:#4a4a6a;color:var(--text-dim);font-size:.9rem;font-style:italic;margin-bottom:.5rem}.count-error{font-weight:600}.count-error,.save-error{color:#e05c5c;color:var(--danger)}.save-error{font-size:.82rem;font-style:italic;max-width:280px;text-align:right}@media (max-width:600px){.home-main{padding:1rem}.deck-list{grid-template-columns:1fr}}.deck-card{position:relative}.deck-card-delete{align-items:center;background:#0009;border:1px solid #2e2e4a;border:1px solid var(--border);border-radius:50%;color:#7a7a9a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;height:2rem;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:2rem}.deck-card:hover .deck-card-delete{opacity:1}.deck-card-delete:hover{background:#e05c5c;background:var(--danger);border-color:#e05c5c;border-color:var(--danger);color:#fff}
/*# sourceMappingURL=main.85fa198a.css.map*/