:root{--bg: #080812;--bg-card: #111125;--bg-hover: #191932;--border: #23234a;--border-hi: #3a3a70;--text: #e2d9c2;--text-dim: #8888aa;--text-faint: #44445a;--gold: #c9a227;--gold-hi: #e8bc40;--ironclad: #d45c5c;--silent: #4db87a;--defect: #5c95d4;--regent: #d4a827;--necrobinder: #a05cd4;--win: #4db87a;--loss: #d45c5c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 15% 60%,rgba(20,20,70,.45) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(50,20,70,.3) 0%,transparent 50%),repeating-linear-gradient(rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 48px);color:var(--text);font-family:Rajdhani,sans-serif;font-size:16px;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 24px 40px}.app-header{position:relative;text-align:center;padding:48px 0 0}.app-title{font-family:Cinzel Decorative,serif;font-size:clamp(2rem,5vw,3.2rem);color:var(--gold-hi);letter-spacing:.35em;text-shadow:0 0 40px rgba(201,162,39,.35),0 0 80px rgba(201,162,39,.15)}.title-deco{font-size:.65em;margin:0 20px;opacity:.7;vertical-align:middle}.app-subtitle{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.25em;color:var(--text-dim);margin-top:10px}.header-rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px 0 0;opacity:.6}.char-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:28px 0 20px}.char-tab{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.18em;padding:9px 26px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .18s ease;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}.char-tab:hover{border-color:var(--border-hi);color:var(--text);background:var(--bg-hover)}.char-tab.active{border-color:var(--gold);color:var(--gold-hi);background:var(--bg-hover)}.char-tab.ironclad.active{border-color:var(--ironclad);color:var(--ironclad)}.char-tab.silent.active{border-color:var(--silent);color:var(--silent)}.char-tab.defect.active{border-color:var(--defect);color:var(--defect)}.char-tab.regent.active{border-color:var(--regent);color:var(--regent)}.char-tab.necrobinder.active{border-color:var(--necrobinder);color:var(--necrobinder)}.main-content{display:flex;flex-direction:column;gap:16px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:28px 20px 22px;text-align:center;position:relative;transition:border-color .18s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.stat-card:hover{border-color:var(--border-hi)}.stat-value{display:block;font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--gold-hi);line-height:1;text-shadow:0 0 20px rgba(201,162,39,.25)}.stat-label{display:block;font-size:.72rem;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-top:8px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{background:var(--bg-card);border:1px solid var(--border);padding:24px}.section-title{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-sub{font-family:Rajdhani,sans-serif;font-size:.8rem;letter-spacing:.05em;color:var(--text-faint);text-transform:none}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-hi);padding:12px 16px;font-family:Rajdhani,sans-serif;min-width:140px}.tooltip-title{font-family:Cinzel,serif;font-size:.85rem;margin-bottom:6px}.tooltip-row{font-size:.95rem;color:var(--text)}.tooltip-row strong{color:var(--gold-hi)}.tooltip-sub{font-size:.8rem;color:var(--text-dim);margin-top:3px}.boss-legend{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.1em;color:var(--text-dim)}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.table-wrapper{overflow-x:auto}.run-table{width:100%;border-collapse:collapse;font-size:.95rem}.run-table th{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);padding:8px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.run-table td{padding:11px 16px;border-bottom:1px solid var(--border);transition:background .12s;color:var(--text)}.run-table td.muted{color:var(--text-dim)}.run-table tr:hover td{background:#ffffff06}.run-table tr.run-win td:first-child{border-left:2px solid var(--win)}.run-table tr.run-loss td:first-child{border-left:2px solid var(--loss)}.killed-by{font-size:.88rem;max-width:180px}.mp-badge{font-size:.7rem;letter-spacing:.1em;padding:2px 8px;border:1px solid var(--border-hi);border-radius:2px;color:var(--text-dim);cursor:default}.result-badge{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.12em;padding:3px 10px;border-radius:2px;white-space:nowrap}.badge-win{background:#4db87a1f;color:var(--win);border:1px solid rgba(77,184,122,.4)}.badge-loss{background:#d45c5c1f;color:var(--loss);border:1px solid rgba(212,92,92,.4)}.empty-state{text-align:center;color:var(--text-faint);padding:32px;font-style:italic}.collapsible-section{padding:0;overflow:hidden}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;padding:20px 24px 16px;text-align:left;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-bottom:0;transition:color .15s}.section-toggle:hover{color:var(--text)}.section-toggle:hover .collapse-icon{color:var(--gold)}.section-toggle-text{flex:1}.collapse-icon{font-size:.6rem;color:var(--text-faint);margin-left:12px;transition:color .15s}.section-body{padding:20px 24px 24px}.charts-row-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-sub-title{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.15em;color:var(--text-faint);text-transform:uppercase;margin-bottom:16px}.type-badge{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.1em;padding:2px 7px;border:1px solid;border-radius:2px;white-space:nowrap;opacity:.85}.card-picks-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.picks-control-group{display:flex;align-items:center;gap:6px}.picks-control-label{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;margin-right:4px}.picks-pill{font-family:Rajdhani,sans-serif;font-size:.82rem;letter-spacing:.08em;padding:5px 14px;background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s;border-radius:2px}.picks-pill:hover{border-color:var(--border-hi);color:var(--text)}.picks-pill.active{background:var(--bg-hover);border-color:var(--gold);color:var(--gold-hi)}.picks-count{font-size:.78rem;color:var(--text-faint);margin-left:auto;letter-spacing:.1em}.card-picks-table td{font-size:.88rem}.minibar-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;min-width:80px}.minibar-fill{height:100%;border-radius:3px;transition:width .3s ease}.load-more-btn{width:100%;margin-top:16px;padding:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;cursor:pointer;transition:all .15s}.load-more-btn:hover{border-color:var(--border-hi);color:var(--text)}.header-topright{position:absolute;top:16px;right:0}.header-source-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin-top:12px}.header-source-label{font-size:.75rem;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase}.header-change-btn{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.14em;padding:6px 14px;background:transparent;border:1px solid var(--border-hi);color:var(--text-dim);cursor:pointer;transition:all .15s;text-transform:uppercase;white-space:nowrap;min-height:32px}.header-change-btn:hover,.header-change-btn.active{border-color:var(--gold);color:var(--gold-hi)}.upload-panel{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px 60px}.upload-card{width:100%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);padding:40px 40px 36px;position:relative}.upload-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.upload-privacy-badge{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-faint);letter-spacing:.06em;background:#ffffff08;border:1px solid var(--border);padding:8px 14px;margin-bottom:28px}.privacy-icon{font-style:normal}.upload-title{font-family:Cinzel,serif;font-size:1.3rem;letter-spacing:.2em;color:var(--gold-hi);text-transform:uppercase;margin-bottom:10px}.upload-desc{font-size:.9rem;color:var(--text-dim);line-height:1.5;margin-bottom:28px}.upload-desc code{font-family:monospace;background:#ffffff0f;padding:1px 6px;border-radius:2px;color:var(--text)}.upload-path-section{margin-bottom:28px}.upload-path-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;margin-bottom:8px}.upload-path-box{font-family:monospace;font-size:.8rem;color:var(--text);background:#ffffff0a;border:1px solid var(--border);padding:10px 14px;word-break:break-all;line-height:1.4}.upload-path-box--sm{font-size:.74rem;padding:6px 10px}.upload-other-paths{margin-top:10px;font-size:.8rem;color:var(--text-faint)}.upload-other-paths summary{cursor:pointer;letter-spacing:.08em;padding:4px 0;color:var(--text-faint);list-style:none;display:flex;align-items:center;gap:6px}.upload-other-paths summary:before{content:"▶";font-size:.55rem;transition:transform .15s}.upload-other-paths[open] summary:before{transform:rotate(90deg)}.upload-path-row{display:flex;flex-direction:column;gap:4px;margin-top:10px}.upload-path-os{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.upload-btn{width:100%;padding:14px;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;background:#c9a2271a;border:1px solid var(--gold);color:var(--gold-hi);cursor:pointer;transition:all .18s;margin-bottom:0}.upload-btn:hover:not(:disabled){background:#c9a2272e;box-shadow:0 0 24px #c9a22726}.upload-btn:disabled{opacity:.6;cursor:default}.upload-spinner{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.upload-error{margin-top:16px;font-size:.82rem;color:var(--loss);background:#d45c5c14;border:1px solid rgba(212,92,92,.3);padding:12px 14px;line-height:1.5}.upload-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-faint);font-size:.75rem;letter-spacing:.12em}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:var(--border)}.upload-demo-btn{width:100%;padding:11px;font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s}.upload-demo-btn:hover{border-color:var(--border-hi);color:var(--text)}.asc-filter-wrap{position:relative}.asc-filter-btn{min-width:96px}.asc-filter-btn.active{border-color:var(--gold);color:var(--gold-hi)}.asc-filter-btn:disabled{opacity:.35;cursor:default}.asc-popup{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:var(--bg-card);border:1px solid var(--border-hi);padding:14px;min-width:220px;box-shadow:0 8px 32px #00000080}.asc-popup-header{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.asc-option{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:8px 6px;font-family:Rajdhani,sans-serif;font-size:.9rem;color:var(--text-dim);cursor:pointer;text-align:left;transition:color .13s;border-radius:2px}.asc-option:hover{color:var(--text);background:var(--bg-hover)}.asc-option.selected{color:var(--gold-hi)}.asc-check{display:inline-block;width:14px;font-size:.75rem;color:var(--gold-hi)}.asc-divider{height:1px;background:var(--border);margin:8px 0}.asc-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.asc-pill{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.1em;padding:5px 10px;background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .13s;border-radius:2px}.asc-pill:hover{border-color:var(--border-hi);color:var(--text)}.asc-pill.selected{border-color:var(--gold);color:var(--gold-hi);background:var(--bg-hover)}.asc-clear-btn{width:100%;padding:7px;margin-top:4px;background:transparent;border:1px solid var(--border);color:var(--text-faint);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .13s}.asc-clear-btn:hover{border-color:var(--loss);color:var(--loss)}.app-footer{text-align:center;padding:28px 0 0;border-top:1px solid var(--border);color:var(--text-faint);font-size:.78rem;letter-spacing:.12em;margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{background:var(--bg-card);border:1px solid var(--border-hi);padding:28px 28px 24px;min-width:280px;max-width:400px;width:100%;box-shadow:0 16px 48px #000000b3;position:relative}.modal-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase}.modal-close-btn{background:none;border:none;color:var(--text-faint);font-size:.9rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .13s}.modal-close-btn:hover{color:var(--text)}.modal-desc{font-size:.82rem;color:var(--text-faint);margin-bottom:20px;letter-spacing:.04em;line-height:1.4}.modal-option{display:flex;align-items:center;gap:14px;width:100%;background:none;border:1px solid var(--border);padding:14px 16px;margin-bottom:8px;cursor:pointer;text-align:left;transition:all .15s;border-radius:2px}.modal-option:last-child{margin-bottom:0}.modal-option:hover{border-color:var(--border-hi);background:var(--bg-hover)}.modal-option.selected{border-color:var(--gold);background:#c9a2270f}.modal-option-check{font-family:Cinzel,serif;font-size:.75rem;color:var(--gold-hi);width:14px;text-align:center;flex-shrink:0}.modal-option-content{display:flex;flex-direction:column;gap:3px}.modal-option-label{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.12em;color:var(--text);text-transform:uppercase}.modal-option-desc{font-size:.76rem;color:var(--text-faint);letter-spacing:.04em}@media (max-width: 760px){.charts-row-inner{grid-template-columns:1fr;gap:16px}}@media (max-width: 540px){.app{padding:0 14px 32px}.app-header{padding-top:44px}.header-topright{top:10px}.app-title{font-size:clamp(1.6rem,9vw,2.4rem);letter-spacing:.15em}.title-deco{margin:0 10px;font-size:.6em}.app-subtitle{font-size:.72rem;letter-spacing:.12em}.header-rule{margin:20px 0 0}.header-source-row{gap:8px;margin-top:10px}.header-source-label{font-size:.62rem;letter-spacing:.08em}.header-change-btn{font-size:.6rem;padding:5px 10px;letter-spacing:.1em;min-height:30px}.char-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:16px 0 14px}.char-tab{font-size:.65rem;padding:10px 4px;letter-spacing:.08em;clip-path:none;border-radius:2px;text-align:center;width:100%}.stat-cards{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:18px 10px 14px}.stat-value{font-size:1.5rem}.stat-label{font-size:.64rem}.section-toggle{padding:14px 14px 12px;font-size:.75rem;letter-spacing:.12em}.section-body{padding:14px}.col-hide-mobile{display:none}.run-table th,.run-table td{padding:9px 10px;font-size:.82rem}.result-badge{font-size:.6rem;padding:3px 7px}.card-picks-controls{flex-direction:column;align-items:flex-start;gap:8px}.picks-control-group{flex-wrap:wrap}.picks-count{margin-left:0}.picks-pill{font-size:.76rem;padding:5px 10px}.card-picks-table th:nth-child(6),.card-picks-table td:nth-child(6){display:none}.asc-popup{right:auto;left:0}.upload-card{padding:24px 16px 20px}.upload-btn,.upload-demo-btn{font-size:.78rem;letter-spacing:.14em}}