:root{color-scheme:dark;--bg: #0f1420;--panel: #16213e;--panel-2: #1b2540;--line: #2a3a5a;--text: #c9d4e8;--muted: #6b7894;--accent: #d6c869;--good: #4dff9d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}#app{height:100%;display:flex;flex-direction:column}a{color:var(--accent)}code{background:#0e0e16;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:#dbe6f5}.topbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.brand{color:var(--accent);font-size:20px;font-weight:700;letter-spacing:1px}.status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.status.connected{color:var(--good)}.status.connected:before{background:var(--good);box-shadow:0 0 6px var(--good)}.layout{flex:1;display:flex;min-height:0}.pairing{max-width:620px;margin:48px auto;padding:0 24px}.pairing h1{color:var(--accent);margin:0 0 6px}.lede{color:var(--text);margin:0 0 16px}.code-row{display:flex;align-items:center;gap:10px;margin-bottom:22px}.pair-code{font-size:28px;letter-spacing:4px;padding:8px 16px;color:var(--good)}.steps{line-height:2;color:var(--text);padding-left:20px}.steps code{font-size:12px}.hint{color:var(--muted);font-size:12px;margin-top:20px}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.ghost{background:none;color:var(--muted)}.sidebar{width:220px;border-right:1px solid var(--line);overflow-y:auto;padding:10px;flex:none}.pair-mini{color:var(--muted);font-size:11px;padding:4px 6px 12px}.char{margin-bottom:12px}.char-name{color:var(--accent);font-weight:700;padding:4px 6px}.job{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text);font-family:inherit;font-size:12px;padding:5px 8px;border-radius:5px;cursor:pointer}.job:hover{background:#82aaff14}.job.active{background:#d6c86924;color:var(--accent)}.job .count{color:var(--muted);font-size:11px}.main{flex:1;overflow-y:auto;padding:16px 20px}.muted{color:var(--muted);font-size:12px}.empty{color:var(--muted);margin-top:40px;text-align:center}.filter{margin-left:auto;background:#0e0e16;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;width:200px}.filter:focus{outline:none;border-color:var(--accent)}.detail-head{font-size:15px;margin-bottom:16px;display:flex;align-items:baseline;gap:8px}.crumb-job{color:var(--accent)}.groups{display:flex;flex-direction:column;gap:22px}.group-name{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:4px}.cards{display:flex;flex-wrap:wrap;gap:10px}.set-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px;cursor:pointer;transition:border-color .1s}.set-card:hover{border-color:var(--accent)}.set-card-title{color:var(--accent);font-size:12px;margin-bottom:7px;display:flex;gap:6px;align-items:baseline}.aka-count{color:var(--muted);font-size:10px}.crumbs{font-size:13px;margin-bottom:8px}.crumb-link{color:var(--muted);cursor:pointer}.crumb-link:hover{color:var(--accent)}.crumb-link:after{content:" › ";color:var(--muted)}.crumb-cur{color:var(--accent)}.detail-akas{color:var(--muted);font-size:11px;margin-bottom:14px}.detail-akas .aka{background:var(--panel-2);border:1px solid var(--line);border-radius:3px;padding:1px 6px;margin-right:4px}.detail-body{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.detail-slots{flex:2;min-width:300px}.detail-totals{flex:1;min-width:280px}.unparsed{color:var(--muted);font-size:11px;margin-top:18px;font-style:italic}.job-icon{image-rendering:pixelated;vertical-align:middle}.job-lbl{display:inline-flex;align-items:center;gap:7px}.crumb-job{display:inline-flex;align-items:center;gap:6px}.crumb-link .job-icon,.crumb-job .job-icon{margin:0 2px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px}.sidebar-toggle{background:none;border:1px solid var(--line);color:var(--muted);border-radius:4px;cursor:pointer;font-size:10px;padding:1px 6px;line-height:1.4}.sidebar-toggle:hover{color:var(--accent);border-color:var(--accent)}.sidebar-rail{width:18px;flex:none;border-right:1px solid var(--line);background:var(--panel);display:flex;align-items:flex-start;justify-content:center;padding-top:12px;cursor:pointer;color:var(--muted);font-size:10px;user-select:none}.sidebar-rail:hover{color:var(--accent);background:var(--panel-2)}.group-jumpbar{position:sticky;top:0;z-index:50;background:var(--bg);padding:8px 0;margin:0 0 14px;box-shadow:0 6px 8px -4px #0006}.detail-head{flex-wrap:wrap}.jump-chips{display:flex;gap:6px;flex-wrap:wrap}.jump-chip{background:#82aaff14;border:1px solid var(--line);color:#9ab;font-family:inherit;font-size:10px;padding:3px 11px;border-radius:10px;cursor:pointer;white-space:nowrap;flex:none;text-transform:uppercase;letter-spacing:.5px}.jump-chip:hover{color:var(--accent);border-color:var(--accent)}.group-count{color:var(--muted);font-size:10px}.detail-akas .aka{cursor:pointer}.detail-akas .aka:hover{color:var(--accent);border-color:var(--accent)}.dup-label{color:var(--text)}.topbar{flex-wrap:wrap}.filter{flex:0 1 200px;min-width:0}@media (max-width: 860px){.detail-body{flex-direction:column}.detail-main,.detail-side{flex:1 1 100%;min-width:0;width:100%}.sidebar{width:168px}.main{padding:14px}}@media (max-width: 600px){html,body{font-size:12px}.layout{position:relative}.sidebar{width:150px;padding:8px}.topbar{padding:10px 12px;gap:8px}.brand{font-size:17px}.filter{flex:1 1 100%;width:100%;margin-left:0;order:5}.main{padding:12px}.detail-head{flex-wrap:wrap}.group-jumpbar{top:-12px}.pairing{margin:28px auto}.pair-code{font-size:22px;letter-spacing:2px}}@media (max-width: 600px){.og-grid.og-sm{--og-cell: 34px}.og-grid.og-md{--og-cell: 40px}}.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.shared-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px}.shared-banner b{color:var(--accent)}.set-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.crumb-sep{color:var(--muted)}.detail-actions{display:flex;align-items:center;gap:8px;flex:none}.detail-actions .btn{font-size:11px;padding:5px 12px}.set-action-msg{color:var(--good);font-size:11px;min-width:56px}.detail-body{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.detail-main{flex:2 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}.detail-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}.detail-grid{margin:0}.detail-slots,.detail-totals{min-width:0}.detail-suggest:not(:empty){margin-top:20px}.detail-draftbar:empty{display:none}.draft-banner{display:flex;align-items:center;gap:10px;background:#ffaa0014;border:1px solid #7a5a1e;border-radius:6px;padding:8px 12px;margin-bottom:14px;font-size:12px;color:#dca}.draft-badge{background:#b8860b;color:#1a1a2e;font-weight:700;font-size:10px;padding:1px 7px;border-radius:3px;letter-spacing:1px}.draft-reset{margin-left:auto;font-size:11px;padding:3px 9px}.draft-hint{color:var(--muted);font-size:11px;font-style:italic;margin-bottom:14px}.og-grid{display:grid;grid-template-columns:repeat(4,var(--og-cell, 48px));grid-auto-rows:var(--og-cell, 48px);gap:1px;padding:1px;background:#17150f;border:1px solid #8d8468;border-radius:2px;width:max-content}.og-grid.og-sm{--og-cell: 36px}.og-grid.og-md{--og-cell: 48px}.og-grid.og-lg{--og-cell: 58px}.og-cell{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2b2a22;box-shadow:inset 0 0 4px #0000008c;font-family:monospace;cursor:default}.og-cell img:not(.og-aug-badge){width:calc(var(--og-cell, 48px) - 4px);height:calc(var(--og-cell, 48px) - 4px);image-rendering:pixelated}.og-cell:hover{outline:1px solid #d6c869;outline-offset:-1px}.og-cell.og-empty{background:#2b2a22;color:#56524a;font-size:9px;font-style:italic}.og-cell.og-forced{background:#2b2a22;color:#777;font-size:16px}.og-cell.og-unresolved{color:#c66;font-size:18px;font-weight:700;background:#3a2626}.og-cell.og-unowned:after{content:"";position:absolute;inset:0;border:2px solid #c47a74;background:#96323224;pointer-events:none}.og-cell.og-unowned img:not(.og-aug-badge){filter:brightness(.92)}.og-row.og-unowned .og-name{color:#c79a96}.og-notowned{color:#c98b86;font-size:9px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #6e4a47;border-radius:3px;padding:0 4px;align-self:center;white-space:nowrap}.og-aug-badge{position:absolute;bottom:1px;right:1px;width:16px;height:16px;image-rendering:pixelated;pointer-events:none}.og-table{display:flex;flex-direction:column;gap:2px;font-family:monospace}.og-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:2px 8px;border-radius:3px;cursor:default}.og-row:hover{background:#d6c86912}.og-row img{width:22px;height:22px;image-rendering:pixelated;flex:none}.og-label{color:var(--muted);width:44px;flex:none;font-size:10px;text-transform:uppercase}.og-name{color:var(--text)}.og-name-wrap{display:flex;flex-direction:column;gap:1px;min-width:0}.og-augments{color:#e08a8a;font-size:10px}.og-flags{color:var(--good);font-size:10px;margin-left:auto}.og-row.og-unresolved-row .og-name{color:var(--muted);font-style:italic}.og-qmark{color:var(--muted)}.og-row.og-empty-row .og-name{color:var(--muted);font-style:italic}.og-wiki{color:var(--muted);text-decoration:none;font-size:11px;padding:0 3px;flex:none}.og-flags+.og-wiki{margin-left:0}.og-wiki:not(.og-flags~.og-wiki){margin-left:auto}.og-wiki:hover{color:var(--accent)}.gear-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#262614f7;border:1px solid #b8b86a;color:#e8e8c8;font-size:11px;line-height:1.45;padding:8px 10px;max-width:330px;border-radius:2px;box-shadow:2px 2px 10px #000000a6;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.gear-tooltip .tt-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.gear-tooltip .tt-head img{width:28px;height:28px;image-rendering:pixelated}.gear-tooltip .tt-name{color:#fff;font-weight:700;font-size:12px}.gear-tooltip .tt-flags{color:#d6c869;margin-left:auto;font-size:10px;padding-left:10px}.gear-tooltip .tt-stats,.gear-tooltip .tt-desc{white-space:pre-line;margin:2px 0}.gear-tooltip .tt-augments{color:#ff9a9a;margin:4px 0}.gear-tooltip .tt-inferred{color:#99a;font-size:9px;font-style:italic;margin-top:-2px}.og-augments.inferred{font-style:italic;opacity:.85}.gear-tooltip .tt-jobs{color:#7fa8c9;margin-top:4px;font-size:10px;letter-spacing:.3px}.gear-tooltip .tt-level{color:#999;margin-top:4px;font-size:10px}.og-grid.og-editable .og-cell[data-slot],.og-table.og-editable .og-row[data-slot]{cursor:pointer}.og-table.og-editable .og-row[data-slot]:hover{background:#d6c8690f}.og-cell.og-drafted:before{content:"";position:absolute;inset:0;border:2px solid #ffaa00;pointer-events:none;z-index:1}.og-row.og-drafted{background:#ffaa0014;border-left:2px solid #ffaa00}.tv-panel{background:var(--panel, #16213e);border:1px solid var(--line, #2a3a5a);border-radius:6px;padding:12px 18px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text, #c9d4e8)}.tv-title{color:var(--accent, #d6c869);font-weight:700;font-size:12px;letter-spacing:.5px;border-bottom:1px solid var(--line, #2a3a5a);padding-bottom:6px;margin-bottom:8px}.tv-empty{color:var(--muted, #6b7894);font-size:11px;font-style:italic;padding:4px 0}.tv-section{margin-top:10px}.tv-section:first-of-type{margin-top:0}.tv-section-title{color:var(--muted, #6b7894);font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px dashed var(--line, #2a3a5a);padding-bottom:4px;margin-bottom:5px}.tv-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:2px 4px;border-radius:3px;border-bottom:1px solid rgba(255,255,255,.04)}.tv-k{color:var(--text, #c9d4e8)}.tv-v{white-space:nowrap}.tv-pos{color:var(--good, #4dff9d)}.tv-neg{color:#ff7a7a}.tv-zero{color:var(--muted, #6b7894)}.tv-fx{background:var(--panel-2, #1b2540);border-bottom:1px solid var(--line, #2a3a5a)}.tv-fx .tv-k{color:var(--accent, #d6c869)}.tv-note{margin-top:10px;color:var(--muted, #6b7894);font-size:10px;font-style:italic;border-top:1px dashed var(--line, #2a3a5a);padding-top:6px}.gear-picker{position:fixed;z-index:200;width:340px;max-height:440px;display:flex;flex-direction:column;background:#14130d;border:1px solid #8d8468;border-radius:8px;box-shadow:0 10px 30px #0009;font-size:12px}.picker-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #3a3724}.picker-title{color:#d6c869;font-size:12px}.picker-close{background:none;border:none;color:#8a8470;cursor:pointer;font-size:13px}.picker-close:hover{color:#d6c869}.picker-tools{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid #2a2818}.picker-search{flex:1;min-width:0;background:#0e0e08;border:1px solid #3a3724;color:#d9d4c0;border-radius:5px;padding:5px 8px;font-family:inherit;font-size:12px}.picker-search:focus{outline:none;border-color:#d6c869}.picker-act{font-size:11px;padding:4px 8px}.picker-list{overflow-y:auto;padding:4px}.picker-row{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:5px;cursor:pointer}.picker-row:hover{background:#26241a}.picker-row.unowned{opacity:.66}.picker-row img{width:30px;height:30px;image-rendering:pixelated;flex:none}.picker-row-body{flex:1;min-width:0}.picker-row-name{color:#ddd6bf;font-size:11px}.picker-flags{color:#b56b66;font-size:9px}.picker-aug-badge{width:11px;height:11px;vertical-align:middle}.picker-stats{color:#8a8470;font-size:9px;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.picker-augments{color:#c4b85f;font-size:9px;margin-top:2px}.picker-row-meta{flex:none;text-align:right;color:#6f6a55;font-size:9px}.picker-owned-tag{color:#6fae6f}.picker-unowned-tag{color:#8a8470;font-style:italic}.picker-more{color:#6f6a55;font-size:10px;font-style:italic;padding:6px;text-align:center}.picker-empty{color:#8a8470;font-size:11px;padding:14px;text-align:center}.suggest-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 18px 14px}.suggest-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.suggest-title{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px}.suggest-profile{background:#0e0e08;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11px}.suggest-profile:focus{outline:none;border-color:var(--accent)}.suggest-empty{color:var(--muted);font-size:11px;font-style:italic;padding:8px 0}.suggest-slot-block{margin-top:12px}.suggest-slot-head{display:flex;align-items:baseline;gap:8px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:3px;margin-bottom:5px}.suggest-collapse{color:var(--muted);font-size:9px}.suggest-slot-label{color:#ccd6c0;font-size:11px;text-transform:uppercase}.suggest-reason{font-size:9px;padding:1px 6px;border-radius:8px}.suggest-reason.empty{color:#c08a2a;background:#c08a2a1f}.suggest-reason.unowned{color:#d6c869;background:#d6c8691f}.suggest-reason.upgrade{color:#4dff9d;background:#4dff9d1f}.suggest-current{color:var(--muted);font-size:10px;margin-left:auto}.suggest-slot-block.folded .suggest-slot-body{display:none}.suggest-section{margin:4px 0 6px}.suggest-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.suggest-section-label.owned{color:#4dff9d}.suggest-section-label.unowned{color:var(--muted)}.suggest-row{display:flex;gap:10px;flex-wrap:wrap}.suggest-card{display:flex;gap:7px;align-items:center;background:#1a180f;border:1px solid var(--line);border-radius:6px;padding:5px 8px;cursor:pointer;max-width:260px}.suggest-card:hover{border-color:var(--accent)}.suggest-card.owned{border-left:3px solid #2e7d52}.suggest-card.unowned{opacity:.74;border-left:3px dashed #555}.suggest-card img{width:26px;height:26px;image-rendering:pixelated;flex:none}.suggest-card-name{color:#ddd6bf;font-size:11px}.suggest-tag{color:#8a8470;font-size:8px;font-style:italic}.suggest-card-stats{color:#8fd98f;font-size:9px}.suggest-hint{color:var(--muted);font-size:10px;font-style:italic;margin-top:10px}.diff-panel{background:var(--panel);border:1px solid #7a5a1e;border-radius:6px;padding:12px 18px 14px}.diff-title{color:#fa0;font-size:12px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #7a5a1e;padding-bottom:6px;margin-bottom:10px}.diff-changes{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.diff-change{display:flex;align-items:center;gap:8px;font-size:11px}.diff-slot{color:#ccd6c0;text-transform:uppercase;font-size:10px;width:52px;flex:none}.diff-piece{display:inline-flex;align-items:center;gap:4px;color:var(--text)}.diff-piece img{width:20px;height:20px;image-rendering:pixelated}.diff-piece.none,.diff-piece.empty{color:var(--muted);font-style:italic}.diff-piece.diff-before{opacity:.55}.diff-piece.diff-before .diff-piece-name{text-decoration:line-through;text-decoration-color:#ffaa008c}.diff-piece.diff-after .diff-piece-name{color:#ffd98a}.diff-arrow{color:#fa0}.diff-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;margin-left:auto}.diff-remove:hover{color:#ff7a7a}.diff-none{color:var(--muted);font-size:11px;font-style:italic}.diff-chips{display:flex;flex-wrap:wrap;gap:5px}.diff-chip{font-size:10px;padding:2px 7px;border-radius:9px;border:1px solid var(--line)}.diff-chip.pos{color:#4dff9d;background:#4dff9d1a;border-color:#4dff9d4d}.diff-chip.neg{color:#ff7a7a;background:#ff7a7a1a;border-color:#ff7a7a59}