@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{background:oklch(14% .008 260);margin:0}#root{height:100%}:root{--bg-0:oklch(13% .008 260);--bg-1:oklch(16% .01 260);--bg-2:oklch(20% .01 260);--bg-3:oklch(25% .01 260);--line:oklch(30% .01 260);--line-soft:oklch(22% .01 260);--fg-0:oklch(97% .005 260);--fg-1:oklch(84% .008 260);--fg-2:oklch(60% .012 260);--fg-3:oklch(52% .012 260);--amber:oklch(82% .17 75);--amber-dim:oklch(50% .1 75);--cyan:oklch(78% .13 210);--cyan-dim:oklch(45% .08 210);--green:oklch(78% .17 145);--green-dim:oklch(45% .1 145);--magenta:oklch(68% .22 0);--red:oklch(65% .22 25);--radius:4px;--radius-lg:8px}*{box-sizing:border-box;margin:0;padding:0}.sf-app{background:var(--bg-0);height:100vh;color:var(--fg-1);grid-template-rows:48px 1fr;grid-template-columns:220px 1fr;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5;display:grid}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sf-topbar{border-bottom:1px solid var(--line-soft);background:var(--bg-1);grid-column:1/-1;align-items:center;gap:24px;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.sf-brand{letter-spacing:.06em;color:var(--fg-0);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.sf-brand-mark{background:var(--amber);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0;width:18px;height:18px}.sf-topbar-right{color:var(--fg-3);align-items:center;gap:16px;margin-left:auto;font-size:11px;display:flex}.sf-sidebar{border-right:1px solid var(--line-soft);background:var(--bg-1);padding:12px 0;overflow-y:auto}.sf-side-section{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);padding:12px 16px 6px;font-family:JetBrains Mono,monospace;font-size:9px}.sf-nav-item{color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;padding:9px 16px;font-size:13px;transition:background .1s,color .1s;display:flex}.sf-nav-item:hover{background:var(--bg-2);color:var(--fg-1)}.sf-nav-item.active{background:var(--bg-2);border-left-color:var(--amber);color:var(--fg-0);font-weight:500}.sf-nav-item .kbd{color:var(--fg-3);border:1px solid var(--line-soft);border-radius:3px;margin-left:auto;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px}.sf-main{background:var(--bg-0);overflow-y:auto}.panel{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}.panel-header{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;min-height:42px;padding:10px 16px;display:flex}.panel-title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.tag{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-soft);color:var(--fg-3);white-space:nowrap;border-radius:3px;align-items:center;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:9px;display:inline-flex}.tag-amber{color:var(--amber);border-color:var(--amber-dim);background:color-mix(in oklch, var(--amber) 8%, transparent)}.tag-cyan{color:var(--cyan);border-color:var(--cyan-dim);background:color-mix(in oklch, var(--cyan) 8%, transparent)}.tag-green{color:var(--green);border-color:var(--green-dim);background:color-mix(in oklch, var(--green) 8%, transparent)}.tag-red{color:var(--red);border-color:color-mix(in oklch, var(--red) 40%, var(--bg-0));background:color-mix(in oklch, var(--red) 8%, transparent)}.btn{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-1);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:1;transition:all .1s;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:var(--line);color:var(--fg-0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--amber);border-color:var(--amber);color:oklch(12% .04 75);font-weight:700}.btn-primary:hover{background:oklch(88% .17 75);border-color:oklch(88% .17 75)}.btn-danger{color:var(--red);border-color:color-mix(in oklch, var(--red) 30%, var(--line-soft))}.btn-danger:hover{background:color-mix(in oklch, var(--red) 10%, var(--bg-3))}textarea.sf-textarea{resize:vertical;border:1px solid var(--line-soft);background:var(--bg-0);width:100%;min-height:200px;color:var(--fg-2);border-radius:6px;outline:none;padding:12px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.55;transition:border-color .15s}textarea.sf-textarea:focus{border-color:var(--line);color:var(--fg-1)}textarea.sf-textarea::placeholder{color:var(--fg-3)}.wasm-banner{border-radius:6px;align-items:center;gap:10px;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.wasm-banner-ready{background:color-mix(in oklch, var(--green) 8%, var(--bg-1));border:1px solid color-mix(in oklch, var(--green) 25%, transparent);color:var(--fg-2)}.wasm-banner-loading,.wasm-banner-missing{background:var(--bg-1);border:1px solid var(--line-soft);color:var(--fg-3)}.wasm-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.char-banner{border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--bg-1);position:relative;overflow:hidden}.char-banner-top-bar{height:3px;position:absolute;top:0;left:0;right:0}.char-banner-body{align-items:flex-start;gap:24px;padding:20px 24px;display:flex}.char-banner-main{flex:1;min-width:0}.char-name{letter-spacing:-.02em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;line-height:1}.char-pills{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.char-pill{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--fg-2);white-space:nowrap;border-radius:3px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.char-talents{color:var(--fg-3);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4}.char-ilvl{text-align:right;flex-shrink:0}.char-ilvl-num{color:var(--amber);font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700;line-height:1}.char-ilvl-label{color:var(--fg-3);text-align:right;margin-top:3px;font-family:JetBrains Mono,monospace;font-size:10px}.gear-table{border-collapse:collapse;width:100%}.gear-row{border-bottom:1px solid var(--line-soft)}.gear-row:last-child{border-bottom:none}.gear-row:hover{background:var(--bg-2)}.gear-icon-cell{vertical-align:middle;width:46px;padding:3px 6px 3px 14px}.gear-icon{border:1px solid var(--line-soft);object-fit:cover;border-radius:4px;width:32px;height:32px;display:block}.gear-icon-placeholder{background:var(--bg-2)}.gear-icon-fallback{opacity:.35;filter:grayscale(.6)}.gear-slot{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;white-space:nowrap;width:82px;padding:7px 10px 7px 0;font-family:JetBrains Mono,monospace;font-size:9px}.gear-name{vertical-align:middle;padding:7px 8px;font-size:12px}.gear-name a{color:var(--fg-1);text-decoration:none}.gear-name a:hover{color:var(--amber)}.gear-name .no-name{color:var(--fg-3);font-family:JetBrains Mono,monospace;font-size:11px}.gear-right{vertical-align:middle;text-align:right;white-space:nowrap;padding:7px 16px 7px 4px}.gear-indicators{justify-content:flex-end;align-items:center;gap:5px;display:flex}.gear-ilvl{border:1px solid;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.gear-badge{color:var(--fg-3);border:1px solid;border-color:var(--line-soft);border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:9px}.gear-badge-enchant{color:oklch(72% .12 280);text-overflow:ellipsis;white-space:nowrap;border-color:oklch(40% .08 280);max-width:180px;overflow:hidden}.gear-badge-gem{color:oklch(72% .12 160);border-color:oklch(40% .08 160)}.gear-badge-crafted{color:var(--amber-dim);border-color:color-mix(in oklch, var(--amber) 30%, var(--line-soft))}.gear-expand-chevron{color:var(--fg-3);-webkit-user-select:none;user-select:none;margin-left:4px;font-size:8px}.gear-row-expanded{background:var(--bg-2)}.gear-row-detail td{background:var(--bg-2);border-bottom:1px solid var(--line-soft)}.progress-bar-track{background:var(--bg-3);border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:var(--amber);border-radius:2px;height:100%;transition:width .15s linear}.result-dps{color:var(--amber);letter-spacing:-.03em;font-family:JetBrains Mono,monospace;font-size:38px;font-weight:700;line-height:1}.result-dps-unit{color:var(--fg-3);margin-left:6px;font-size:14px;font-weight:400}.history-row{cursor:pointer;border:1px solid #0000;border-radius:6px;transition:background .1s,border-color .1s;overflow:hidden}.history-row:hover,.history-row.expanded{background:var(--bg-1);border-color:var(--line-soft)}.history-row-main{grid-template-columns:180px 1fr 130px 130px;align-items:center;gap:12px;padding:10px 14px;display:grid}