: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;text-decoration:none;cursor:pointer}.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:1080px;margin:44px auto;padding:0 24px}.pairing h1{color:var(--accent);margin:0 0 6px}.lede{color:var(--text);margin:0 0 16px}.pair-cols{display:flex;gap:44px;align-items:flex-start}.pair-connect{flex:1 1 360px;min-width:0}.pair-showcase{flex:1 1 560px;min-width:0;position:sticky;top:24px}.pair-tagline{color:var(--accent);font-size:19px;font-weight:700;line-height:1.35;margin:0 0 14px}.showcase-stage{position:relative;aspect-ratio:1460 / 815;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 36px #00000080;background:var(--panel)}.showcase-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}.showcase-slide.active{opacity:1}.showcase-slide img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.showcase-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;font-size:12.5px;color:#ece6d2;background:linear-gradient(transparent,#000000d1)}.showcase-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.showcase-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--line);transition:background .2s}.showcase-dot.active{background:var(--accent)}@media (max-width: 880px){.pairing{max-width:620px}.pair-cols{flex-direction:column;gap:28px}.pair-showcase{position:static}}.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}.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-slots,.detail-totals,.detail-aside-col{flex:1 1 100%;max-width:100%}.detail-totals .tv-panel{column-count:1}.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-view{max-width:1120px;margin:0 auto}.shared-banner{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;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 .shared-from{display:inline-flex;align-items:center;gap:5px}.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;flex-direction:column;gap:22px}.detail-set{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.detail-grid{margin:0;flex:none}.detail-slots{flex:1 1 360px;max-width:560px;min-width:0}.detail-analysis{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.detail-totals{flex:1 1 380px;max-width:500px;min-width:0}.detail-aside-col{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}.detail-diff:empty,.detail-suggest:empty{display:none}.detail-totals .tv-panel{column-count:2;column-gap:24px}.detail-totals .tv-title{column-span:all}.detail-totals .tv-section{break-inside:avoid}.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}.pair-alt{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.pair-alt-title{color:var(--accent);font-size:13px;font-weight:700;margin-bottom:4px}.pair-enter{display:flex;gap:8px;margin:10px 0;max-width:360px}.pair-input{flex:1;min-width:0;background:#0e0e16;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:7px 10px;font-family:inherit;font-size:13px;letter-spacing:1px;text-transform:uppercase}.pair-input:focus{outline:none;border-color:var(--accent)}.pair-input-bad{border-color:#c2706a;animation:pair-shake .25s}@keyframes pair-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pair-alt-row{display:flex;gap:8px;flex-wrap:wrap}.pair-link-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:4px;cursor:pointer;font-family:inherit;font-size:10px;padding:1px 6px;line-height:1.4;margin-left:4px}.pair-link-btn:hover{color:var(--accent);border-color:var(--accent)}.pair-back-row{margin:0 0 10px}.pair-back-row .btn{font-size:11px;padding:4px 10px}.topbar-refresh{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;cursor:pointer;font-size:13px;line-height:1;padding:4px 8px}.topbar-refresh:hover{color:var(--accent);border-color:var(--accent)}.topbar-refresh:disabled{opacity:.6;cursor:default}.topbar-refresh.spin{animation:ot-spin .7s linear infinite}@keyframes ot-spin{to{transform:rotate(360deg)}}.shared-banner .shared-actions{display:flex;align-items:center;gap:10px}.new-badge{background:var(--good);color:#0e1a12;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.import-bg{position:fixed;inset:0;z-index:300;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.import-modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px;width:440px;max-width:100%;box-shadow:0 16px 50px #0009}.import-title{color:var(--accent);font-size:15px;font-weight:700;margin-bottom:4px}.import-row{display:flex;align-items:center;gap:10px;margin:10px 0}.import-row>label{color:var(--text);font-size:12px;min-width:96px;display:inline-flex;align-items:center;gap:6px}.import-row.im-mode>label{min-width:156px}.import-row select,.import-row input{flex:1;min-width:0;background:#0e0e16;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:5px 8px;font-family:inherit;font-size:12px}.import-row select:focus,.import-row input:focus{outline:none;border-color:var(--accent)}.import-row input[type=radio]{flex:none}.import-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.ottoswap-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);max-width:min(440px,calc(100vw - 32px));background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.4;box-shadow:0 8px 28px #00000073;opacity:0;pointer-events:none;z-index:1000;transition:opacity .18s ease,transform .18s ease}.ottoswap-toast.show{opacity:1;transform:translate(-50%)}.ottoswap-toast.ok{border-left-color:var(--good)}.ottoswap-toast.warn{border-left-color:#f0a84b}.ottoswap-update{position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:#1a1505;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 12px #00000059}.ottoswap-update button{background:#1a1505;color:var(--accent);border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.ottoswap-update button:hover{background:#2a2410}.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;max-width:340px}.og-augments{color:#e08a8a;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.og-flags{color:var(--good);font-size:10px;align-self:flex-start;margin-top:2px}.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;align-self:flex-start;margin-top:2px}.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-ctx{display:inline-block;margin-left:6px;padding:0 5px;border-radius:8px;font-size:9px;line-height:1.5;vertical-align:middle;color:var(--muted, #8a93a8);background:#ffffff0f}.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-aug{color:#c9a86a;font-size:9px;font-style:italic;line-height:1.25}.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}