: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)}.status.browsing{color:#3d9b6b}.status.browsing:before{background:#3d9b6b;box-shadow:none}.status.degraded{color:#e0a93a}.status.degraded:before{background:#e0a93a;box-shadow:0 0 6px #e0a93a;animation:status-pulse 1.6s ease-in-out infinite}.status.offline{color:#d96565}.status.offline:before{background:#d96565;box-shadow:0 0 6px #d96565}@keyframes status-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.status.degraded:before{animation:none}}.degraded-strip{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;background:#241d0f;border-bottom:1px solid #a87a28;color:#f2e3c0;font-size:12px;padding:6px 14px}.degraded-strip .btn{font-size:11px;padding:2px 9px}.offline-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:48px 20px;max-width:560px;margin:0 auto}.offline-screen .offline-mage{image-rendering:pixelated;width:160px;height:auto;margin-bottom:6px}.offline-screen h1{margin:0;font-size:22px}.offline-screen .lede{color:var(--text);margin:2px 0}.offline-screen .hint{color:var(--muted);font-size:12.5px;line-height:1.6;margin:2px 0 0}.offline-actions{display:flex;gap:10px;margin-top:14px}.offline-support{color:var(--muted);font-size:12px;font-style:italic;margin:20px 0 0;max-width:460px}.offline-support a{color:#ff8aa8;text-decoration:none;font-weight:700}.offline-support a:hover{text-decoration:underline}.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}.cast-wait{display:flex;flex-direction:column;align-items:center;gap:4px;margin:14px 0 4px}.cast-wait .cast-anim{image-rendering:pixelated;width:120px;height:auto}.cast-wait .cast-cap{color:var(--muted);font-size:11px;font-style:italic;letter-spacing:.3px}.cast-wait.pub-loading{margin-top:48px}.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)}.btn{transition:color .4s ease,border-color .4s ease,background-color .4s ease}.btn.btn-copied{color:var(--good);border-color:var(--good);background:#2ecc711f}.sidebar{width:220px;border-right:1px solid var(--line);overflow-y:auto;padding:10px;flex:none}.pair-mini{color:var(--muted);font-size:11px;white-space:nowrap}.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}.empty-search{display:flex;flex-direction:column;align-items:center;gap:10px}.empty-search .cast-anim{image-rendering:pixelated;width:120px;height:auto;opacity:.92;transition:opacity .5s ease}.empty-search .cast-anim.cast-done{opacity:0}.filter{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)}.support-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;font-size:12px;color:#ec829e;border:1px solid var(--line);border-radius:6px;padding:5px 10px;transition:border-color .15s,background .15s,padding .35s ease,box-shadow .3s ease}.support-btn:hover{border-color:#ec829e;background:#ec829e1f}.sb-heart{display:inline-block;overflow:hidden;max-width:1.3em;transition:opacity .3s ease,max-width .35s ease,margin .35s ease}.support-cast{position:fixed;z-index:2000;height:60px;width:auto;image-rendering:pixelated;pointer-events:none}.discord-btn.cast-hide{opacity:0;pointer-events:none;transition:opacity .3s ease}.support-btn.casting{padding-left:16px;padding-right:16px;border-color:#ec829e;animation:support-glow 1.8s ease-in-out}.support-btn.casting .sb-heart{opacity:0;max-width:0;margin-right:-4px}@keyframes support-glow{0%,to{box-shadow:0 0 #ec829e00}45%{box-shadow:0 0 16px 3px #ec829eb3;color:#ec829e}}@media (prefers-reduced-motion: reduce){.support-cast{display:none!important}}.support-btn.inline{margin-left:0;border:none;padding:0;font-size:inherit;font-weight:700}.support-btn.inline:hover{background:none;text-decoration:underline}.discord-btn{margin-left:auto;color:#5865f2}.discord-btn+.support-btn{margin-left:8px}.discord-btn:hover{border-color:#5865f2;background:#5865f21f}.discord-ico{flex:none}.pair-support{margin:16px 0 0;font-size:12.5px;color:var(--muted, #8a93a8);text-align:center}.detail-head{font-size:15px;margin-bottom:16px;display:flex;align-items:baseline;gap:8px}.detail-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.detail-send,.detail-export{font-size:11px;padding:4px 11px}.detail-send{border-color:#a87a28;color:#f2e3c0}.detail-send:hover{border-color:#d39a2a;color:#fbe9c4}.detail-export{border-color:#2e7d52;color:#bfe6cf}.detail-export:hover{border-color:#2ecc71}.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;position:relative}.set-card:hover{border-color:var(--accent)}.set-del{position:absolute;top:3px;right:3px;background:none;border:none;cursor:pointer;padding:4px 5px;line-height:0;color:var(--muted);opacity:.6}.set-del:hover{opacity:1;color:#ff6b6b}.set-del svg,.btn-del svg{display:inline-block;vertical-align:middle}.btn-del svg{margin-right:4px}.btn-del:hover{color:#ff6b6b;border-color:#ff6b6b}.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;flex-direction:column;gap:7px;padding:4px 6px 12px}.sid-toprow{display:flex;align-items:center;justify-content:space-between;gap:8px}.pair-actions{display:flex;flex-wrap:wrap;gap:5px}.pair-actions .pair-link-btn{margin-left:0;flex:1 1 auto;text-align:center}.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}.set-action-msg:empty{display:none}.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,.draft-save{margin-left:auto;font-size:11px;padding:3px 9px}.draft-save+.draft-reset{margin-left:0}.saved-note{color:#8fd98f;font-size:11px}.draft-hint{color:var(--muted);font-size:11px;font-style:italic;margin-bottom:14px}.saved-banner{display:flex;align-items:center;gap:10px;background:#2ecc7114;border:1px solid #2e7d52;border-radius:6px;padding:8px 12px;margin-bottom:14px;font-size:12px;color:#bfe6cf}.saved-badge{background:#2ecc71;color:#06210f;font-weight:700;font-size:10px;padding:1px 7px;border-radius:3px;letter-spacing:1px}.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:0 7px;height:26px;min-width:26px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.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)}}.topbar-refresh.casting{padding:0;border-color:transparent;background:none}.refresh-cast{height:24px;width:auto;display:block;image-rendering:pixelated}.topbar-refresh.result{border:none;background:none;padding:0 2px;font-size:12px;white-space:nowrap;cursor:default;opacity:1;transition:opacity .4s ease}.topbar-refresh.result.fading{opacity:0}.topbar-refresh.result.ok{color:var(--good)}.topbar-refresh.result.warn{color:#e8c06b}.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}#wb-banner{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:300;max-width:92vw;display:flex;align-items:center;gap:10px;font-size:13px;background:#241d0f;border:1px solid #a87a28;border-left:3px solid #d39a2a;color:#f2e3c0;padding:9px 14px;border-radius:8px;box-shadow:0 8px 26px #0009}#wb-banner code{background:#0006;color:var(--accent);padding:1px 6px;border-radius:4px}#wb-banner.wb-done{background:#112519;border-color:#3aa06a;border-left-color:#3aa06a;color:#d6f2e2}#wb-banner.wb-err{background:#2a1212;border-color:#b04444;border-left-color:#b04444;color:#f6d2d2}#wb-banner .wb-resume{background:#b8860b;color:#1a1a2e;border:none;font-weight:700;font-size:12px;padding:4px 10px;border-radius:5px;cursor:pointer}.community-modal{width:fit-content;max-width:min(92vw,760px);max-height:82vh;display:flex;flex-direction:column}.community-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.community-head .community-close{margin-left:auto;padding:2px 9px}.community-body{overflow:auto;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start}.community-player{flex:0 0 auto}.community-empty{flex:1 1 100%;max-width:460px;text-align:center;padding:24px 8px;line-height:1.6}.community-player{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;background:#ffffff05}.community-player-link{display:block;margin-bottom:6px;font-size:12px;color:var(--accent);text-decoration:none;text-align:center}.community-player-link:hover{text-decoration:underline}.community-count{display:block;margin:-3px 0 6px;font-size:10px;text-align:center;cursor:default}.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:break-word;max-width:240px}.og-flags{color:var(--good);font-size:10px;align-self:flex-start;margin-top:2px}.og-boost{display:inline-flex;align-items:center;gap:4px;margin-top:3px;margin-right:10px;flex-wrap:wrap}.og-boost-lbl{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.og-tier,.og-rank-btn,.og-aug{font-family:inherit;background:none;color:var(--muted);border:1px solid var(--line);border-radius:3px;cursor:pointer;line-height:1}.og-aug{font-size:10px;padding:2px 7px;color:#c8a8e0;border-color:#6b4f86}.og-aug:hover{color:#e0c8f4;border-color:#a07cc4;background:#a07cc41f}.og-aug.rec:before{content:"★ ";color:#c8a8e0}.og-aug.active{color:#f0e0ff;border-color:#a07cc4;background:#a07cc438}.og-tier{font-size:10px;padding:2px 6px}.og-rank-btn{font-size:12px;width:20px;height:18px}.og-tier:hover,.og-rank-btn:hover{border-color:var(--accent);color:var(--accent)}.og-tier.active{border-color:var(--accent);color:var(--accent);background:#d6c8691f;cursor:default}.og-rank-val{color:var(--text);font-size:11px;min-width:16px;text-align:center}.og-rank-max{color:var(--muted);font-size:9px}.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:15px;line-height:1;padding:4px 8px;flex:none;align-self:center;margin-left:auto}.og-wiki:hover{color:var(--accent)}.og-remove{margin-left:auto;align-self:center;flex:none;font-family:inherit;background:none;border:none;cursor:pointer;color:var(--muted);font-size:12px;line-height:1;padding:4px 8px}.og-remove:hover{color:#ff6b6b}.og-remove+.og-wiki{margin-left:14px}.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}.og-cell.og-saved:before{content:"";position:absolute;inset:0;border:2px solid #2ecc71;pointer-events:none;z-index:1}.og-cell.og-drafted.og-saved:before{border-color:#fa0}.og-row.og-saved{background:#2ecc7114;border-left:2px solid #2ecc71}.og-row.og-drafted.og-saved{background:#ffaa0014;border-left-color:#fa0}.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-delta{font-size:11px;justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums}.tv-delta:before{font-size:7px;margin-right:3px;vertical-align:1.5px}.tv-delta.tv-up{color:var(--good, #4dff9d)}.tv-delta.tv-up:before{content:"▲"}.tv-delta.tv-down{color:#ff7a7a}.tv-delta.tv-down:before{content:"▼"}.tv-up{color:var(--good, #4dff9d)}.tv-down{color:#ff7a7a}.tv-ba{display:inline-flex;align-items:baseline;gap:5px;justify-self:end;white-space:nowrap}.tv-before{color:var(--muted, #6b7894);font-variant-numeric:tabular-nums}.tv-arrow{color:var(--muted, #6b7894);font-size:10px}.tv-removed .tv-k{color:var(--muted, #6b7894);text-decoration:line-through}.tv-row-up{background:#4dff9d12}.tv-row-down{background:#ff7a7a14}.tv-empty{color:var(--muted, #6b7894);font-size:11px;font-style:italic;padding:4px 0}.tv-section{display:grid;grid-template-columns:1fr max-content;column-gap:14px;margin-top:10px}.tv-section:first-of-type{margin-top:0}.tv-diff .tv-section{grid-template-columns:1fr max-content max-content}.tv-section-title{grid-column:1 / -1;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-section-job .tv-section-title{color:var(--accent, #c9a86a);border-bottom-color:var(--accent, #c9a86a)}.tv-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;font-size:12px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.tv-k{color:var(--text, #c9d4e8);min-width:0}.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;justify-self:end;font-variant-numeric:tabular-nums}.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}.aug-ed{position:fixed;z-index:1000;width:300px;max-width:calc(100vw - 12px);background:#14130c;border:1px solid #a07cc4;border-radius:8px;box-shadow:0 8px 24px #0000008c;padding:8px 10px;font-size:12px;color:var(--text, #ddd6bf)}.aug-ed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.aug-ed-title{color:#c8a8e0;font-weight:600;font-size:12px}.aug-ed-sugg{background:none;border:1px solid #6b4f86;color:#c8a8e0;cursor:pointer;font-size:10px;border-radius:4px;padding:1px 6px;margin-left:auto;margin-right:6px}.aug-ed-sugg:hover{border-color:#a07cc4;color:#e0c8f4;background:#a07cc41f}.aug-ed-x{background:none;border:none;color:var(--muted, #8a8470);cursor:pointer;font-size:13px;padding:0 2px}.aug-ed-x:hover{color:var(--text, #ddd6bf)}.aug-ed-rows{display:flex;flex-direction:column;gap:9px}.aug-ed-row{display:flex;flex-direction:column;gap:3px}.aug-ed-r1{display:flex;align-items:center;gap:6px}.aug-ed-stat{flex:1;min-width:0;background:#1a180f;color:var(--text, #ddd6bf);border:1px solid var(--line, #33312a);border-radius:5px;padding:3px 4px;font-size:11px}.aug-ed-val{min-width:40px;text-align:right;color:#c08bf0;font-size:11px;font-variant-numeric:tabular-nums}.aug-ed-rm{background:none;border:none;color:#e06b6b;cursor:pointer;font-size:12px;padding:0 2px}.aug-ed-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:#3a2f47;cursor:pointer}.aug-ed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#c08bf0;cursor:pointer}.aug-ed-slider::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:#c08bf0;cursor:pointer}.aug-ed-slot{display:flex;align-items:center;gap:7px}.aug-ed-slotn{flex:none;width:16px;height:16px;line-height:16px;text-align:center;font-size:9px;border-radius:50%;background:#2a2238;color:#c8a8e0;border:1px solid #6b4f86}.aug-ed-add{margin-top:7px;width:100%;background:#1a180f;color:var(--text, #ddd6bf);border:1px dashed var(--line, #33312a);border-radius:5px;padding:4px;font-size:11px;cursor:pointer}.aug-ed-full{margin-top:7px;color:var(--muted, #8a8470);font-size:10px;font-style:italic}.aug-ed-foot{margin-top:7px;color:var(--muted, #8a8470);font-size:9px;letter-spacing:.3px}.og-aug-edit{align-self:flex-start;margin-top:3px;font-size:10px;color:#c8a8e0;background:none;border:1px solid #6b4f86;border-radius:4px;padding:2px 8px;cursor:pointer;white-space:nowrap}.og-aug-edit:hover{border-color:#a07cc4;color:#e0c8f4;background:#a07cc41f}.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;flex-wrap:wrap;gap:8px 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;white-space:nowrap}.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-builder{margin-bottom:6px}.suggest-divider{width:1px;align-self:stretch;background:var(--line);margin:2px}.suggest-aug-btn,.suggest-conds-btn,.suggest-fields-btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 9px;font-family:inherit;font-size:10px;cursor:pointer}.suggest-aug-btn:hover,.suggest-conds-btn:hover,.suggest-fields-btn:hover{border-color:var(--accent);color:var(--text)}.suggest-aug-btn.active,.suggest-conds-btn.active,.suggest-fields-btn.active{border-color:var(--accent);color:var(--accent)}.suggest-conds{margin:8px 0 4px;padding:10px;background:#14130c;border:1px solid var(--line);border-radius:6px}.suggest-conds-hint{color:var(--muted);font-size:10px;margin-bottom:8px}.suggest-conds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:5px 12px}.suggest-cond{display:flex;align-items:center;gap:5px;color:var(--text);font-size:11px;cursor:pointer;user-select:none}.suggest-cond input{accent-color:var(--accent);cursor:pointer;margin:0}.suggest-cond-note{color:var(--muted);font-size:10px}.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-browse{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:1px 8px;font-family:inherit;font-size:9px;cursor:pointer}.suggest-browse:hover{border-color:var(--accent);color:var(--text)}.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-count{color:var(--muted);font-size:8px;background:#ffffff0f;border-radius:7px;padding:0 5px;vertical-align:middle}.suggest-row{display:flex;gap:10px;flex-wrap:wrap}.suggest-more{margin-top:6px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 10px;font-family:inherit;font-size:10px;cursor:pointer}.suggest-more:hover{border-color:var(--accent);color:var(--text)}.suggest-card{display:flex;gap:7px;align-items:center;background:#1a180f;border:1px solid var(--line);border-radius:6px;padding:5px 8px;cursor:default;max-width:260px}.suggest-card:hover{border-color:var(--accent)}.suggest-card-body{flex:1;min-width:0}.suggest-card-add{flex:none;width:22px;height:22px;border-radius:5px;cursor:pointer;border:1px solid var(--line);background:#14130c;color:var(--muted);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}.suggest-card-add:hover{border-color:var(--accent);color:var(--accent);background:#221f12}.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.proposed{border-left-color:var(--accent)}.suggest-card-aug.proposed{color:#9ab7d6}.suggest-aug-tag{color:#6f86c0;font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.4px}.suggest-dm{color:#c08bf0;background:#c08bf024;border-radius:3px;padding:0 3px;font-style:normal;font-size:8px;font-weight:700;letter-spacing:.3px}.suggest-card-stats{color:#8fd98f;font-size:9px}.suggest-hint{color:var(--muted);font-size:10px;font-style:italic;margin-top:10px}.browse-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e;backdrop-filter:blur(2px)}body.browse-open{overflow:hidden}.browse-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:900px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.browse-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.browse-back{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px;cursor:pointer}.browse-back:hover{border-color:var(--accent)}.browse-title{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px}.browse-meta{color:var(--muted);font-size:10px}.browse-total{color:var(--muted);font-size:10px;margin-left:auto}.browse-grid{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;padding:14px 16px;overflow-y:auto}.browse-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line)}.browse-pager button{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 12px;font-family:inherit;font-size:11px;cursor:pointer}.browse-pager button:hover:not(:disabled){border-color:var(--accent)}.browse-pager button:disabled{opacity:.35;cursor:default}.browse-pageinfo{color:var(--muted);font-size:11px;min-width:90px;text-align:center}.browse-grid .suggest-card{max-width:280px}.sb{margin:8px 0 4px;padding:10px;background:#14130c;border:1px solid var(--line);border-radius:6px}.sb-list{display:flex;flex-direction:column;gap:6px}.sb-row{display:flex;align-items:center;gap:7px}.sb-row.sb-dragging{background:#1c1a10;box-shadow:0 5px 16px #0000008c;border-radius:6px;opacity:.97}.sb-placeholder{border:1px dashed var(--accent);border-radius:6px;background:#d6c8690f}.sb-drag{color:var(--muted);cursor:grab;font-size:13px;touch-action:none;user-select:none;padding:0 2px}.sb-drag:active{cursor:grabbing}.sb-rank{color:var(--accent);font-size:10px;width:12px;text-align:center;flex:none}.sb-stat{flex:1 1 auto;min-width:80px;background:#0e0e08;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11px}.sb-stat:focus{outline:none;border-color:var(--accent)}.sb-weight{width:56px;flex:none;background:#0e0e08;border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 6px;font-family:inherit;font-size:11px}.sb-weight:focus{outline:none;border-color:var(--accent)}.sb-remove{flex:none;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;width:24px;height:24px;cursor:pointer;font-size:11px;line-height:1}.sb-remove:hover{border-color:#c25;color:#e88}.sb-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.sb-add{background:transparent;border:1px dashed var(--line);color:var(--muted);border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px;cursor:pointer}.sb-add:hover{border-color:var(--accent);color:var(--text)}.sb-reset{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:4px 10px;font-family:inherit;font-size:10px;cursor:pointer}.sb-reset:hover{border-color:#c25;color:#e88}.sb-hint{color:var(--muted);font-size:9px;font-style:italic;margin-top:7px}