:root,html.dark,html[data-theme=dark]{--text-color: #ffd700;--background-color: #0d0d0d;--box-shadow-color: #ffd700;--bg: #0d0d0d;--surface: #111108;--card: #161610;--border: #2a2a10;--accent: #ffd700;--accent2: #8a6000;--text: #ffd700;--muted: #a89030;--green: #9acd32;--red: #f55;--chart-grid: #1a1a08}html.light,html[data-theme=light]{--text-color: #0d0d0d;--background-color: #fff;--box-shadow-color: #0d0d0d;--bg: #fff;--surface: #f7f5ee;--card: #fff;--border: #c8c0a0;--accent: #8a6000;--accent2: #6b4d00;--text: #0d0d0d;--muted: #665c30;--green: #2e7d32;--red: #c62828;--chart-grid: #e8e0c8;--chip-dmg: #b71c1c;--chip-heal: #1b5e20;--chip-gold: #8a6000;--chip-card-pick: #6a1b9a;--chip-enchanted: #00695c}#sts2dash-root{font-family:Segoe UI,system-ui,sans-serif}#sts2dash-root *{box-sizing:border-box}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow-y:auto}.modal.hidden{display:none}.modal-backdrop{position:fixed;inset:0;background:#000000bf}.modal-content{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:min(1400px,90vw);width:100%;margin:auto;padding:1.5rem;box-shadow:0 20px 60px #0000007f}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--btn-bg);border:1px solid var(--border);color:var(--text);font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.modal-close:hover{background:var(--btn-hover)}#landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2.5rem 3rem;max-width:700px;width:100%;text-align:center}.landing-card h1{font-size:1.8rem;color:var(--accent);margin-bottom:.4rem}.landing-card .subtitle{color:var(--muted);margin-bottom:2rem}.path-hint-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;margin-bottom:.6rem;text-align:left}.path-hint-block .os-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.4rem}.path-hint-block{overflow-x:auto}.path-hint-block code{font-size:.8rem;color:var(--accent);white-space:nowrap}.hint-note{font-size:.78rem;color:var(--muted);margin-bottom:1.8rem}.landing-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-primary{background:var(--accent2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-secondary{background:none;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:.6rem 1.5rem;font-size:.88rem;cursor:pointer;transition:border-color .2s}.btn-secondary:hover{border-color:var(--muted);color:var(--text)}.privacy-note{font-size:.78rem;color:var(--muted)}#dashboard header{background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;gap:1rem;flex-wrap:wrap}#dashboard header h1{font-size:1rem;color:var(--accent);font-weight:600}#dashboard header h1 span{color:var(--muted);font-weight:400;font-size:.8rem}.header-right{display:flex;align-items:center;gap:.75rem}#refresh-btn,#change-folder-btn{border:none;border-radius:6px;padding:.45rem 1rem;cursor:pointer;font-size:.85rem}#refresh-btn{background:var(--accent2);color:#fff}#refresh-btn:hover{opacity:.85}#refresh-btn:disabled{opacity:.4;cursor:wait}#change-folder-btn{background:none;border:1px solid var(--border);color:var(--muted)}#change-folder-btn:hover{color:var(--text);border-color:var(--muted)}.status{color:var(--muted);font-size:.8rem}.run-type-filter{display:flex;align-items:center;gap:1.25rem;padding:.6rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.rtf-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.rtf-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text);cursor:pointer;user-select:none}.rtf-checkbox input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.asc-filter{display:flex;gap:.25rem;flex-wrap:wrap}.asc-btn{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:.75rem;padding:.2rem .5rem;cursor:pointer;transition:all .15s}.asc-btn:hover{border-color:var(--accent);color:var(--text)}.asc-btn.active{background:var(--accent2);border-color:var(--accent2);color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1.5rem 2rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:1.5rem;padding:0 2rem 2rem}.chart-panel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.2rem;overflow:hidden}.chart-panel h2{font-size:.85rem;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.chart-panel.wide{grid-column:1 / -1}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;grid-column:1 / -1}@media(width<=900px){.charts-row{grid-template-columns:1fr}}.chart-panel svg{width:100%;height:auto}.chart-panel.wide svg{max-height:none}canvas{max-height:320px}.panel-controls{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}.panel-controls label{color:var(--muted);font-size:.82rem}#sts2dash-root select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.3rem .5rem;font-size:.82rem}.runs-table-wrap{padding:0 2rem 3rem}.runs-table-wrap h2{font-size:.85rem;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.table-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}#runs-table{width:100%;border-collapse:collapse;font-size:.82rem}#runs-table th{background:var(--surface);color:var(--muted);text-align:left;padding:.5rem .75rem;border:none;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;white-space:nowrap}#runs-table th:hover{color:var(--text)}#runs-table th.sorted-asc:after{content:" ▲"}#runs-table th.sorted-desc:after{content:" ▼"}#runs-table td{padding:.45rem .75rem;border:none;border-bottom:1px solid var(--border)}#runs-table tbody tr{cursor:pointer}#runs-table tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}.win-badge{color:var(--green);font-weight:600}.loss-badge{color:var(--red)}.char-pill{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.72rem;color:#fff}#loading{position:fixed;inset:0;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent);z-index:999;gap:.75rem}#loading.hidden{display:none}#loading-sub{font-size:.82rem;color:var(--muted)}.run-view-header{padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}#back-btn{background:none;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem 1rem;cursor:pointer;font-size:.9rem;white-space:nowrap}#back-btn:hover{border-color:var(--accent);color:var(--accent)}.run-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.rbadge{font-size:.8rem;padding:.2rem .6rem;border-radius:4px;font-weight:600}.rbadge.win{background:#4caf5033;color:var(--green)}.rbadge.loss{background:#ef535033;color:var(--red)}.run-meta span{color:var(--muted);font-size:.85rem}.run-meta strong{color:var(--text)}.run-view-body{padding:1.5rem 2rem}.run-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(width<=900px){.run-detail-grid{grid-template-columns:1fr}}.run-panel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.2rem}.run-panel h3{font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem}.pill-list{display:flex;flex-wrap:wrap;gap:.35rem}.pill{font-size:.72rem;padding:.15rem .5rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.pill.relic{border-color:var(--accent2);color:var(--accent2)}.floor-timeline{display:flex;flex-direction:column;gap:.35rem}.floor-item{display:flex;flex-direction:column}.floor-item.has-skips .floor-row{cursor:pointer}.floor-item.has-skips .floor-row:hover{border-color:var(--accent2)}.floor-item.expanded .floor-row{border-radius:5px 5px 0 0;border-color:var(--accent2)}.floor-item.has-skips .expand-hint:after{content:" ▾";font-size:.65rem;color:var(--muted)}.floor-item.expanded .expand-hint:after{content:" ▴"}.floor-item.expanded .floor-skips{display:flex}.floor-row{display:grid;grid-template-columns:2rem 1.4rem 9rem 1fr 90px;gap:.5rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.4rem .7rem;font-size:.79rem}.floor-row.boss-floor{border-color:var(--accent)}.floor-row.act-start{border-color:var(--accent2)}.floor-skips{display:none;padding:.3rem .7rem .4rem 5.3rem;background:var(--surface);border:1px solid var(--accent2);border-top:none;border-radius:0 0 5px 5px;font-size:.72rem;flex-wrap:wrap;gap:.35rem;align-items:center}.floor-skips:before{content:"Skipped: ";color:var(--muted);margin-right:.25rem}.floor-skips:empty{display:none}.floor-num{color:var(--muted);font-size:.7rem;text-align:right}.room-icon{text-align:center;font-size:.95rem}.encounter-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.77rem}.floor-details{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-width:0}.chip{font-size:.69rem;padding:.1rem .4rem;border-radius:3px;white-space:nowrap}.chip.dmg{background:#ef53502e;color:var(--chip-dmg, #ef9a9a)}.chip.heal{background:#4caf502e;color:var(--chip-heal, #a5d6a7)}.chip.gold{background:#c4a83224;color:var(--chip-gold, var(--accent))}.chip.card-pick{background:#7b5ea740;color:var(--chip-card-pick, #ce93d8)}.chip.card-skip{background:var(--border);color:var(--muted)}.chip.relic{background:#c4a83224;color:var(--chip-gold, var(--accent))}.chip.ancient-skip{background:var(--border);color:var(--muted)}.chip.removed{background:#ef53501a;color:var(--chip-dmg, #ef9a9a);text-decoration:line-through}.chip.transformed{background:#9c27b02e;color:#ce93d8}.chip.enchanted{background:#80cbc426;color:var(--chip-enchanted, #80cbc4)}.hp-bar-wrap{display:flex;align-items:center;gap:.35rem}.hp-bar-bg{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:3px}.hp-text{font-size:.69rem;color:var(--muted);white-space:nowrap}.act-divider{text-align:center;font-size:.72rem;color:var(--accent2);letter-spacing:.1em;text-transform:uppercase;padding:.4rem 0 .1rem}