:root{color-scheme:light dark;--bg: #fafafa;--bg-elev: #ffffff;--fg: #111;--muted: #666;--border: #d6d6d6;--accent: #c5462a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #161616;--bg-elev: #1f1f1f;--fg: #eaeaea;--muted: #999;--border: #2f2f2f;--accent: #ff7a55}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.topbar{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar h1{margin:0;font-size:1.1rem;letter-spacing:.02em}.topnav{display:flex;align-items:center;gap:.75rem}.topnav-link{display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.55rem 1.1rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;box-shadow:0 1px #0000001f,0 0 color-mix(in srgb,var(--accent) 40%,transparent);transition:filter .12s,box-shadow .12s,transform .12s}.topnav-link:hover{filter:brightness(1.08);box-shadow:0 1px #0000001f,0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.topnav-link:active{transform:translateY(1px)}.topnav-link[hidden]{display:none}.topnav-link--secondary{background:transparent;color:var(--accent);box-shadow:none}.topnav-link--secondary:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);filter:none;box-shadow:none}.leaderboard{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.leaderboard-header{display:flex;align-items:center;gap:.6rem}.leaderboard h2{margin:0 0 .25rem;font-size:1rem}.leaderboard-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-top:.75rem}.leaderboard-control{display:flex;flex-direction:column;gap:.2rem;flex:1 1 16rem;min-width:12rem}.leaderboard-control-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.leaderboard-combobox{position:relative}.leaderboard-combobox input{width:100%;background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font:inherit;font-size:.95rem}.leaderboard-combobox input:focus{outline:none;border-color:var(--accent)}.leaderboard-combobox input:disabled{opacity:.5;cursor:not-allowed}.leaderboard-combobox-options{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:10;margin:0;padding:.25rem 0;list-style:none;background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 16px #00000040;max-height:18rem;overflow-y:auto}.leaderboard-combobox-options[hidden]{display:none}.leaderboard-combobox-option{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;cursor:pointer;font-size:.95rem}.leaderboard-combobox-option.is-active,.leaderboard-combobox-option:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.leaderboard-combobox-option[aria-selected=true]{font-weight:600}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;margin-top:1rem}.leaderboard-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.75rem .9rem}.leaderboard-card h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.leaderboard-card-empty{margin:0;padding:.75rem 0;text-align:center}.leaderboard-view-link{white-space:nowrap}.topbar h1 a{color:inherit;text-decoration:none}.topbar h1 a:hover{color:var(--accent)}.topbar p{margin:.25rem 0 0}.muted{color:var(--muted)}.small{font-size:.85rem}main{max-width:1200px;margin:0 auto;padding:1rem 1.25rem 4rem}.site-footer{border-top:1px solid var(--border);padding:1.25rem 1.25rem 2rem;text-align:center}.site-footer p{margin:0}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}main>section{margin-top:1.5rem}.drop-zone{border:2px dashed var(--border);border-radius:8px;background:var(--bg-elev);padding:2rem;text-align:center;transition:border-color .12s}.drop-zone.is-over{border-color:var(--accent)}.drop-share-toggle{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;font-size:.95rem;cursor:pointer;user-select:none}.drop-share-toggle input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.drop-share-hint{max-width:50rem;margin:.35rem auto 0;text-align:center;line-height:1.4}.share-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.share-btn{background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer}.share-btn:hover{filter:brightness(1.1)}.recent-replays{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.recent-replays h2{margin:0 0 .25rem;font-size:1rem}.recent-replays-header{display:flex;align-items:center;gap:.6rem}.recent-replays-loading-indicator{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:recent-replays-spin .8s linear infinite}.recent-replays-loading-indicator[hidden]{display:none}@keyframes recent-replays-spin{to{transform:rotate(360deg)}}.recent-replays-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem}.recent-replays-filter{display:flex;flex-direction:column;gap:.2rem;flex:1 1 14rem;min-width:12rem}.recent-replays-filter-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.recent-replays-filter input{background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font:inherit;font-size:.9rem}.recent-replays-filter input:focus{outline:none;border-color:var(--accent)}.recent-replays-filter-clear{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.recent-replays-filter-clear:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.recent-replays-filter-clear:disabled{opacity:.45;cursor:not-allowed}#recent-replays-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.recent-replays-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 1rem;align-items:stretch;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:border-color .12s,background .12s}.recent-replays-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.recent-replays-row>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.recent-replays-cell-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.recent-replays-cell-value{font-size:.95rem;overflow-wrap:anywhere}.recent-replays-pagination{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;margin-top:.85rem}.recent-replays-pagination button{background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer}.recent-replays-pagination button:hover:not(:disabled){border-color:var(--accent)}.recent-replays-pagination button:disabled{opacity:.4;cursor:not-allowed}.recent-replays-page-indicator{color:var(--muted);font-size:.85rem}.share-link{font-size:.8rem;color:var(--muted);background:var(--bg);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border);word-break:break-all}.suggestions{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.suggestions h2{margin:0 0 .25rem;font-size:1rem}.suggestions-form{display:flex;gap:.5rem;margin-top:.75rem}.suggestions-form input{flex:1;min-width:0;background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.45rem .6rem;font:inherit;font-size:.9rem}.suggestions-form input:focus{outline:none;border-color:var(--accent)}#suggestions-status{margin:.5rem 0 0;min-height:1.1em}#suggestions-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.suggestion-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:6px}.suggestion-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.suggestion-text{font-size:.95rem;overflow-wrap:anywhere;white-space:pre-wrap}.suggestion-meta{color:var(--muted);font-size:.75rem}.suggestion-votes{display:flex;align-items:center;gap:.35rem}.suggestion-vote-btn{background:var(--bg-elev);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.25rem .55rem;font:inherit;font-size:.9rem;cursor:pointer;line-height:1;font-variant-numeric:tabular-nums}.suggestion-vote-btn:hover:not(:disabled){border-color:var(--accent)}.suggestion-vote-btn:disabled{opacity:.6;cursor:not-allowed}.suggestion-vote-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.link{color:var(--accent);text-decoration:underline;cursor:pointer}#summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}#summary h2{margin:0 0 .5rem;font-size:1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 1rem}.summary-grid>div{min-width:0;overflow-wrap:anywhere}.summary-grid div span:first-child{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-elev)}.mode-btn{font:inherit;background:transparent;border:none;padding:.4rem .9rem;color:var(--muted);cursor:pointer}.mode-btn.active{background:var(--accent);color:#fff}.explorer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.export-controls{display:flex;flex-wrap:wrap;gap:.5rem}.export-btn{font:inherit;font-size:.85rem;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.4rem .9rem;cursor:pointer}.export-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.export-btn:disabled{opacity:.6;cursor:default}.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.75rem;font-size:.9rem}.breadcrumb .crumb{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;display:inline-flex;gap:.4rem;align-items:center}.breadcrumb .crumb .label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.breadcrumb .crumb button{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0;font:inherit;line-height:1}.breadcrumb .crumb button:hover{color:var(--accent)}.breadcrumb .arrow{color:var(--muted)}.section-title{margin:1.25rem 0 .5rem;font-size:.95rem;font-weight:600;color:var(--fg)}.equip-groups{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.equip-group{flex:0 1 auto;min-width:0}.equip-group-heading{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.4rem}.equip-cards{display:grid;grid-template-columns:repeat(2,minmax(150px,200px));gap:.25rem}.equip-item-card{position:relative;display:flex;align-items:center;gap:.45rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.3rem .5rem;cursor:pointer;font:inherit;font-size:.85rem;color:var(--fg);text-align:left;transition:border-color .12s;width:100%}.equip-item-card:hover,.equip-item-card:focus-within,.equip-item-card.is-open{border-color:var(--accent);outline:none;z-index:2}.equip-item-card--changed{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.equip-item-card--empty{border-style:dashed;background:transparent;color:var(--muted);cursor:default;min-height:calc(26px + .6rem)}.equip-item-card--empty:hover,.equip-item-card--empty:focus-within{border-color:var(--border)}.equip-item-icon{flex-shrink:0;width:24px;height:24px;image-rendering:pixelated}.class-cell{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.class-icon{flex-shrink:0;width:25px;height:25px;image-rendering:pixelated}.skill-cell{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.skill-icon{flex-shrink:0;width:25px;height:25px;image-rendering:pixelated}.bar-label-icon{width:25px;height:25px;margin-right:.35rem;vertical-align:-8px;image-rendering:pixelated}.equip-item-icon[hidden]{display:none}.equip-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.equip-popover{display:none;position:absolute;top:100%;left:0;margin-top:4px;z-index:50;min-width:180px;max-width:300px;width:max-content;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:.55rem .7rem;box-shadow:0 4px 16px #00000040;cursor:default}.equip-popover a{cursor:pointer}.equip-popover:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px}.equip-item-card:hover .equip-popover,.equip-item-card:focus-within .equip-popover,.equip-item-card.is-open .equip-popover{display:block}.equip-popover-slot{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.15rem}.equip-popover-name{font-size:.9rem;font-weight:600;line-height:1.3;color:var(--fg);text-decoration:none;display:inline-block}a.equip-popover-name:hover{color:var(--accent);text-decoration:underline}.equip-popover-section{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:.45rem;margin-bottom:.2rem}.equip-popover-card-row{display:flex;align-items:center;gap:.35rem;font-size:.82rem;margin:.1rem 0;color:var(--fg);text-decoration:none}a.equip-popover-card-row:hover{color:var(--accent);text-decoration:underline}.equip-popover-card-icon{flex-shrink:0;image-rendering:pixelated}.equip-popover-card-icon[hidden]{display:none}.equip-pager{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.equip-arrow{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border, color-mix(in srgb, var(--fg) 18%, transparent));border-radius:.35rem;color:var(--fg);cursor:pointer;font:inherit;line-height:1;padding:.25rem .5rem}.equip-arrow svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.equip-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.equip-arrow:disabled{opacity:.4;cursor:default}.equip-page-counter{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--fg);min-width:2.5rem;text-align:center}.equip-page-caption{font-size:.85rem;color:var(--muted)}.character-viewer{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);min-width:252px;align-self:stretch}.character-stage{position:relative;flex:1 1 0;min-height:196px;width:100%}.character-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;visibility:hidden}.character-sprite.is-loaded{visibility:visible}.character-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:.85rem;color:var(--muted)}.character-error[hidden]{display:none}.character-controls{display:flex;flex-direction:column;gap:.4rem}.character-control-row{display:flex;align-items:center;gap:.5rem}.character-control-label{flex:1 1 auto;font-size:.85rem;color:var(--fg)}.character-state-select{font:inherit;font-size:.85rem;padding:.2rem .4rem;border:1px solid var(--border);border-radius:.35rem;background:var(--bg);color:var(--fg);cursor:pointer}.section-hint{margin:0 0 .5rem;color:var(--muted);font-size:.85rem}button{cursor:pointer}#charts h2,#tables h2{margin:0 0 .5rem;font-size:1rem}#dps-chart,.stats-chart{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:.5rem}.stats-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-top:1.25rem}.matchup-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.matchup-card+.matchup-card{margin-top:1.25rem}#explorer>div:not(:empty){margin-top:1.25rem}#explorer>div:empty{margin-top:0}.stats-card h2{margin:0 0 .75rem;font-size:1rem}.stats-cell-hint{display:block!important;color:var(--muted);font-size:.7rem;margin-top:.1rem}.brush-host{position:relative}.dps-analysis-legend{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;color:var(--muted)}.dps-analysis-legend-dot{display:inline-block;width:12px;height:12px;margin-left:.75rem;margin-right:.25rem}.dps-analysis-legend-dot--damage{background:var(--accent);border-radius:50%}.dps-analysis-legend-dot--chat{width:4px;height:16px;background:#1f77b48c}@media (prefers-color-scheme: dark){.dps-analysis-legend-dot--chat{background:#62a4d98c}}.uplot .u-select{background:color-mix(in srgb,var(--accent) 22%,transparent);border-left:1px solid var(--accent);border-right:1px solid var(--accent)}.brush-actions{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.85rem;color:var(--muted)}.brush-actions button{font:inherit;padding:.2rem .6rem;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);border-radius:4px}.bar-chart{display:flex;flex-direction:column;gap:.35rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem}.bar-row{display:grid;grid-template-columns:minmax(8em,28em) minmax(6em,1fr) max-content;gap:.6rem;align-items:center;font-size:.9rem}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.bar-label,a.bar-label-link,a.cell-link{color:inherit;text-decoration:none}.mob-skills-filter{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .75rem;font-size:.85rem}.mob-skills-filter label{color:var(--muted)}.mob-skills-filter select{background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:4px;padding:.2rem .4rem;font-size:.85rem}a.bar-label:hover,a.bar-label-link:hover,a.cell-link:hover{color:var(--accent);text-decoration:underline}.bar-track{position:relative;height:1.4em;background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:4px;overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;transition:width .18s ease-out}.bar-value{font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--bg-elev);font-size:.9rem}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border)}th{cursor:pointer;user-select:none;background:color-mix(in srgb,var(--bg-elev) 80%,var(--border));position:sticky;top:0}th.sorted:after{content:" ▾";color:var(--muted)}th.sorted.asc:after{content:" ▴"}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb,var(--accent) 10%,var(--bg-elev))}tr.selected td{background:color-mix(in srgb,var(--accent) 22%,var(--bg-elev))}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--border);border-radius:6px;max-height:360px;overflow:auto}#report-root{display:none;background:var(--bg);color:var(--fg)}.report-header{margin-bottom:1rem}.report-header h1{margin:0 0 .25rem;font-size:1.3rem}.print-tab-title{margin:0 0 .75rem;font-size:1.15rem;border-bottom:2px solid var(--accent);padding-bottom:.25rem}@media print{body.printing-report>*:not(#report-root){display:none!important}body.printing-report #report-root{display:block!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-report .print-tab{break-before:page}body.printing-report .print-tab:first-of-type{break-before:auto}body.printing-report .stats-card,body.printing-report .table-wrap{break-inside:avoid}body.printing-report .table-wrap{max-height:none;overflow:visible}@page{margin:12mm}}