:root{--bg: #121212;--bg-elevated: #0a0a0a;--surface: #1a1715;--border: #3d342f;--text: #ece8e4;--muted: #9c948c;--accent: #ff8c00;--accent-dim: #c2410c;--accent-bright: #ffd700;--fire-red: #b22222;--danger: #ef4444;--radius: 10px;font-family:"Source Sans 3",system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 100% 70% at 50% -15%,rgba(178,34,34,.18) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(255,140,0,.08) 0%,transparent 45%),var(--bg)}#root{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-shell{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:1.5rem;align-items:start}@media(max-width:840px){.app-shell{grid-template-columns:1fr}}.sim-sidebar{position:sticky;top:1rem;padding:1rem 1.1rem;background:linear-gradient(165deg,#1e1715fa,#120e0cfc);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 0 0 1px #ff8c001f,0 12px 40px #00000073}.sidebar-logo-block{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:.75rem}.sidebar-logo{width:112px;height:112px;max-width:100%;object-fit:contain;border-radius:50%;box-shadow:0 0 0 2px #ffd70059,0 0 28px #ff640040,inset 0 0 20px #00000059}.sidebar-brand{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.06em;font-size:1.05rem;margin-top:.65rem;color:var(--text)}.brand-gradient{background:linear-gradient(105deg,var(--accent-bright) 0%,#ff9500 45%,var(--fire-red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-tagline{font-size:.8rem;color:var(--muted);margin:.5rem 0 1rem;line-height:1.4}.sidebar-tagline a{color:#fdba74}.sidebar-nav{display:flex;flex-direction:column;gap:.4rem}.sidebar-link{text-align:left;padding:.55rem .65rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.2rem}.sidebar-link:hover{border-color:var(--border);background:var(--bg-elevated)}.sidebar-active{border-color:#ff8c0073;background:var(--bg-elevated);box-shadow:inset 0 0 0 1px #ff8c0033}.sidebar-link-label{font-family:Cinzel,Georgia,serif;font-size:.9rem;color:#ffcc80}.sidebar-link-desc{font-size:.75rem;color:var(--muted);line-height:1.35}.app-main{min-width:0}.setup-stack{display:flex;flex-direction:column;gap:1.25rem}.hint.tiny{font-size:.82rem;margin-top:-.25rem}.span-row{grid-column:1 / -1}.options-grid .span-row select{width:100%;max-width:420px}.linkish{background:none;border:none;color:#ffb347;cursor:pointer;text-decoration:underline;padding:0;font:inherit}.sep{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.compare-slot{margin-bottom:1rem}.compare-slot-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem}.compare-label{font-size:.8rem;color:var(--muted)}.compare-label-input{flex:1;min-width:120px;max-width:220px;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.tiny-btn{font-size:.75rem;padding:.25rem .5rem}.pad-actions{padding-top:.5rem}.compare-table-wrap{overflow-x:auto;margin-bottom:1rem}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem}.compare-table th,.compare-table td{border:1px solid var(--border);padding:.5rem .65rem;text-align:left}.compare-table th{background:var(--bg-elevated);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.compare-row-active{background:#ff8c001f;cursor:pointer}.compare-table tbody tr{cursor:pointer}.compare-table tbody tr:hover{background:#ffffff0a}.latest-sims-toolbar{margin-bottom:.75rem}.latest-sims-table tbody tr{cursor:default}.latest-sims-table tbody tr:hover{background:#ffffff08}.latest-sims-meta{font-size:.85rem;color:var(--muted);max-width:14rem}.latest-sims-when{white-space:nowrap;font-size:.85rem;color:var(--muted)}.latest-sims-actions{white-space:nowrap;width:1%}.app-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.header-title-row{display:flex;align-items:center;gap:1rem;min-width:0}.header-logo-mark{flex-shrink:0;width:52px;height:52px;object-fit:contain;border-radius:50%;box-shadow:0 0 0 2px #ffd70040}.header-title-row .subtitle{margin:0 0 .35rem}.header-mode-title{margin-bottom:.25rem}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.job-pill code{font-size:.8rem;color:#ffcc80}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding:.2rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.tab{font-family:Cinzel,Georgia,serif;font-size:.9rem;letter-spacing:.04em;padding:.55rem 1.1rem;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.tab:hover{color:#ffd699}.tab-active{background:var(--surface);color:#fff8e7;box-shadow:0 1px #ff8c0073}.tab-panels{min-height:12rem}.tab-panel{margin-bottom:0}.hint{color:var(--muted);font-size:.9rem;margin:0 0 1rem;line-height:1.45}.hint code{font-size:.85em;color:#ffb347}.byte-count{color:#78716c;font-size:.85rem}.banner-msg{padding:.65rem 1rem;margin:0 0 1rem;border-radius:8px;border:1px solid rgba(220,38,38,.45);background:#450a0a59}.field-group{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.field-group:last-of-type{border-bottom:none;padding-bottom:0}.field-group-title{font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:600;margin:0 0 .75rem;color:#ffc266;letter-spacing:.03em}.options-grid .span-2{grid-column:span 2}@media(max-width:520px){.options-grid .span-2{grid-column:span 1}}h1{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.06em;font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 .25rem;background:linear-gradient(90deg,#fff4d6 0%,var(--accent-bright) 35%,#ff8c00 70%,#cd5c12 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin:0 0 2rem;font-size:1rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.panel h2{font-family:Cinzel,Georgia,serif;font-size:1.1rem;margin:0 0 1rem;color:#ffc266}.results-panel.panel h2{padding-bottom:.75rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,140,0,.18)}label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.35rem}textarea{width:100%;min-height:220px;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:ui-monospace,monospace;font-size:.8125rem;resize:vertical}textarea:focus{outline:2px solid var(--accent-dim);outline-offset:2px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;align-items:end}select,input[type=number]{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:.9375rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem}.checkbox-row input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}button.primary{font-family:Cinzel,Georgia,serif;letter-spacing:.04em;padding:.65rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(180deg,#ffb020 0%,var(--accent) 40%,var(--accent-dim) 100%);color:#1a0a00;font-size:.95rem;cursor:pointer;box-shadow:0 2px 12px #ff8c0059,inset 0 1px #fff3}button.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:.875rem}button.secondary:hover{border-color:#ff8c0080;color:#ffd699}.status{font-size:.9rem;color:var(--muted)}.status.error{color:#fca5a5}.summary-card{margin:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.summary-card dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}.summary-card dd{margin:.25rem 0 0;font-size:1.25rem;font-weight:600;color:#ffe8a8}.results-summary-hero{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,140,0,.12)}.results-summary-identity{display:flex;align-items:flex-start;gap:.85rem;flex-wrap:wrap}.results-class-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;border:2px solid rgba(255,140,0,.4);box-shadow:0 0 0 1px #00000073,0 4px 12px #0006;object-fit:cover;background:#1c1917}.results-class-icon-ph{flex-shrink:0;width:48px;height:48px;border-radius:10px;border:1px dashed rgba(120,113,108,.45);background:#00000040}.results-summary-identity-text{min-width:min(100%,22rem)}.results-mode-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem}.results-mode-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .55rem;border-radius:999px;background:#7dd3fc1a;color:#7dd3fc;border:1px solid rgba(125,211,252,.28)}.results-setup-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px;background:#fbbf241a;color:#fcd34d;border:1px solid rgba(251,191,36,.35)}.results-player-line{font-size:1.05rem;font-weight:600;color:#fff7ed;line-height:1.35}.results-player-name{color:#ffedd5}.results-player-spec{font-weight:500;color:#fde68a}.results-player-role{font-size:.88rem;font-weight:500;color:var(--muted)}.results-summary-metrics{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.summary-card--primary{width:100%;max-width:280px;margin:0 auto;text-align:center;box-shadow:0 0 0 1px #00000059,0 8px 28px #00000073}.summary-card--metric-dps{border:2px solid rgba(251,191,36,.5);background:linear-gradient(165deg,#37281cf2,#1c1612fa)}.summary-card--metric-dps dt{color:#fcd34d}.summary-card--metric-dps dd{font-size:1.65rem;font-weight:700;color:#fef3c7;letter-spacing:.02em}.summary-card--metric-hps{border:2px solid rgba(74,222,128,.45);background:linear-gradient(165deg,#162d20f2,#121c16fa)}.summary-card--metric-hps dt{color:#86efac}.summary-card--metric-hps dd{font-size:1.65rem;font-weight:700;color:#dcfce7;letter-spacing:.02em}.summary-cards-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.summary-cards-secondary .summary-card{min-width:120px;flex:0 1 auto}.summary-card--hps dd{color:#86efac}.summary-card--tmi dd{color:#93c5fd}.summary-card--time dd{color:#d6d3d1}.insight-stat-tone{font-weight:500}.insight-stat-tone--str{color:#e57373}.insight-stat-tone--agi{color:#81c784}.insight-stat-tone--int{color:#64b5f6}.insight-stat-tone--sta{color:#a1887f}.insight-stat-tone--spi{color:#fff176}.insight-stat-tone--crit{color:#ffb74d}.insight-stat-tone--haste{color:#fff176}.insight-stat-tone--mastery{color:#ba68c8}.insight-stat-tone--vers{color:#4dd0e1}.insight-stat-tone--leech{color:#a5d6a7}.insight-stat-tone--avoid{color:#90caf9}.insight-stat-tone--speed{color:#dce775}.insight-stat-tone--armor{color:#b0bec5}.insight-stat-tone--misc{color:#ce93d8}.simc-html-download{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.85rem;margin:0 0 1.25rem;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,140,0,.2);background:#00000038}.simc-html-download-text{display:flex;flex-direction:column;gap:.25rem;min-width:min(100%,22rem)}.simc-html-download-title{font-family:Cinzel,Georgia,serif;font-size:.92rem;letter-spacing:.04em;color:#ffd699}.simc-html-download-caption{font-size:.78rem;color:var(--muted)}details.json-details{margin-top:1rem}details.json-details summary{cursor:pointer;color:var(--muted);font-size:.875rem}pre.json-pre{overflow:auto;max-height:280px;padding:1rem;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.75rem;line-height:1.4}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--muted);letter-spacing:.02em}.app-version{color:#78716c;font-variant-numeric:tabular-nums}.report-insights{margin:0 0 1.35rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid rgba(255,140,0,.2);background:linear-gradient(165deg,#1a1614f2,#0e0c0bfa)}.report-insights-head{margin-bottom:.85rem}.report-insights-title{font-family:Cinzel,Georgia,serif;font-size:1rem;margin:0 0 .35rem;color:#ffc266;letter-spacing:.04em}.report-insights-sub{margin:0;font-size:.82rem;color:var(--muted);line-height:1.45}.report-insights-warn{margin:0 0 .85rem;padding:.55rem .75rem;border-radius:8px;border:1px solid rgba(251,191,36,.35);background:#78350f40;font-size:.84rem;color:#fde68a;line-height:1.45}.insight-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.insight-tab{padding:.4rem .75rem;border-radius:8px;border:1px solid transparent;background:#0003;color:var(--muted);font-size:.8rem;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.insight-tab:hover{color:#ffd699;border-color:#ff8c0040}.insight-tab-active{color:#fff4e0;border-color:#ff8c0073;background:#ff8c001a}.insight-panel{font-size:.88rem;line-height:1.5}.insight-overview p{margin:0 0 .65rem}.insight-muted{color:var(--muted);font-size:.86rem}.insight-seq-note{margin:0 0 .65rem}.insight-list{margin:0;padding-left:1.2rem;color:#d6d0c8;font-size:.86rem}.insight-list li{margin-bottom:.35rem}.insight-table-wrap{overflow-x:auto;margin:0 -.15rem}.insight-table{width:100%;min-width:420px;border-collapse:collapse;font-size:.84rem}.insight-table th,.insight-table td{border:1px solid var(--border);padding:.45rem .55rem;text-align:left;vertical-align:top}.insight-table th{background:#00000040;color:#a8a29e;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.insight-sort-th{padding:0;vertical-align:bottom}.insight-sort-btn{display:flex;align-items:center;gap:.2rem;width:100%;margin:0;padding:.45rem .55rem;border:none;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left}.insight-sort-btn:hover{color:#fde68a}.insight-sort-btn-end{justify-content:flex-end;text-align:right}.insight-sort-indicator{opacity:.85;font-size:.65rem}.insight-table-stats .insight-stat-value-cell{color:#fde68a;font-weight:600}.insight-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.insight-table-compact td{padding:.3rem .45rem;font-size:.8rem}.insight-name{display:block;font-weight:600;color:#ffe8c8}.insight-sub{display:block;font-size:.75rem;color:var(--muted);margin-top:.1rem}.insight-wait{color:#7dd3fc;font-style:italic}.insight-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1rem}.insight-stat-cell{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated)}.insight-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);word-break:break-word}.insight-stat-value{font-size:.9rem;font-weight:600;color:#fde68a;font-variant-numeric:tabular-nums}.wow-spell-inline{display:flex;align-items:flex-start;gap:.5rem;min-width:0}a.wow-spell-row-link{display:flex;align-items:flex-start;gap:.5rem;min-width:0;text-decoration:none}.wow-spell-icon{flex-shrink:0;width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,140,0,.35);box-shadow:0 0 0 1px #0006,0 2px 6px #00000059;object-fit:cover;background:#1c1917}.wow-spell-icon-ph{flex-shrink:0;width:22px;height:22px;border-radius:5px;border:1px dashed rgba(120,113,108,.5);background:#00000040}.wow-spell-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}a.wow-spell-link{color:#7dd3fc}a.wow-spell-link:hover{color:#bae6fd;text-decoration:underline}a.wow-spell-row-link .insight-name{text-decoration:none}a.wow-spell-row-link:hover .insight-name{text-decoration:underline}