:root{--header-height:52px;--drawer-width:340px;--pill-right:-8px;--font-display:"Marcellus","Palatino",serif;--font-ui:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--bg:#e2ddd0;--surface:#f7f5f0;--surface-2:#fff;--border:#d8d3c6;--text:#23262e;--muted:#6f6a60;--accent:#a07c2c;--accent-soft:#a07c2c1f;--accent-glow:#a07c2c8c;--accent-contrast:#fff;--danger:#b3261e;--success:#2e7d32;--success-bright:#7bd88a;--pill-bg:#14171ee6;--pill-text:#fff;--pill-muted:#c9ced6;--pill-ring:#ffffff4d;--pill-link:#eebd63;--shadow-1:0 1px 3px #14120c1f;--shadow-2:0 4px 16px #14120c2e;--card-shadow:0 1px 6px #14120c47}[data-theme=dark]{--bg:#0c0e13;--surface:#1a1e26;--surface-2:#232833;--border:#303645;--text:#e9e7e2;--muted:#949daa;--accent:#d9a84e;--accent-soft:#d9a84e24;--accent-glow:#d9a84e99;--accent-contrast:#221803;--danger:#e5736c;--success:#2e7d32;--success-bright:#7bd88a;--pill-bg:#0a0c10eb;--pill-text:#fff;--pill-muted:#c9ced6;--pill-ring:#ffffff52;--pill-link:#eebd63;--shadow-1:0 1px 3px #0006;--shadow-2:0 4px 16px #00000080;--card-shadow:0 0 0 1px #ffffff24,0 0 14px #ffffff12}*{box-sizing:border-box;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);margin:0;min-width:0}body{background:#e2ddd0;background:var(--bg);color:#23262e;color:var(--text)}#root{height:100vh;height:100dvh}:focus-visible{outline:2px solid #a07c2c;outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-color:#d8d3c6 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#d8d3c6;background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:#0000}.fh{height:100%}.app{display:flex;position:relative}.drawer{background-color:#f7f5f0;background-color:var(--surface);border-right:1px solid #d8d3c6;border-right:1px solid var(--border);flex:none;max-width:90%;overflow:hidden;transition:width .3s,background-color .2s,border-color .2s;width:340px;width:var(--drawer-width);z-index:10}.header{align-items:center;border-bottom:1px solid #d8d3c6;border-bottom:1px solid var(--border);display:flex;flex:none;gap:6px;height:52px;height:var(--header-height);justify-content:center;position:relative;transition:background-color .2s,border-color .2s;width:100%}.drawer .header{background-color:#f7f5f0;background-color:var(--surface);padding:0 10px}.drawer-action{all:unset;align-items:center;border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#23262e;color:var(--text);cursor:pointer;display:inline-flex;flex:1 1;font-size:12.5px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:0;transition:border-color .15s,background-color .15s,color .15s;white-space:nowrap}.drawer-action .MuiSvgIcon-root{color:#6f6a60;color:var(--muted);font-size:15px;transition:color .15s}.drawer-action:hover:not(:disabled){background:#a07c2c1f;background:var(--accent-soft);border-color:#a07c2c;border-color:var(--accent)}.drawer-action:disabled{cursor:default;opacity:.45}.drawer-action.danger:hover:not(:disabled){background:#0000;border-color:#b3261e;border-color:var(--danger);color:#b3261e;color:var(--danger)}.drawer-action.danger:hover:not(:disabled) .MuiSvgIcon-root{color:#b3261e;color:var(--danger)}.controls{display:flex;flex-direction:column;gap:10px;height:auto;max-height:calc(100% - 52px);max-height:calc(100% - var(--header-height));min-height:calc(100% - 52px);min-height:calc(100% - var(--header-height));overflow-y:auto;padding:12px}.main{background-color:#e2ddd0;background-color:var(--bg);display:flex;flex:1 1;flex-direction:column;position:relative;transition:background-color .2s}.main .header{background:#f7f5f0;background:var(--surface);height:52px;height:var(--header-height);position:relative;width:100%}.app-title{color:#23262e;color:var(--text);font-family:Marcellus,Palatino,serif;font-family:var(--font-display);font-size:21px;font-weight:400;letter-spacing:.04em;line-height:1.1}.app-subtitle{color:#6f6a60;color:var(--muted);font-size:10px;letter-spacing:.02em}.drawer-toggle,.main .drawer-backdrop{visibility:hidden}.drawer-toggle.open{left:10px;position:absolute}.filter-section{background:#f7f5f0;background:var(--surface);border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:10px;flex:none}.filter-section-header{all:unset;align-items:center;border-radius:10px;box-sizing:border-box;color:#23262e;color:var(--text);cursor:pointer;display:flex;font-family:Marcellus,Palatino,serif;font-family:var(--font-display);font-size:13.5px;gap:8px;letter-spacing:.09em;padding:9px 12px;text-transform:uppercase;width:100%}.filter-section-header:hover{background:#a07c2c1f;background:var(--accent-soft)}.filter-section-header.static:hover{background:#0000}.filter-section-header .chev{color:#6f6a60;color:var(--muted);font-size:20px;margin-left:auto;transition:transform .2s}.filter-section.open>.filter-section-header .chev{transform:rotate(180deg)}.filter-section-badge{color:#6f6a60;color:var(--muted);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:11px;letter-spacing:0;text-transform:none}.filter-section-body{display:flex;flex-direction:column;gap:12px;padding:4px 12px 14px}.group-label{color:#6f6a60;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.toggle-row{align-items:center;display:flex;min-height:26px}.toggle-label{color:#23262e;color:var(--text);font-size:13px;margin-left:4px}.stat-row{align-items:center;display:flex;font-size:12.5px;gap:6px;justify-content:space-between}.stat-row .stat-label{align-items:center;color:#6f6a60;color:var(--muted);display:flex;gap:4px}.stat-row .stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.results-chip{font-feature-settings:"tnum";align-items:center;background:#0000;border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:999px;color:#6f6a60;color:var(--muted);display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;justify-content:center;padding:2px 10px;transition:background-color .25s,color .25s}.results-chip.flash{background-color:#a07c2c;background-color:var(--accent);border-color:#a07c2c;border-color:var(--accent);color:#fff;color:var(--accent-contrast)}.welcome{display:flex;flex-direction:column;gap:16px;padding:18px 6px}.welcome h2{font-family:Marcellus,Palatino,serif;font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:.02em;line-height:1.25}.welcome p{color:#6f6a60;color:var(--muted);font-size:13.5px;line-height:1.65}.btn-primary{background:#a07c2c;background:var(--accent);border:0;border-radius:8px;box-shadow:0 2px 0 #00000040,0 1px 3px #14120c1f;box-shadow:0 2px 0 #00000040,var(--shadow-1);color:#fff;color:var(--accent-contrast);cursor:pointer;font-size:14px;font-weight:600;height:40px;letter-spacing:.02em;transition:filter .15s,transform .1s,box-shadow .1s;width:100%}.btn-primary:hover{box-shadow:0 3px 0 #00000040,0 1px 3px #14120c1f;box-shadow:0 3px 0 #00000040,var(--shadow-1);filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 0 0 #00000040;transform:translateY(1px)}.picker{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;min-width:1050px;overflow:auto;overflow-anchor:none;padding:20px 24px}.picker-columns{display:flex;flex:1 1;gap:14px;justify-content:center;min-height:380px;width:100%}.picker-col-label{color:#6f6a60;color:var(--muted);font-family:Marcellus,Palatino,serif;font-family:var(--font-display);font-size:12.5px;letter-spacing:.09em;margin-bottom:6px;text-transform:uppercase}.picker-rail-col{display:flex;flex-direction:column}.element-rail{display:flex;flex:1 1;flex-direction:column;gap:3px;max-width:150px;min-height:0;min-width:130px}.element-opt{align-items:center;background:#f7f5f0;background:var(--surface);border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:6px;color:#23262e;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:6px;padding:0 6px;position:relative;transition:background-color .15s,border-color .15s}.element-opt.active,.element-opt:hover{border-color:#a07c2c;border-color:var(--accent)}.element-opt.active{background:#a07c2c1f;background:var(--accent-soft);font-weight:600}.element-opt img{height:22px;width:22px}.picker-list-col{display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%;max-width:600px}.picker-search{background:#fff;background:var(--surface-2);border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden;transition:border-color .15s}.picker-search:focus-within{border-color:#a07c2c;border-color:var(--accent)}.picker-search input{background:#0000;border:none;color:#23262e;color:var(--text);font-size:13.5px;height:36px;outline:none;padding:0 14px;width:100%}.picker-search button,.picker-search input::placeholder{color:#6f6a60;color:var(--muted)}.picker-search button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0 10px}.picker-search button:hover{color:#23262e;color:var(--text)}.champ-list{background:#fff;background:var(--surface-2);border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:auto;padding:5px}.champ-opt{border-radius:6px;color:#23262e;color:var(--text);cursor:pointer;flex:none;font-size:13.5px;padding:5px 12px;position:relative;transition:background-color .12s}.champ-opt:hover{background:#a07c2c1f;background:var(--accent-soft)}.champ-opt.picked{background:#a07c2c;background:var(--accent);color:#fff;color:var(--accent-contrast);font-weight:600}.champ-list-empty{align-items:center;color:#6f6a60;color:var(--muted);display:flex;font-size:13px;height:100%;justify-content:center;padding-bottom:20px}.picker-preview-col{display:flex;flex-direction:column}.picker-preview{align-self:flex-start;aspect-ratio:.714;border-radius:12px;flex:1 1;min-height:0;position:relative}.picker-preview img{border-radius:12px;box-shadow:0 1px 6px #14120c47;box-shadow:var(--card-shadow);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.preview-placeholder{align-items:center;background:#f7f5f0;background:var(--surface);border:1px dashed #d8d3c6;border:1px dashed var(--border);color:#6f6a60;color:var(--muted);display:flex;font-size:12.5px;justify-content:center;padding:0 20px;text-align:center}.level-row{gap:14px}.level-row,.level-tab{display:flex;justify-content:center;width:100%}.level-tab{align-items:center;background:linear-gradient(#fff,#f7f5f0);background:linear-gradient(var(--surface-2),var(--surface));border:1px solid #d8d3c6;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 0 #00000040,0 1px 3px #14120c1f;box-shadow:0 2px 0 #00000040,var(--shadow-1);color:#23262e;color:var(--text);cursor:pointer;font-size:13px;gap:4px;height:38px;position:relative;transition:background-color .15s,border-color .15s,transform .1s,box-shadow .1s}.level-tab:hover{border-color:#a07c2c;border-color:var(--accent);box-shadow:0 3px 0 #00000040,0 1px 3px #14120c1f;box-shadow:0 3px 0 #00000040,var(--shadow-1);transform:translateY(-1px)}.level-tab:active{box-shadow:0 0 0 #00000040;transform:translateY(1px)}.level-tab.active{background:#a07c2c;background:var(--accent);border-color:#a07c2c;border-color:var(--accent);color:#fff;color:var(--accent-contrast);font-weight:600}.pile-placeholder{align-items:center;background:#f7f5f0;background:var(--surface);border:1px dashed #d8d3c6;border:1px dashed var(--border);border-radius:8px;color:#6f6a60;color:var(--muted);display:flex;font-size:13px;gap:8px;justify-content:center}.lines{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:scroll;padding:20px}.line{align-items:center;display:flex;justify-content:center}.cards{flex:1 1;overflow-y:scroll;padding:20px}.card,.card .see-index-button{align-items:center;display:flex;justify-content:center}.card .see-index-button{background:#14171ee6;background:var(--pill-bg);border:1.5px solid #a07c2c;border:1.5px solid var(--accent);border-radius:6px;bottom:-14px;box-shadow:0 0 14px #a07c2c8c,0 4px 10px #00000073;box-shadow:0 0 14px var(--accent-glow),0 4px 10px #00000073;cursor:pointer;height:28px;max-width:85%;opacity:0;padding:4px 10px;position:absolute;transform:translateY(6px);transition:opacity .18s,transform .18s,box-shadow .18s,visibility .18s;visibility:hidden;width:110px;z-index:5}.card:hover .see-index-button{opacity:1;transform:translateY(0);visibility:visible}.card .see-index-button:hover{box-shadow:0 0 22px #a07c2c8c,0 4px 12px #00000080;box-shadow:0 0 22px var(--accent-glow),0 4px 12px #00000080;filter:brightness(1.15)}.card-pill{font-feature-settings:"tnum";align-items:center;background:#14171ee6;background:var(--pill-bg);border:none;border-radius:6px;box-shadow:0 0 0 1px #ffffff4d,0 1px 3px #14120c1f;box-shadow:0 0 0 1px var(--pill-ring),var(--shadow-1);color:#fff;color:var(--pill-text);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;height:20px;justify-content:center;padding:0 6px;position:absolute;right:-8px;right:var(--pill-right);text-decoration:none;width:88px}a.card-pill.link{color:#eebd63;color:var(--pill-link)}a.card-pill.link:hover{filter:brightness(1.2);text-decoration:underline}.card-pill.muted{color:#c9ced6;color:var(--pill-muted);font-weight:500}.card-pill.danger{background:#b3261e;background:var(--danger);color:#fff;cursor:pointer}.label-panel{align-items:flex-start;display:flex;flex-direction:column;gap:3px;left:-8px;position:absolute;top:30px;z-index:6}.label-panel .label-chip{all:unset;background:#14171ee6;background:var(--pill-bg);border-radius:6px;box-shadow:0 1px 3px #14120c1f;box-shadow:var(--shadow-1);color:#fff;color:var(--pill-text);cursor:pointer;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:10px;font-weight:600;padding:2px 8px}.label-panel .label-chip.on{background:#a07c2c;background:var(--accent);color:#fff;color:var(--accent-contrast)}.step-title{font-size:14px}.index-modal-close{width:80%}.index-modal-frame{height:690px;max-height:80vh;width:80%}.mobile-explore{bottom:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));box-shadow:0 2px 0 #00000040,0 4px 16px #14120c2e;box-shadow:0 2px 0 #00000040,var(--shadow-2);left:14px;position:absolute;right:14px;width:auto;z-index:4}@media (max-width:615px){:root{--pill-right:4px}.drawer-action .MuiSvgIcon-root{display:none}.drawer{border-right:none;box-shadow:0 4px 16px #14120c2e;box-shadow:var(--shadow-2);height:100%;position:absolute}.drawer-toggle{visibility:visible}.main .drawer-backdrop{background-color:#000;height:100%;opacity:.5;position:absolute;visibility:visible;width:100%;z-index:5}.cards{align-items:center;justify-content:center;padding:12px}.card .see-index-button{opacity:1!important;transform:none;visibility:visible!important}.lines{align-items:center;gap:25px;padding:25px 0}.picker{gap:16px;min-width:0;padding:12px 12px calc(72px + env(safe-area-inset-bottom, 0px))}.picker-columns{flex:none;flex-direction:column;gap:12px;justify-content:flex-start;min-height:0}.element-rail{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);height:auto;max-width:none;min-width:0}.element-opt{flex:none;padding:3px 6px}.element-opt img{height:18px;width:18px}.picker-list-col{flex:none;height:auto;max-width:none}.champ-list{flex:none;height:38vh}.picker-preview-col{display:none}.level-row{flex-wrap:wrap;gap:10px}.index-modal-close,.index-modal-frame{width:96%}.index-modal-frame{height:75vh}.app-title{font-size:17px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 2s linear infinite}
/*# sourceMappingURL=main.a003fbbb.css.map*/