*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--bg-card: #111122;--bg-btn: #0f3460;--accent: #e94560;--fg: #e0e0e0;--fg-dim: #444455;--ok: #6bcb77;--err: #ff6b6b}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#root{padding-top:30px}.titlebar{position:fixed;top:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:8px;padding-left:10px;background:var(--bg);color:#cfd6e6;font-size:12px;font-weight:600;letter-spacing:.3px;z-index:10000;-webkit-app-region:drag}.titlebar-logo{width:18px;height:18px;object-fit:contain;-webkit-user-drag:none}.screen{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn{padding:8px 18px;border-radius:4px;font-size:13px;font-weight:600;transition:opacity .1s}.btn:hover:not(:disabled){opacity:.82}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--bg-btn);color:var(--fg)}.btn-secondary{background:#1a1a30;border:1px solid #2a2a4a;color:#888}.btn-danger{background:#3a1a1a;color:var(--err)}.btn-success{background:#16301a;border:1px solid #2a4a2a;color:#6bd06b}.btn-sm{padding:5px 12px;font-size:12px}.nyi-tag{font-size:10px;font-weight:700;color:#ff6b6b;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);border-radius:3px;padding:1px 5px;margin-left:6px;vertical-align:middle;white-space:nowrap;cursor:default;letter-spacing:.3px}.nyi-tag--working{color:#5bd47e!important;background:#5bd47e1f;border-color:#5bd47e52}.nyi-tag--inactive{color:#9aa3ad!important;background:#9aa3ad1f;border-color:#9aa3ad4d}.nyi-tag--unused{color:#e0a83a!important;background:#e0a83a1f;border-color:#e0a83a57}.nyi-tag--unrecognized{color:#ff6b6b!important;background:#ff6b6b1a;border-style:dashed;border-color:#ff6b6b80}.btn-back{background:transparent;color:var(--fg);font-size:13px;padding:4px 8px;border-radius:3px}.btn-back:hover{background:#ffffff0f}.title-accent{color:var(--accent);font-size:26px;font-weight:700}.build-select{padding:24px 40px 40px;gap:16px;position:relative}.build-select-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.build-select-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(160,100,220,.45))}.build-select-actions{justify-self:end;display:flex;align-items:center;gap:8px}.build-select-footer{position:absolute;bottom:20px;left:24px;display:flex;flex-direction:column;gap:6px}.about-modal-card{max-width:560px}.about-modal-body{padding:0 20px 4px;max-height:60vh;overflow-y:auto}.about-section-title{font-size:13px;font-weight:700;color:#cfd6e6;margin:14px 0 6px}.about-modal-body p{font-size:12.5px;line-height:1.6;color:#a8a8b8;margin:0 0 8px}.about-contact{color:#c0c0d0}.about-contact span{-webkit-user-select:text;user-select:text;cursor:text;color:#d8d8e6}.about-links{display:flex;gap:14px;margin-top:6px}.about-link-btn{background:none;border:none;color:#7090e8;cursor:pointer;font-size:12.5px;padding:0}.about-link-btn:hover{text-decoration:underline}.about-link-inline{background:none;border:none;color:#7090e8;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.about-link-inline:hover{color:#8aa6f0}.build-select-version{font-size:11px;color:#444;letter-spacing:.04em}.build-select-footer-actions{display:flex;gap:6px}.build-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;padding-right:4px}.build-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid #2a2a3e;border-radius:6px;padding:14px 20px;cursor:pointer;transition:border-color .12s}.build-card:hover{border-color:var(--accent)}.build-card-info{display:flex;align-items:center;gap:18px}.build-name{font-size:15px;font-weight:600;color:#fff}.build-tree{font-size:11px;color:#888;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-pts{font-size:12px;color:var(--ok);flex-shrink:0}.build-card-actions{display:flex;gap:8px}.empty-state{color:#555;margin-top:40px;font-size:15px;line-height:2.2}.tree-selector{overflow:hidden}.screen-header{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid #1e1e3a;flex-shrink:0}.selector-body{display:flex;flex:1;overflow:hidden;min-height:0}.tree-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.tree-overview-search{display:flex;align-items:center;gap:12px;padding:10px 14px 0}.tree-overview-search .tree-search-input{width:300px;font-size:12px;padding:5px 24px 5px 10px}.tree-overview-search-status{font-size:12px;color:#888}.tree-grid{display:flex;flex:1;gap:12px;padding:10px 14px;overflow:hidden}.tree-card-search-hit{box-shadow:0 0 0 1px #e9c046,0 0 14px #e9c04666}.tree-card-search-miss{opacity:.3}.tree-card-match-badge{position:absolute;top:6px;right:6px;background:#e9c046;color:#1a1a2e;font-size:10px;font-weight:700;border-radius:8px;padding:1px 7px;z-index:2}.tree-group-col{display:flex;flex-direction:column;flex:1;gap:0}.tree-subtrees{display:flex;flex-direction:column;flex:4;gap:8px;min-height:0;margin-top:6px;padding-top:6px;border-top:1px solid #1a1a2a}.tree-card{flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--bg-card);border:2px solid;border-radius:5px;overflow:hidden;transition:transform .12s,box-shadow .12s;min-height:0;position:relative}.tree-card-locked{opacity:.28}.tree-card-selected{background:#131a2a}.tree-card-selectable:hover{transform:scale(1.05);box-shadow:0 6px 22px #000000b3,0 0 0 2px #8caff080;z-index:2}.tree-card.dragging{opacity:.4;transform:scale(.97)}.tree-card-accent{width:100%;height:6px;flex-shrink:0}.tree-card-name{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:600;padding:5px 6px;line-height:1.3}.tree-card-btn{padding:6px 0;font-size:11px;font-weight:700;color:#fff;text-align:center;flex-shrink:0}.tree-card-btn-select{background:#14233a;color:#6a90b8;cursor:pointer}.tree-card-btn-select:hover{background:#1a2e4a;color:#90b8d8}.tree-card-btn-remove{background:#2a1010;color:#f88;cursor:pointer}.tree-card-btn-remove:hover{background:#3a1515}.tree-card-btn-locked{background:#0e1018;color:#2a2a3a}.tree-card-shift{padding:4px 6px;font-size:9px;font-weight:700;color:#e9c046;text-align:center;background:#1a1500;border-top:1px solid #3a3000;cursor:pointer;flex-shrink:0;line-height:1.3}.tree-card-shift:hover{background:#2a2000;color:#ffd060}.slot-sidebar{width:192px;flex-shrink:0;display:flex;flex-direction:column;gap:5px;padding:10px 8px;border-right:1px solid #1e1e3a;background:#0e0e1e}.slot-sidebar-overview{background:#0f3460;color:var(--fg);font-size:16px;font-weight:700;padding:10px 8px;border-radius:5px;text-align:center;margin-bottom:4px}.slot-sidebar-overview:hover{opacity:.82}.slot-sidebar-preview{background:#1a1040;color:#98e;font-size:15px;font-weight:600;padding:8px;border-radius:5px;border:1px solid #3a2a6a;text-align:center;margin-bottom:6px}.slot-sidebar-preview:hover{background:#221050;color:#baf}.preview-mode-header{min-height:82px;padding:12px 16px;align-items:center;border-bottom:2px solid #2a1a5a;background:linear-gradient(180deg,#0e0a1e,#1a1a2e)}.preview-header-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.preview-header-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2.5px;color:#98e;text-transform:uppercase;background:#1a1040;padding:3px 12px;border-radius:4px;border:1px solid #4a3a8a}.preview-header-title{font-size:26px;font-weight:800;color:#fff;line-height:1}.preview-header-sub{font-size:12px;color:#76a;font-style:italic}.slot-sidebar-btn{display:flex;align-items:flex-start;justify-content:center;padding:10px 8px 20px;border-radius:5px;background:#112;border:1px solid #1e1e3a;text-align:center;transition:border-color .1s;flex:1}.slot-sidebar-btn:hover{border-color:#3a3a6a}.slot-sidebar-name{font-size:16px;font-weight:600;line-height:1.2;word-break:break-word;text-align:center;width:100%}.build-overview{padding:0;display:flex;flex-direction:column}.overview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #1e1e3a;flex-shrink:0}.overview-save-btns{display:flex;gap:6px}.overview-save-btn{background:#14233a;color:#6a90b8}.overview-save-btn:hover:not(:disabled){background:#1a2e4a;color:#90b8d8}.overview-saveas-btn{background:#1a1a3a;color:#88c}.overview-saveas-btn:hover:not(:disabled){background:#224;color:#aae}.overview-saved-msg{text-align:center;color:#6bcb77;font-size:15px;padding:4px 0;flex-shrink:0}.overview-body{display:flex;flex:1;overflow:hidden;min-height:0;gap:0}.overview-nav-col{width:168px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:16px 10px;border-right:1px solid #1e1e3a;background:#0e0e1e}.overview-nav-btn{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;background:#112;border:1px solid #2a2a4a;font-size:13px;font-weight:600;color:var(--fg);transition:border-color .1s,background .1s;cursor:pointer;text-align:left}.overview-nav-btn:hover:not(:disabled){border-color:var(--accent);background:#1a0f1f}.overview-nav-btn.active{border-color:#3a5a3a;background:#0f1a0f;color:#8ecf8e}.overview-nav-btn.active:hover{border-color:var(--ok)}.overview-nav-btn.disabled{opacity:.35;cursor:default}.overview-nav-icon{font-size:18px;width:22px;text-align:center;flex-shrink:0}.overview-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0}.overview-nav-label{font-size:13px;font-weight:600}.overview-nav-sub{font-size:10px;font-weight:400;color:#667}.overview-panel{display:flex;flex-direction:column;border-right:1px solid #1e1e3a;min-height:0;overflow:hidden;width:220px;flex-shrink:0}.overview-stats-panel{flex:1;width:auto;border-right:none}.panel-header{display:flex;align-items:center;gap:6px;padding:7px 12px 6px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#44445a;border-bottom:1px solid #1a1a30;flex-shrink:0;background:#0d0d1e}.panel-header-badge{background:#2a2a5a;color:#9090d8;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px}.panel-empty{padding:14px 12px;font-size:11px;color:#446;font-style:italic}.conditions-scroll{overflow-y:auto;flex:1;padding:6px 0 12px}.cond-category{margin-bottom:6px}.cond-category-label{padding:6px 12px 3px;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#33335a}.cond-item{display:flex;align-items:center;gap:7px;padding:3px 12px;cursor:pointer;transition:background .08s}.cond-item:hover{background:#111128}.cond-check{width:11px;height:11px;flex-shrink:0;accent-color:#7777cc;cursor:pointer}.cond-label{font-size:11px;color:#889;line-height:1.3;-webkit-user-select:none;user-select:none}.cond-item:has(.cond-check:checked) .cond-label{color:#bbbbd8}.cond-stack-row{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;gap:8px}.cond-stack-label{font-size:11px;color:#889;flex:1}.cond-stack-controls{display:flex;align-items:center;gap:5px}.cond-stack-btn{width:20px;height:20px;background:#1e1e3a;border:1px solid #3a3a5a;border-radius:3px;color:#99c;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s}.cond-stack-btn:hover:not(:disabled){background:#2a2a50;color:#c8c8ff}.cond-stack-btn:disabled{opacity:.35;cursor:default}.cond-stack-value{font-size:12px;color:#c8c8ff;min-width:30px;text-align:center;font-weight:600}.cond-stack-max{font-size:10px;color:#557;font-weight:400}.cond-stack-input{width:56px;background:#1a1a36;border:1px solid #3a3a5a;border-radius:3px;color:#c8c8ff;font-size:12px;padding:2px 6px;text-align:center}.cond-stack-input:focus{outline:none;border-color:#7c4dff}.cond-stack-input::-webkit-inner-spin-button,.cond-stack-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cond-stack-input[type=number]{-moz-appearance:textfield}.cond-stack-hint{font-size:10px;color:#446;padding:3px 12px 6px;font-style:italic}.tree-viewer{display:flex;flex-direction:column}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;border-bottom:1px solid #1e1e3a;gap:12px;flex-shrink:0}.viewer-header-left{flex:1;display:flex;align-items:center;gap:8px}.viewer-header-center{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.viewer-header-right{display:flex;align-items:center;gap:12px}.tree-search-bar{position:relative;display:flex;align-items:center}.tree-search-input{background:#112;border:1px solid #2a2a4a;color:#e0e0e0;font-family:inherit;font-size:11px;padding:3px 22px 3px 8px;border-radius:4px;width:140px;outline:none;transition:border-color .15s}.tree-search-input:focus{border-color:#55a}.tree-search-input::placeholder{color:#333}.tree-search-clear{position:absolute;right:4px;background:none;border:none;color:#555;font-size:10px;cursor:pointer;padding:0 2px;line-height:1}.tree-search-clear:hover{color:#aaa}.tree-search-count{font-size:10px;color:#e9c046;white-space:nowrap}.viewer-tree-name{font-size:16px;font-weight:700;margin-left:6px}.viewer-points{font-size:13px;color:var(--fg)}.viewer-body{display:flex;flex:1;overflow:hidden;min-height:0}.viewer-main{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.viewer-canvas{flex:1;overflow:hidden;padding:4px 8px;min-height:0}.viewer-status{padding:3px 14px;font-size:12px;font-style:italic;min-height:22px;flex-shrink:0}.core-talent-header-widget{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-left:auto}.core-talent-circles{display:flex;gap:10px;align-items:flex-end}.core-talent-slot-item{display:flex;flex-direction:column;align-items:center;gap:3px}.core-talent-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0e0e1e;border:2px solid #2a2a4a;cursor:default;color:#445;transition:border-color .15s,background .15s}.core-talent-circle.unlocked{border-color:#4a4a8a;color:#9090b0;cursor:pointer}.core-talent-circle.unlocked:hover{border-color:#7070cc;background:#141430}.core-talent-circle.open{border-color:#88f;background:#141430;color:#c0c0ff}.core-talent-circle.has-selection{border-color:#c8a050;color:#c8a050}.core-talent-circle.has-selection.open{border-color:#c8a050;background:#1a1500;color:#c8a050}.core-talent-circle-progress{font-size:15px;font-weight:700;line-height:1}.core-talent-circle-img{width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.core-talent-circle-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#668;white-space:nowrap;text-align:center}.core-talent-cards{z-index:900;display:flex;flex-direction:column;gap:8px;background:#0a0a18;border:1px solid #2a2a4a;border-radius:8px;padding:12px;box-shadow:0 8px 32px #000000b3}.core-talent-card-row{display:flex;gap:10px;min-width:0}.core-talent-locked-note{font-size:11px;font-weight:600;color:#e0a050;padding:4px 6px;border-radius:4px;background:#e0a05014;border:1px solid rgba(224,160,80,.25)}.core-talent-card.locked{opacity:.85;border-style:dashed}.core-talent-card-select:disabled{opacity:.5;cursor:not-allowed}.core-talent-card{display:flex;flex-direction:column;gap:8px;padding:14px 12px 10px;background:#0e0e1e;border:1px solid #2a2a4a;border-radius:6px;flex:1 1 160px;min-width:0;max-width:160px;min-height:150px;transition:border-color .15s,background .15s}.core-talent-card.selected{border-color:#6bcb77;background:#0c1a0e}.core-talent-card-name{font-size:13px;font-weight:700;color:#d0d0e0;display:flex;align-items:center;gap:8px}.core-talent-card-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0;pointer-events:none;-webkit-user-drag:none}.core-talent-card.selected .core-talent-card-name{color:#6bcb77}.core-talent-card-desc{flex:1}.core-talent-card-desc p{font-size:11px;color:#8888a0;line-height:1.5;margin:0 0 4px}.core-talent-card-select{padding:6px 0;border-radius:4px;font-size:12px;font-weight:600;background:#1a1a30;border:1px solid #3a3a5a;color:#9090c0;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.core-talent-card-select:hover:not(.selected){background:#22224a;border-color:#5a5a8a}.core-talent-card-select.selected{background:#0a2010;border-color:#4a8a5a;color:#6bcb77;cursor:default}.tooltip{position:fixed;z-index:9999;background:#0e0e1e;border:1px solid #3a3a6a;border-radius:6px;padding:10px 12px;color:var(--fg);box-shadow:0 4px 20px #000000a6}.tooltip--node{background:#0d1b2a;border-color:var(--accent)}.tooltip--node .tooltip-title{color:var(--accent)}.tooltip--gear{min-width:220px;max-width:300px}.tooltip--breakdown{max-width:540px;overflow-y:auto}.tooltip--skill{max-width:280px}.tooltip--stat{width:230px;padding:0;overflow:hidden;display:flex;flex-direction:column}.tooltip--stat .stat-tooltip-list{flex:1;min-height:0}.tooltip--slider{color:#c8c4a0;white-space:nowrap;max-width:380px}.tooltip--base-stat{min-width:180px;max-width:260px}.tooltip--base-item{min-width:180px;max-width:280px}.tooltip-title{font-size:13px;font-weight:700;color:#c8a050;margin-bottom:2px}.tooltip-subtitle{font-size:11px;color:#7070aa;margin-bottom:2px}.tooltip-divider{border-top:1px solid #2a2a3a;margin:6px 0}.tooltip-body{display:flex;flex-direction:column;gap:2px}.tooltip-contributions{margin-top:8px;padding-top:6px;border-top:1px solid #2a2a3a;display:flex;flex-direction:column;gap:4px}.tooltip-delta{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.tooltip-delta--gain{color:var(--ok)}.tooltip-delta--loss{color:#e06060}.tooltip-delta--nyi{color:#55556a;font-weight:500}.tooltip-type{color:var(--accent);font-weight:600;margin-bottom:4px;font-size:14px}.tooltip-next-level{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#666;margin-top:6px;margin-bottom:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:#0d1527;border-radius:6px;overflow:hidden;min-width:320px;box-shadow:0 8px 40px #0009}.modal-accent{height:3px;background:var(--accent)}.modal-title{padding:16px 20px 10px;font-size:15px;font-weight:700;color:var(--accent)}.modal-input{display:block;width:100%;padding:10px 20px;background:#0a0f1a;border:none;border-bottom:1px solid #2a2a4a;color:var(--fg);font-size:14px;font-family:inherit;outline:none}.modal-input:focus{border-bottom-color:var(--accent)}.modal-actions{display:flex;gap:10px;padding:14px 20px}.settings-modal-card{width:480px;max-width:90vw}.settings-modal-body{padding:4px 20px 8px}.settings-section{margin-bottom:18px}.settings-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#cfd6e6;margin:8px 0;display:flex;align-items:center;gap:8px}.settings-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6a7390;background:#131c30;border:1px solid #243049;border-radius:3px;padding:1px 5px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.settings-row:first-of-type{border-top:none}.settings-row-disabled{opacity:.45}.settings-row-label{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-label>span:first-child{font-size:13px;color:#e0e0e0}.settings-row-hint{font-size:11px;color:#8088a0;line-height:1.4}.settings-segmented{display:inline-flex;border:1px solid #2a3650;border-radius:5px;overflow:hidden;flex:none}.settings-seg-btn{background:#0e1626;color:#9aa4bd;border:none;padding:6px 14px;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.settings-seg-btn+.settings-seg-btn{border-left:1px solid #2a3650}.settings-seg-btn:hover:not(:disabled):not(.active){background:#14203a;color:#c8d0e4}.settings-seg-btn.active{background:var(--accent);color:#fff}.settings-seg-btn:disabled{cursor:default}.settings-select{background:#0e1626;color:#c8d0e4;border:1px solid #2a3650;border-radius:5px;padding:6px 10px;font-size:12px}.overview-share-btn{background:#0e2e3f;color:#5abfdf;border:1px solid #1a4a6a}.overview-share-btn:hover:not(:disabled){background:#123548}.share-modal-card{min-width:420px;max-width:560px}.share-modal-hint{font-size:12px;color:#7070aa;padding:0 20px 10px}.share-code-area{display:block;width:calc(100% - 40px);margin:0 20px 4px;height:90px;background:#060610;border:1px solid #2a2a4a;border-radius:4px;color:#aac;font-family:Consolas,Courier New,monospace;font-size:11px;padding:8px 10px;resize:vertical;outline:none}.share-code-area--input{height:80px;color:var(--fg)}.share-code-area--input::placeholder{color:#446}.share-import-error{font-size:12px;color:var(--err);padding:4px 20px 0}.share-import-warning{margin:0 20px;background:#ffb42814;border:1px solid rgba(255,180,40,.3);border-radius:6px;padding:8px 12px;font-size:12px;color:#ffc850e6;line-height:1.5}.share-import-warning p{margin:0 0 4px}.share-import-warning p:last-child{margin-bottom:0}.share-import-warning ul{margin:2px 0 6px 16px;padding:0}.share-import-warning li{margin-bottom:2px}.share-copied{background:#0e3a1a!important;color:var(--ok)!important;border-color:#1a5a2a!important}.app-shell{height:100%;display:flex;flex-direction:column}.app-shell>.screen,.app-shell>.app-layout{flex:1 1 auto;height:auto;min-height:0}.app-layout{display:flex;width:100%;height:100%;overflow:hidden}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0}.build-sidebar{width:155px;flex-shrink:0;display:flex;flex-direction:column;background:#06060e;border-right:1px solid #1a1a30;padding:10px 8px;overflow-y:auto;gap:2px}.sidebar-build-name{font-size:12px;font-weight:600;color:#9090bb;padding:4px 6px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-save-row{display:flex;gap:4px;padding-bottom:4px}.sidebar-save-btn{flex:1;background:#112;border:1px solid #2a2a4a;color:#88c;font-size:11px;padding:4px;border-radius:4px;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-save-btn:hover{background:#1a1a33;border-color:var(--accent);color:#aae}.sidebar-dps-box{background:#0d0d20;border:1px solid #2a2a50;border-radius:6px;padding:7px 8px 6px;margin:3px 0 1px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.sidebar-dps-box:hover{background:#111130;border-color:#5a4a90}.sidebar-dps-label{font-size:9px;font-weight:700;color:#6060a0;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}.sidebar-dps-value{font-size:19px;font-weight:700;color:#f0c070;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.5px}.sidebar-dps-breakdown{margin-top:6px;padding-top:5px;border-top:1px solid #20204a;display:flex;flex-direction:column;gap:2px}.sidebar-dps-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:10px}.sidebar-dps-row-name{color:#9a9ac0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-dps-row-val{color:#cdb98a;font-variant-numeric:tabular-nums;flex-shrink:0}.sidebar-nav-btn{display:block;width:100%;background:none;border:none;color:#9090bb;font-size:12px;padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.sidebar-nav-btn:hover{background:#111128;color:#c0c0e0}.sidebar-nav-btn.active{background:#1a1040;color:#c0a0ff;font-weight:600}.sidebar-divider{height:1px;background:#1a1a30;margin:4px 0;flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-back{color:#557;font-size:11px;margin-top:2px}.sidebar-back:hover{color:#88a;background:#111120}.sidebar-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#779;cursor:pointer;padding:4px 8px;-webkit-user-select:none;user-select:none}.sidebar-toggle:hover{color:#aac}.sidebar-toggle input{cursor:pointer;margin:0}.notes-screen{display:flex;flex-direction:column;height:100%;padding:16px 20px;gap:12px;box-sizing:border-box}.notes-header{flex-shrink:0}.notes-textarea{flex:1;resize:none;background:#0c0c1a;border:1px solid #2a2a4a;border-radius:6px;color:var(--fg);font-family:inherit;font-size:13px;line-height:1.6;padding:12px 14px;outline:none}.notes-textarea:focus{border-color:#4a4a8a}.notes-textarea::placeholder{color:#335}.build-overview{padding:16px 20px;gap:0}.cond-screen-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;color:#c0c0e0;flex-shrink:0}.cond-grid{overflow-y:auto;flex:1;min-height:0}.cond-grid::-webkit-scrollbar{width:5px}.cond-grid::-webkit-scrollbar-track{background:transparent}.cond-grid::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.cond-grid::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.dark-scroll::-webkit-scrollbar{width:10px}.dark-scroll::-webkit-scrollbar-track{background:transparent}.dark-scroll::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:5px;border:2px solid transparent;background-clip:padding-box}.dark-scroll::-webkit-scrollbar-thumb:hover{background:#3a3a5a;background-clip:padding-box}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:5px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#3a3a5a;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#2a2a4a transparent}.cond-masonry{columns:230px;column-gap:10px}.cond-card{background:#0a0a1a;border:1px solid #1e1e3a;border-radius:6px;overflow:hidden;break-inside:avoid;margin-bottom:10px}.cond-card-header{background:#101025;padding:5px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#66a;border-bottom:1px solid #1a1a32}.cond-card-body{padding:6px 8px;display:flex;flex-direction:column;gap:1px}.import-export-screen{display:flex;flex-direction:column;align-items:center;padding:40px 24px;overflow-y:auto}.import-export-screen-inner{width:480px;max-width:100%;background:#0d1527;border:1px solid #1e1e3a;border-radius:6px;overflow:hidden}.import-export-modal{min-width:420px;max-width:560px}.import-export-tabs{display:flex;gap:0;border-bottom:1px solid #1e1e3a;margin-bottom:12px}.import-export-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#668;font-size:13px;padding:8px 12px;cursor:pointer;transition:color .1s,border-color .1s}.import-export-tab:hover{color:#9090bb}.import-export-tab.active{color:#c0a0ff;border-bottom-color:#8060cc}.update-banner{display:flex;align-items:center;gap:10px;padding:6px 16px;background:#111d11;border-bottom:1px solid #2a4a2a;font-size:13px;color:#8c8;flex-shrink:0}.update-banner-dismiss{margin-left:auto;background:none;border:none;color:#555;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.update-banner-dismiss:hover{color:#aaa}.changelog-modal{max-width:560px}.changelog-body{font-size:12px;line-height:1.6;color:#ccc;max-height:400px;overflow-y:auto;background:#0d0d0d;border-radius:4px;padding:10px 12px;margin:0}.changelog-body-empty{color:#555;font-style:italic}.changelog-body h1,.changelog-body h2,.changelog-body h3{color:#c0a0ff;font-size:13px;font-weight:700;margin:12px 0 4px}.changelog-body h1:first-child,.changelog-body h2:first-child,.changelog-body h3:first-child{margin-top:0}.changelog-body ul,.changelog-body ol{padding-left:18px;margin:4px 0 8px}.changelog-body li{margin-bottom:3px}.changelog-body p{margin:4px 0}.changelog-body code{background:#1e1e3a;border-radius:3px;padding:1px 4px;font-size:11px;color:#a0c0ff}.changelog-body a{color:#7090e8;text-decoration:none}.changelog-body a:hover{text-decoration:underline}.debug-toggle{background:#1a1a3a;color:#88c;border:1px solid #2a2a5a}.debug-toggle.active{background:#2a2a5a;color:#aaf;border-color:#55a}.debug-toolbar{display:flex;align-items:center;gap:14px;padding:5px 14px;background:#0e0e22;border-bottom:1px solid #2a2a5a;flex-shrink:0}.debug-tools{display:flex;gap:6px}.debug-tool-btn{background:#1a1a3a;color:#88c;border:1px solid #2a2a5a;border-radius:3px}.debug-tool-btn.active{background:#2a2a5a;color:#c0c0ff;border-color:#66c}.debug-tool-btn:hover:not(.active){background:#224}.debug-hint{font-size:11px;color:#66a;font-style:italic}.stat-sheet{flex:1;overflow-y:auto;padding:4px 0 16px}.stat-sheet-empty{padding:24px 20px;color:#666;font-size:13px;font-style:italic;text-align:center}.stat-category-group{margin-bottom:4px}.stat-category-header{padding:8px 12px 3px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#3e3e5e}.stat-category-entries{display:flex;flex-wrap:wrap}.stat-sheet-row{display:flex;align-items:center;width:220px;padding:3px 12px;background:transparent;color:var(--fg);font-size:12px;text-align:left;transition:background .1s;cursor:pointer;gap:6px}.stat-sheet-row:hover{background:#13132a}.stat-sheet-row.selected{background:#16163a}.stat-sheet-row--derived{cursor:default}.stat-sheet-row--derived .stat-sheet-row-name{color:#c8c8e0}.stat-sheet-row--derived .stat-sheet-row-value{color:#b8a0ff;font-size:13px}.stat-sheet-row-name{flex:1;color:#aaaac0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-sheet-row-value{font-weight:600;color:#8888d8;font-size:12px;white-space:nowrap;flex-shrink:0}.stat-tooltip{position:fixed;width:230px;max-height:320px;background:#0d0d22;border:1px solid #2a2a4a;border-radius:6px;box-shadow:0 8px 24px #0009;z-index:400;display:flex;flex-direction:column;overflow:hidden}.stat-tooltip-header{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid #1e1e3a;flex-shrink:0;gap:8px}.stat-tooltip-name{font-size:12px;font-weight:700;color:var(--fg);flex:1}.stat-tooltip-total{font-size:13px;font-weight:700;color:#9090e0;white-space:nowrap}.stat-tooltip-list{overflow-y:auto;padding:4px 0 6px}.stat-tooltip-entry{display:flex;flex-direction:column;padding:5px 12px 4px;border-bottom:1px solid #111126}.stat-tooltip-entry:last-child{border-bottom:none}.stat-tooltip-entry-value{font-size:13px;font-weight:600;color:#c8c8e8;line-height:1.3}.stat-tooltip-entry-source{font-size:11px;color:#55556a;margin-top:1px}.stat-tooltip-entry-count{font-size:11px;font-weight:400;color:#7070a0}.tooltip-stats{margin-top:5px;border-top:1px solid #2a2a4a;padding-top:4px;display:flex;flex-direction:column;gap:2px}.tooltip-stat-row{display:flex;gap:6px;font-size:14px}.tooltip-stat-row span:first-child{color:#88c}.tooltip-stat-row span:last-child{color:var(--ok)}.stat-editor-card{min-width:420px;max-width:520px}.stat-editor-type{padding:0 20px 8px;font-size:11px;color:#66a;font-style:italic}.stat-list{padding:4px 20px 8px;display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}.stat-empty{color:#446;font-size:12px;font-style:italic}.stat-row{display:flex;align-items:center;gap:8px;background:#0a0f1a;border:1px solid #1e1e3a;border-radius:3px;padding:5px 10px}.stat-name{flex:1;font-size:12px;color:#aad}.stat-values{font-size:12px;color:var(--ok);white-space:nowrap}.stat-remove{background:transparent;color:#ff6b6b;font-size:12px;padding:0 4px}.stat-remove:hover{color:#f44}.stat-add-section{padding:8px 20px 4px;border-top:1px solid #1e1e3a;display:flex;flex-direction:column;gap:6px}.stat-add-row{display:flex;gap:8px;align-items:center}.stat-select{flex:1;background:#0a0f1a;border:1px solid #2a2a4a;color:var(--fg);font-size:12px;font-family:inherit;padding:5px 8px;border-radius:3px;outline:none}.stat-select:focus{border-color:#55a}.stat-vals-row{display:flex;gap:6px;align-items:center}.stat-val-input{width:70px;background:#0a0f1a;border:1px solid #2a2a4a;color:var(--fg);font-size:12px;font-family:inherit;padding:5px 7px;border-radius:3px;outline:none}.stat-val-input:focus{border-color:#55a}.gear-screen{background:var(--bg)}.gear-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#112;border-bottom:1px solid #2a2a4a;flex-shrink:0}.gear-header-count{margin-left:auto;font-size:12px;color:#555}.gear-body{display:flex;flex:1;overflow:hidden;min-height:0}.gear-slots-panel{flex:22;min-width:160px;background:#0e0e1e;border-right:1px solid #1e1e3a;display:flex;flex-direction:column;overflow-y:auto;padding:8px 0}.gear-slots-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#444;padding:4px 14px 8px}.gear-slot-row{display:flex;align-items:center;gap:6px;padding:5px 10px;min-height:30px;border-bottom:1px solid #16162a}.gear-slot-name{font-size:11px;color:#555;width:58px;flex-shrink:0}.gear-slot-occupied .gear-slot-name{color:#3a3a5a}.gear-slot-empty{background:none;border:none;font-size:11px;color:#2a2a4a;font-style:italic;cursor:pointer;padding:0;font-family:inherit;text-align:left;flex:1}.gear-slot-empty:hover{color:#555}.gear-slot-2h-blocked{opacity:.45;cursor:default}.gear-slot-2h-label{flex:1;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#5a4a2a;padding-left:2px}.gear-slot-item-name{flex:1;background:transparent;color:#c8a050;font-size:12px;font-weight:600;font-family:inherit;text-align:left;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-slot-item-name:hover{color:#e0b860}.gear-slot-remove{background:transparent;color:#3a2a2a;font-size:14px;padding:1px 4px;flex-shrink:0;border-radius:3px;line-height:1}.gear-slot-remove:hover{color:#ff6b6b;background:#ff50501a}.gear-slot-drag-over{background:#1a1a2e;outline:1px solid #5555aa}.gear-slot-valid-target{outline:1px solid #3a3a6a}.gear-slot-invalid-target{opacity:.4;cursor:not-allowed}.gear-slot-menu{z-index:9000;background:#112;border:1px solid #3a3a6a;border-radius:4px;box-shadow:0 4px 16px #0009;min-width:160px;max-height:220px;overflow-y:auto;font-family:inherit}.gear-slot-menu-option{padding:5px 12px;font-size:11px;color:#c8a050;cursor:pointer;white-space:nowrap}.gear-slot-menu-option:hover{background:#1e1e3e;color:#e0b860}.gear-slot-menu-empty{color:#555;font-style:italic}.gear-slot-menu-empty:hover{color:#888}.gear-slot-menu-option--current{color:#8080cc;font-weight:600}.gear-slot-menu-option--incompatible{opacity:.35;cursor:not-allowed}.gear-slot-menu-option--incompatible:hover{background:transparent;color:inherit}.gear-build-panel{flex:22;min-width:160px;background:#0e0e1e;border-right:1px solid #1e1e3a;display:flex;flex-direction:column;overflow-y:auto;padding:8px 0}.gear-build-panel::-webkit-scrollbar{width:5px}.gear-build-panel::-webkit-scrollbar-track{background:transparent}.gear-build-panel::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gear-build-panel::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-build-empty{padding:10px 14px;color:#333;font-size:11px;font-style:italic}.gear-build-item{display:flex;align-items:center;padding:4px 8px 4px 14px;border-bottom:1px solid #16162a;gap:4px;min-height:28px}.gear-build-item:hover{background:#13132a}.gear-build-item--selected{background:#1a1a3e}.gear-build-item--dragging{opacity:.4}.gear-build-item--reorder-over{box-shadow:inset 0 2px #e0b860}.gear-build-item-name{flex:1;background:none;border:none;font-family:inherit;text-align:left;padding:0;cursor:grab;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.gear-build-item-label{color:#c8a050;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.gear-build-item-name:hover .gear-build-item-label{color:#e0b860}.gear-build-item-slot{font-size:10px;color:#4a4a8a;background:#111130;border:1px solid #2a2a5a;border-radius:3px;padding:1px 5px;white-space:nowrap;flex-shrink:0}.gear-customize-panel{width:280px;flex-shrink:0;background:#0d0d1e;border-right:1px solid #1e1e3a;display:flex;flex-direction:column;overflow:hidden}.gear-customize-empty{align-items:center;justify-content:center;color:#333;font-size:12px;font-style:italic}.gear-customize-header{padding:14px 14px 0;flex-shrink:0}.gear-customize-name{font-size:15px;font-weight:700;color:#c8a050}.gear-customize-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5a5a8a;margin-bottom:2px}.gear-customize-base{font-size:11px;color:#7070aa;margin-top:2px}.gear-customize-base--hoverable{cursor:help}.gear-base-stat-tooltip{position:fixed;z-index:9999;background:#0d0d1e;border:1px solid #4a4a8a;border-radius:6px;padding:8px 12px;min-width:180px;max-width:260px;pointer-events:none}.gear-base-stat-tooltip-name{font-size:12px;font-weight:700;color:#c8a050;margin-bottom:5px}.gear-base-stat-tooltip-stat{font-size:11px;color:#88c;line-height:1.5}.gear-customize-level{font-size:11px;color:#666;margin-top:2px}.gear-customize-divider{height:1px;background:#1e1e2e;margin:10px 14px 0;flex-shrink:0}.gear-customize-affixes{flex:1;overflow-y:auto;padding:8px 14px;display:flex;flex-direction:column;gap:10px}.gear-customize-affixes::-webkit-scrollbar{width:5px}.gear-customize-affixes::-webkit-scrollbar-track{background:transparent}.gear-customize-affixes::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gear-customize-affixes::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-affix-row{display:flex;flex-direction:column;gap:4px}.gear-affix-label{font-size:12px;color:#c8c4a0;line-height:1.4}.gear-affix-label--dim{color:#444;font-style:italic}.gear-affix-section-divider{border-top:1px solid #2a2a3a;margin:4px 0}.gear-affix-label-line{display:flex;align-items:center;gap:5px}.gear-affix-row--corroded .gear-affix-label,.gear-affix-row--corroded.gear-affix-range-row .gear-affix-label,.gear-craft-slot--corroded .gear-craft-mod-value{color:#c678dd}.gear-corrosion-section{padding:6px 10px;border-bottom:1px solid #2a2a3a;display:flex;flex-direction:column;gap:6px}.gear-corrosion-row{display:flex;align-items:center;gap:8px}.gear-corrosion-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.gear-corrosion-select{flex:1;background:#1a1a2e;color:#c8c4a0;border:1px solid #3a3a5a;border-radius:4px;padding:3px 6px;font-size:12px;cursor:pointer}.gear-corrosion-select:focus{outline:none;border-color:#5a5a7a}.gear-mutation-select{width:100%;background:#1a1a2e;color:#c8c4a0;border:1px solid #3a3a5a;border-radius:4px;padding:3px 6px;font-size:12px;cursor:pointer}.gear-mutation-select:focus{outline:none;border-color:#5a5a7a}.gear-belt-blend-section{padding:8px 10px;border-top:1px solid #2a2a3a;display:flex;flex-direction:column;gap:6px}.gear-belt-blend-header{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.gear-belt-blend-select{width:100%;background:#1a1a2e;color:#c8c4a0;border:1px solid #3a3a5a;border-radius:4px;padding:3px 6px;font-size:12px;cursor:pointer}.gear-belt-blend-select:focus{outline:none;border-color:#5a5a7a}.gear-belt-blend-effect{font-size:12px;color:#b7a4d8;line-height:1.4;padding:4px 6px;background:#181826;border-left:2px solid #6a5a9a;border-radius:3px}.gear-mutation-unavailable{font-size:11px;color:#888;font-style:italic}.gear-corrosion-toggle{flex-shrink:0;width:7px;height:7px;border-radius:1px;border:1.5px solid #4a4a6a;background:transparent;padding:0;cursor:pointer;transition:background .1s,border-color .1s}.gear-corrosion-toggle:hover:not(:disabled){border-color:#c678dd;background:#c678dd33}.gear-corrosion-toggle.active{background:#c678dd;border-color:#c678dd}.gear-corrosion-toggle:disabled{opacity:.25;cursor:not-allowed}.gear-slider-row{display:flex;align-items:center;gap:8px}.gear-affix-slider{flex:1;accent-color:#c8a050;height:4px;cursor:pointer}.gear-affix-value{font-size:12px;color:#c8a050;font-weight:700;min-width:28px;text-align:right}.gear-placeholder-select{background:#0a0a1a;border:1px solid #2a2a4a;color:#444;font-size:11px;font-family:inherit;padding:3px 6px;border-radius:3px;font-style:italic;width:100%}.gear-placeholder-select:not(:disabled){border-color:#3a3a5a;color:#c8c4a0;font-style:normal;cursor:pointer}.gear-placeholder-select:not(:disabled):focus{outline:none;border-color:#5a5a7a}.gear-customize-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #1e1e2e;flex-shrink:0;justify-content:flex-end}.gear-confirm-btn{background:#4a3a10;color:#e0b860}.quality-legendary{color:#c8a050}.quality-normal{color:#ccc}.quality-magic{color:#69f}.quality-rare{color:#a6f}.quality-unique{color:#f6b}.gear-editor-column{position:relative;flex:34;display:flex;flex-direction:column;border-right:1px solid #1e1e3a;overflow:hidden;min-width:280px}.gear-editor-column .gear-customize-panel{width:auto;border-right:none;flex:1;min-height:0}.gear-preview-card{max-height:40%;flex-shrink:0;background:#090914;border-top:1px solid #1e1e3a;padding:10px 14px 14px;overflow-y:auto}.gear-preview-card::-webkit-scrollbar{width:5px}.gear-preview-card::-webkit-scrollbar-track{background:transparent}.gear-preview-card::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gear-preview-card::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-preview-name{font-size:13px;font-weight:700;color:#c8a050;margin-bottom:4px}.gear-preview-divider{height:1px;background:#1e1e2e;margin-bottom:6px}.gear-preview-affix{font-size:11px;color:#aac;line-height:1.55;margin-bottom:1px}.gear-preview-empty{font-size:11px;color:#333;font-style:italic}.gear-preview-section-divider{border-top:1px solid #1e1e2e;margin:3px 0}.gear-preview-affix--implicit{color:#6a8acc}.gear-preview-affix--corroded{color:#c678dd}span.gear-affix-label{font-size:9px;font-weight:600;letter-spacing:.4px;color:#383858;margin-left:5px;vertical-align:middle}.gear-preview-section-label-divider{display:flex;align-items:center;gap:6px;margin:5px 0}.gear-preview-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#446;white-space:nowrap;flex-shrink:0}.gear-preview-section-dashes{flex:1;height:1px;background:#252535}.gear-slider-tooltip{position:fixed;z-index:9999;background:#0d0d1e;border:1px solid #4a4a8a;border-radius:6px;padding:8px 14px;font-size:13px;color:#c8c4a0;pointer-events:none;box-shadow:0 4px 16px #000000a6;white-space:nowrap;max-width:380px;margin-bottom:16px}.gear-craft-editing-header{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-bottom:1px solid #1e1e3a;flex-shrink:0}.gear-craft-editing-header-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.gear-craft-classification{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5a5a8a}.gear-craft-base-name{font-size:12px;font-weight:600;color:#c0a0ff;flex:1}.gear-craft-reset-btn{background:none;border:none;color:#444;cursor:pointer;font-size:13px;padding:0 2px;line-height:1}.gear-craft-reset-btn:hover{color:#ef5350}.gear-craft-base-select{width:100%;background:#0e0e1e;border:1px solid #2a2a4a;border-radius:4px;color:#c8c4a0;font-size:11px;padding:3px 6px;cursor:pointer}.gear-craft-base-select:focus{outline:1px solid #5a5aaa}.gear-craft-base-stats{display:flex;gap:8px;flex-wrap:wrap}.gear-craft-base-stats span{font-size:10px;color:#7070aa}.gear-craft-implicit{color:#88c!important;font-style:italic}.gear-base-item-select{position:relative;width:100%}.gear-base-item-trigger{width:100%;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;color:#c8c8e8;font-size:11px;cursor:pointer;text-align:left}.gear-base-item-trigger:hover{border-color:#6060a0}.gear-base-item-trigger-level{color:#6060a0;margin-left:auto;flex-shrink:0}.gear-base-item-trigger-arrow{color:#6060a0;font-size:9px}.gear-base-item-dropdown{background:#12121e;border:1px solid #3a3a5c;border-radius:4px;max-height:200px;overflow-y:auto;z-index:9998;box-shadow:0 4px 16px #0009}.gear-base-item-option{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;cursor:pointer;font-size:11px;color:#b0b0d0}.gear-base-item-option:hover{background:#22223a;color:#e0e0ff}.gear-base-item-option.selected{color:#a0a0ff;background:#1a1a30}.gear-base-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-base-item-level{color:#5858a0;font-size:10px;margin-left:6px;flex-shrink:0}.gear-base-item-tooltip{position:fixed;z-index:9999;background:#10101c;border:1px solid #4040a0;border-radius:6px;padding:10px 12px;min-width:180px;max-width:280px;box-shadow:0 4px 20px #000000b3;pointer-events:none}.gear-base-item-tooltip-name{font-size:12px;font-weight:600;color:#e0e0ff;margin-bottom:4px}.gear-base-item-tooltip-level{font-size:10px;color:#6060a0;margin-bottom:6px}.gear-base-item-tooltip-stat{font-size:11px;color:#88c;font-style:italic;line-height:1.5}.gear-craft-slots-scroll{flex:1;overflow-y:auto;padding:4px 0 8px}.gear-craft-slots-scroll::-webkit-scrollbar{width:5px}.gear-craft-slots-scroll::-webkit-scrollbar-track{background:transparent}.gear-craft-slots-scroll::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gear-craft-slots-scroll::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-craft-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#444;padding:8px 10px 4px}.gear-craft-slot{padding:3px 10px 2px}.gear-craft-slot-row{display:flex;gap:4px;align-items:center}.gear-craft-select{background:#12122a;color:#bbb;border:1px solid #2a2a4a;border-radius:3px;padding:4px 6px;font-size:11px;cursor:pointer;min-width:0}.gear-craft-select:focus{outline:none;border-color:#533483}.gear-craft-select--modifier{flex:1}.gear-craft-select--tier{width:90px;flex-shrink:0}.gear-craft-sliders{padding:4px 0 2px 2px}.gear-craft-results{flex:1;overflow-y:auto}.gear-craft-result-row{padding:7px 12px;font-size:12px;color:#bbb;cursor:pointer;border-bottom:1px solid #14142a}.gear-craft-result-row:hover{background:#16162e;color:#ddd}.gear-craft-result-row--loading{opacity:.45;cursor:wait;pointer-events:none}.gear-craft-actions{display:flex;gap:8px;padding:10px;border-top:1px solid #1e1e3a;flex-shrink:0}.gear-craft-actions .btn{flex:1}.vorax-section-divider{padding:6px 8px 2px;font-size:10px;color:#ffffff4d;-webkit-user-select:none;user-select:none;cursor:default;letter-spacing:.05em}.vorax-leg-source-row{display:flex;align-items:center;gap:8px;padding:6px 10px 4px}.vorax-leg-source-label{font-size:10px;font-weight:700;color:#ffffff73;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.vorax-quality-warning{background:#ffb42814;border:1px solid rgba(255,180,40,.3);border-radius:4px;padding:6px 10px;font-size:11px;color:#ffc850e6;margin:0 10px 6px;line-height:1.5}.vorax-affix-legendary{color:#ffa726}.gear-catalog-header{padding:8px 10px 6px;border-bottom:1px solid #1a1a3a;flex-shrink:0}.gear-craft-create-btn{width:100%}.gear-craft-create-btn.active{background:#3a1a6a;border-color:#63a}.gear-craft-mod-select{position:relative;flex:1;min-width:0}.gear-craft-mod-trigger{display:flex;align-items:center;justify-content:space-between;background:#12122a;border:1px solid #2a2a4a;border-radius:3px;padding:4px 6px;font-size:11px;cursor:pointer;min-width:0;-webkit-user-select:none;user-select:none}.gear-craft-mod-trigger:hover{border-color:#4a4a6a}.gear-craft-mod-trigger.open{border-color:#533483}.gear-craft-mod-value{color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-craft-mod-placeholder{color:#555;font-style:italic}.gear-craft-mod-clear{color:#555;font-size:12px;cursor:pointer;flex-shrink:0;padding:0 2px;line-height:1}.gear-craft-mod-clear:hover{color:#ef5350}.gear-craft-mod-dropdown{z-index:9000;background:#112;border:1px solid #333355;border-radius:3px;display:flex;flex-direction:column;box-shadow:0 4px 16px #0009}.gear-craft-mod-search{background:#0e0e1e;border:none;border-bottom:1px solid #1e1e3a;color:#ccc;font-size:11px;padding:6px 8px;outline:none;flex-shrink:0}.gear-craft-mod-search::placeholder{color:#444}.gear-craft-mod-list{flex:1;overflow-y:auto}.gear-craft-mod-list::-webkit-scrollbar{width:4px}.gear-craft-mod-list::-webkit-scrollbar-track{background:transparent}.gear-craft-mod-list::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:2px}.gear-craft-mod-list::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-craft-mod-group{padding:5px 8px 3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#4a4a7a;background:#0c0c1e;border-top:1px solid #1a1a3a;pointer-events:none;-webkit-user-select:none;user-select:none}.gear-craft-mod-option{padding:5px 10px;font-size:11px;color:#bbb;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-craft-mod-option:hover{background:#1a1a3e;color:#eee}.gear-craft-mod-option.selected{color:#96f;background:#1a1040}.gear-craft-mod-empty{padding:10px;font-size:11px;color:#444;font-style:italic}.gear-catalog{flex:22;min-width:160px;display:flex;flex-direction:column;overflow:hidden}.gear-search-bar{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid #1e1e3a;flex-shrink:0;gap:6px}.gear-search-input{flex:1;background:#0d0d22;border:1px solid #2a2a4a;color:var(--fg);font-size:12px;font-family:inherit;padding:5px 10px;border-radius:4px;outline:none}.gear-search-input:focus{border-color:#55a}.gear-search-input::placeholder{color:#333}.gear-search-clear{background:transparent;color:#444;font-size:13px;padding:3px 6px;border-radius:3px}.gear-search-clear:hover{color:#aaa;background:#ffffff0f}.gear-catalog-list{flex:1;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.gear-catalog-list::-webkit-scrollbar{width:5px}.gear-catalog-list::-webkit-scrollbar-track{background:transparent}.gear-catalog-list::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gear-catalog-list::-webkit-scrollbar-thumb:hover{background:#3a3a5a}.gear-empty{padding:24px;text-align:center;color:#444;font-size:12px}.gear-catalog-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:3px;cursor:pointer;border:1px solid transparent;gap:6px}.gear-catalog-item:hover{background:#16162e;border-color:#2a2a4a}.gear-catalog-item--selected{background:#1a1a3e;border-color:#4a4a8a}.gear-catalog-item--loading{cursor:default;opacity:.85}.gear-catalog-item-name{font-size:12px;color:#c8a050;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.gear-catalog-item-level{font-size:10px;color:#444;flex-shrink:0}.gear-tooltip-portal{position:fixed;z-index:9999;background:#0e0e1e;border:1px solid #3a3a6a;border-radius:6px;padding:10px 12px;min-width:220px;max-width:300px;box-shadow:0 4px 20px #000000a6;pointer-events:none}.gear-tooltip-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5a5a8a;margin-bottom:2px}.gear-tooltip-name{font-size:13px;font-weight:700;color:#c8a050;margin-bottom:2px}.gear-tooltip-base{font-size:11px;color:#7070aa;margin-bottom:2px}.gear-tooltip-level{font-size:11px;color:#666;margin-bottom:6px}.gear-tooltip-divider{border-top:1px solid #2a2a3a;margin-bottom:6px}.gear-tooltip-section-line{border-top:1px solid #2a2a3a;margin:4px 0 6px}.gear-tooltip-affix{font-size:11px;color:#aaa;line-height:1.5;margin-bottom:1px}.gear-tooltip-affix--implicit{color:#88c}.gear-tooltip-affix--corroded{color:#c678dd}.skills-screen{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden;min-height:0}.skills-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#112;border-bottom:1px solid #2a2a4a;flex-shrink:0}.skills-header-title{font-size:15px;font-weight:700;color:var(--gold)}.skills-body{display:flex;flex:1;overflow:hidden;min-height:0}.skill-slots-panel{flex:20;min-width:150px;background:#0e0e1e;border-right:1px solid #1e1e3a;display:flex;flex-direction:column;overflow:hidden}.skill-slots-scroll{flex:1;overflow-y:auto;padding:8px 0}.skill-slot-group{margin-bottom:4px}.skill-slots-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#444;padding:6px 14px 4px}.skill-slot-row{display:flex;align-items:center;gap:6px;padding:8px 10px;min-height:44px;border-bottom:1px solid #16162a;border-left:2px solid transparent;cursor:pointer;transition:background .12s}.skill-slot-row:hover{background:#12122a}.skill-slot-row.active{background:#1a1a3a;border-left-color:var(--gold)}.skill-slot-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.skill-slot-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#444}.skill-slot-skill-name{font-size:11px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-slot-empty{font-size:11px;color:#2a2a44}.skill-slot-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.skill-slot-level-badge{font-size:10px;color:#55a;white-space:nowrap}.skill-slot-remove{background:none;border:none;color:#3a3a5a;font-size:15px;cursor:pointer;padding:0 2px;line-height:1;transition:color .12s}.skill-slot-remove:hover{color:#ff6b6b}.skills-left-footer{padding:10px 12px;border-top:1px solid #1e1e3a;background:#0a0a18;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.skills-energy-config{display:flex;align-items:center;gap:4px;font-size:11px}.skills-energy-config-label{color:#555;font-size:11px;display:flex;align-items:center;gap:3px;cursor:pointer}.skills-energy-level-input{width:44px;background:#14142a;border:1px solid #1e1e3a;border-radius:4px;color:#ccc;font-size:11px;padding:2px 5px;text-align:center}.skills-energy-level-input:focus{outline:none;border-color:#55a}.skills-energy-level-input[type=number]{-moz-appearance:textfield}.skills-energy-level-input::-webkit-inner-spin-button,.skills-energy-level-input::-webkit-outer-spin-button{-webkit-appearance:none}.skills-energy-total{font-size:12px;font-weight:600;color:#6aaa6a;background:#0a1a0a;border:1px solid #1a3a1a;border-radius:5px;padding:3px 10px;white-space:nowrap;text-align:center}.skills-energy-total.over{color:#ff6b6b;background:#1a0a0a;border-color:#3a1a1a}.skill-center-panel{flex:44;min-width:220px;display:flex;flex-direction:column;border-right:1px solid #1e1e3a;overflow:hidden;background:#0c0c1c}.skill-center-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#2a2a44;font-size:14px;font-style:italic}.skill-center-catalog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;flex-shrink:0}.skill-center-catalog-title{font-size:12px;font-weight:700;color:#66a;text-transform:uppercase;letter-spacing:.8px}.skill-center-catalog-footer{padding:10px 14px;border-top:1px solid #1e1e3a;background:#0e0e1e;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.skill-search-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #1e1e3a;background:#0e0e1e;flex-shrink:0}.skill-search-input{flex:1;background:#0a0a18;border:1px solid #2a2a4a;border-radius:4px;color:var(--fg);font-size:13px;padding:5px 10px;outline:none;transition:border-color .15s}.skill-search-input:focus{border-color:#55a}.skill-search-input::placeholder{color:#333}.skill-search-clear{background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1;transition:color .12s,background .12s}.skill-search-clear:hover{color:#aaa;background:#ffffff0f}.skill-sort-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #1e1e3a;background:#0e0e1e;flex-shrink:0}.skill-sort-label{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.skill-sort-select{flex:1;background:#0a0a18;border:1px solid #2a2a4a;border-radius:4px;color:var(--fg);font-size:12px;padding:4px 8px;outline:none;cursor:pointer;transition:border-color .15s}.skill-sort-select:focus{border-color:#55a}.skill-sort-select option{background:#0e0e1e;color:var(--fg)}.skill-catalog-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.skill-catalog-list::-webkit-scrollbar,.skill-slots-scroll::-webkit-scrollbar,.skill-support-slots-section::-webkit-scrollbar{width:8px}.skill-catalog-list::-webkit-scrollbar-track,.skill-slots-scroll::-webkit-scrollbar-track,.skill-support-slots-section::-webkit-scrollbar-track{background:transparent}.skill-catalog-list::-webkit-scrollbar-thumb,.skill-slots-scroll::-webkit-scrollbar-thumb,.skill-support-slots-section::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.skill-catalog-list::-webkit-scrollbar-thumb:hover,.skill-slots-scroll::-webkit-scrollbar-thumb:hover,.skill-support-slots-section::-webkit-scrollbar-thumb:hover{background:#3a3a5a;background-clip:padding-box}.skill-catalog-empty{color:#444;font-size:13px;text-align:center;padding:24px;font-style:italic}.skill-catalog-item{padding:8px 10px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.skill-catalog-item:hover{background:#12122e;border-color:#2a2a4a}.skill-catalog-item.selected{background:#1a1a3e;border-color:#4a4a8a}.skill-catalog-name{font-size:13px;font-weight:600;color:var(--gold);display:block;margin-bottom:4px}.skill-catalog-tags{display:flex;flex-wrap:wrap;gap:3px}.skill-tag-pill{font-size:10px;font-weight:600;color:#668;background:#1a1a30;border:1px solid #2a2a44;border-radius:10px;padding:1px 6px}.skill-tag-pill.tag-fire{color:#c47744;background:#1a0e06;border-color:#362010}.skill-tag-pill.tag-cold{color:#5ac;background:#0a1820;border-color:#182e3a}.skill-tag-pill.tag-lightning{color:#ca3;background:#181400;border-color:#302a00}.skill-tag-pill.tag-erosion{color:#85a;background:#120a18;border-color:#261630}.skill-tag-pill.tag-physical{color:#976;background:#141008;border-color:#281e12}.skill-tag-pill.tag-attack{color:#b44;background:#180a0a;border-color:#301616}.skill-tag-pill.tag-melee{color:#865;background:#140e08;border-color:#281c12}.skill-tag-pill.tag-ranged{color:#994;background:#141400;border-color:#282800}.skill-tag-pill.tag-beam{color:#bba;background:#161614;border-color:#28282a}.skill-tag-pill.tag-spell{color:#69c;background:#0a1220;border-color:#182030}.skill-tag-pill.tag-warcry{color:#a74;background:#181006;border-color:#2e2010}.skill-tag-pill.tag-passive{color:#a83;background:#161200;border-color:#2e2800}.skill-tag-pill.tag-summon{color:#7a4;background:#0e1608;border-color:#1e2e12}.skill-tag-pill.tag-activation{color:#3aa;background:#081818;border-color:#163030}.skill-tag-pill.tag-support{color:#467;background:#0e1520;border-color:#1a2a38}.skill-tag-pill.tag-strength{color:#a44;background:#160a0a;border-color:#2c1616}.skill-tag-pill.tag-intel{color:#47a;background:#0a1220;border-color:#162030}.skill-tag-pill.tag-dex{color:#496;background:#0a1410;border-color:#162818}.skill-tag-pill.tag-restoration{color:#597;background:#0a1612;border-color:#162e22}.skill-tag-pill.tag-demolisher{color:#863;background:#140e06;border-color:#281e10}.skill-tag-pill.tag-mobility{color:#89a;background:#121618;border-color:#222a30}.skill-detail-header{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px 10px;flex-shrink:0}.skill-detail-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.skill-detail-name{font-size:15px;font-weight:700;color:var(--gold);margin-bottom:6px}.skill-detail-tags{display:flex;flex-wrap:wrap;gap:4px}.hero-trait-screen{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#080818}.hero-trait-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0e0e1e;border-bottom:1px solid #2a2a4a;flex-shrink:0}.hero-trait-select{background:#0e0e2a;color:#c0c0e0;border:1px solid #3a3a6a;border-radius:4px;padding:5px 10px;font-size:13px;font-family:inherit;cursor:pointer}.hero-trait-variant-label{font-size:12px;color:#668}.hero-trait-body{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;min-height:0;gap:24px}.trait-main-row{display:flex;align-items:center;gap:32px;flex:1;min-height:0}.trait-base-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.trait-v-divider{width:1px;background:#1e1e3a;align-self:stretch;flex-shrink:0;min-height:60px}.trait-tiers-row{display:flex;gap:0;align-items:flex-start;flex:1}.trait-tier-col{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.trait-tier-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#446;font-weight:700;text-align:center}.trait-tier-label.locked{color:#272740}.trait-tier-primaries{display:flex;flex-direction:column;align-items:center;gap:12px}.trait-tier-subs{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #1e1e3a;width:100%}.trait-tier-sub-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#533;font-weight:700;text-align:center}.trait-slot-level-row{display:flex;gap:3px;justify-content:center}.trait-slot-level-btn{width:20px;height:20px;border-radius:4px;border:1px solid #1e1e3a;background:#0a0a18;color:#335;cursor:pointer;font-size:9px;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s}.trait-slot-level-btn:hover:not(.locked){border-color:#3a3a7a;color:#8080cc}.trait-slot-level-btn.active{border-color:#7070cc;color:#c0c0ff;background:#0e0e30}.trait-slot-level-btn.locked{opacity:.25;cursor:default}.trait-circle{position:relative;width:80px;height:80px;border-radius:50%;border:2px solid #2a2a4a;background:#0e0e1e;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s;overflow:visible}.trait-circle:hover:not(.locked){border-color:#4a4a8a;background:#111130}.trait-circle.selected{border-color:silver;background:#121220}.trait-circle.locked{opacity:.35;cursor:default}.trait-circle-base{width:96px;height:96px;border-width:2.5px;cursor:default}.trait-circle-base:hover:not(.locked){border-color:silver;background:#121220}.trait-circle-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.trait-circle-name{font-size:9px;line-height:1.25;text-align:center;color:#9090b0;word-break:break-word;pointer-events:none}.trait-circle.selected .trait-circle-name{color:#c0c0e0}.trait-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.trait-circle-img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.trait-circle-caption{font-size:10px;line-height:1.2;text-align:center;color:#9090b0;max-width:96px;word-break:break-word;pointer-events:none}.trait-circle.selected+.trait-circle-caption{color:#c0c0e0}.trait-circle.locked+.trait-circle-caption{opacity:.5}.trait-circle-check{position:absolute;top:2px;right:2px;font-size:9px;color:silver;font-weight:700;background:#0e0e1e;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.trait-info-card{position:fixed;z-index:400;width:270px;background:#0a0a1e;border:1px solid #3a3a6a;border-radius:8px;padding:12px 14px;box-shadow:0 8px 28px #000000d9;pointer-events:none}.trait-info-name{font-size:13px;font-weight:700;color:#c0c0e0;margin-bottom:4px}.trait-info-level-current{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7070cc;margin-bottom:6px;font-weight:700}.trait-info-effects{list-style:disc;padding-left:14px;font-size:11px;color:#889;line-height:1.6}.trait-info-effects li{margin-bottom:2px}.trait-info-level-header{list-style:none;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#55a;margin-top:6px;margin-bottom:2px;margin-left:-14px}.trait-moon-row{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;background:#0a0a20;border:1px solid #2a2a5a;border-radius:6px;max-width:560px}.trait-moon-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7070cc;font-weight:700;white-space:nowrap;padding-top:1px}.trait-moon-effects{display:flex;flex-direction:column;gap:2px}.trait-moon-effect{font-size:11px;color:#889;line-height:1.5}.skill-panel-divider{height:1px;background:#1e1e3a;margin:0 16px;flex-shrink:0}.skill-detail-desc{padding:10px 16px;display:flex;flex-direction:column;gap:3px}.skill-desc-subheader{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#668;margin-top:8px}.skill-desc-line{font-size:12px;color:#9090aa;line-height:1.55}.skill-level-row{display:flex;align-items:center;gap:6px}.skill-level-label{font-size:12px;font-weight:600;color:#668}.skill-level-controls{display:flex;align-items:center;gap:4px}.skill-level-btn{background:#1a1a3a;border:1px solid #2a2a4a;color:var(--fg);font-size:14px;width:24px;height:24px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.skill-level-btn:hover{background:#2a2a5a}.skill-level-input{width:44px;text-align:center;background:#0a0a18;border:1px solid #2a2a4a;border-radius:3px;color:var(--fg);font-size:13px;padding:2px 4px;outline:none}.skill-level-input::-webkit-outer-spin-button,.skill-level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.skill-level-input[type=number]{-moz-appearance:textfield}.skill-detail-actions{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #1e1e3a;flex-shrink:0}.skill-detail-actions .btn{flex:1;justify-content:center}.skill-support-slots-section{padding:10px 16px;flex:1;overflow-y:auto}.skill-support-slots-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#444;margin-bottom:6px}.skill-support-slot-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;border:1px solid #1e1e3a;margin-bottom:4px;cursor:pointer;transition:background .1s,border-color .1s}.skill-support-slot-row:hover{background:#12122a}.skill-support-slot-row.active{background:#1a1a44;border-color:var(--gold)}.skill-support-slot-row.occupied{border-color:#2a2a55}.skill-support-toggle{width:13px;height:13px;flex-shrink:0;accent-color:#4caf50;cursor:pointer}.skill-support-toggle-spacer{width:13px;flex-shrink:0}.skill-support-cost-badge{font-size:9px;font-weight:700;color:#6aaa6a;background:#0a1a0a;border:1px solid #1a3a1a;border-radius:3px;padding:1px 5px;min-width:20px;text-align:center;flex-shrink:0}.skill-support-cost-badge.dim{color:#2a3a2a;background:transparent;border-color:#1e2a1e}.skill-support-slot-num{font-size:10px;font-weight:700;color:#444;width:12px;flex-shrink:0}.skill-support-slot-name{flex:1;font-size:11px;color:var(--gold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-support-slot-empty{flex:1;font-size:11px;color:#2a2a44;font-style:italic}.skill-support-panel{flex:36;min-width:180px;background:#0c0c1c;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #1e1e3a}.skill-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#2a2a44;font-size:13px;font-style:italic;padding:24px;text-align:center}.skill-support-panel-header{padding:12px 14px 10px;flex-shrink:0}.skill-support-panel-title{font-size:13px;font-weight:700;color:#aac;display:flex;align-items:center;margin-bottom:4px}.skill-support-panel-parent{font-size:11px;color:#555;margin-bottom:6px}.skill-support-current{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#14142a;border:1px solid #2a2a44;border-radius:4px;margin-top:4px}.skill-support-current-label{font-size:10px;color:#444;flex-shrink:0}.skill-support-current-name{font-size:11px;color:var(--gold);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-tooltip-desc p{font-size:11px;color:#9090aa;line-height:1.5;margin:0 0 2px}.memory-slot-circle{width:62px;height:62px;border-radius:50%;border:2px solid #3a3a5a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;margin:0 auto 10px;background:#0d0d1e;position:relative;flex-shrink:0}.memory-slot-circle:hover:not(.disabled){border-color:#6a6aaa;box-shadow:0 0 12px #6464c859;transform:scale(1.05)}.memory-slot-circle.filled:hover{transform:scale(1.05)}.memory-slot-circle.disabled{cursor:default;opacity:.4;border-color:#252535}.memory-slot-coming-soon{font-size:7px;color:#44445a;text-align:center;line-height:1.3;letter-spacing:.4px;text-transform:uppercase;padding:0 6px}.memory-slot-plus{font-size:26px;line-height:1;opacity:.45;color:#88a}.memory-info-card{position:fixed;z-index:1200;background:#112;border:1px solid #2a2a4a;border-radius:8px;padding:10px 14px;min-width:180px;max-width:240px;pointer-events:none;box-shadow:0 4px 20px #0009}.memory-info-title{font-size:13px;font-weight:700;margin-bottom:2px}.memory-info-rarity{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:8px;opacity:.85}.memory-info-lines{list-style:none;display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.memory-info-lines li{font-size:11px;color:#c8c8e0;line-height:1.4}.memory-info-empty{font-size:11px;color:#556;margin-bottom:6px}.memory-info-hint{font-size:10px;color:#44445a;text-align:right;text-transform:uppercase;letter-spacing:.5px}.memory-creator-modal{width:560px;max-width:96vw;max-height:90vh;overflow-y:auto}.memory-rarity-row{display:flex;align-items:center;gap:10px;padding:0 20px 14px}.memory-rarity-label{font-size:12px;color:#888;font-weight:600;min-width:44px}.memory-rarity-select{background:#0d0d1e;border:1px solid #2a2a4a;color:var(--fg);border-radius:4px;padding:4px 8px;font-size:13px;font-family:inherit}.memory-rarity-select:focus{outline:1px solid #4040aa}.memory-rarity-dot{font-size:16px;line-height:1}.memory-affix-list{display:flex;flex-direction:column;gap:0;padding:0 20px 16px}.memory-affix-row{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;border-bottom:1px solid #15152a;border-radius:4px;transition:background .1s}.memory-affix-row:last-child{border-bottom:none}.memory-affix-row:hover{background:#0a0a1a}.memory-affix-label{font-size:10px;color:#6060a0;font-weight:700;min-width:58px;padding-top:6px;letter-spacing:.4px;text-transform:uppercase}.memory-affix-controls{display:flex;flex-direction:column;gap:6px;flex:1}.memory-affix-select{background:#0d0d1e;border:1px solid #2a2a4a;color:var(--fg);border-radius:4px;padding:4px 8px;font-size:12px;font-family:inherit;width:100%}.memory-affix-select:focus{outline:1px solid #4040aa}.memory-tier-slider-wrapper{display:flex;flex-direction:column;gap:4px}.memory-tier-label-pill{font-size:10px;color:#44446a;background:#0a0a18;border:1px solid #1e1e3a;border-radius:4px;padding:2px 8px;align-self:flex-start;letter-spacing:.5px;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none}.memory-tier-slider-row{display:flex;align-items:center;gap:8px}.memory-affix-slider{flex:1;accent-color:var(--accent);cursor:pointer;height:4px}.memory-affix-slider-val{font-size:13px;color:#d0d0f0;min-width:34px;text-align:right;font-weight:700}.memory-affix-hover-tooltip{position:fixed;z-index:1300;background:#1a1a30;border:1px solid #3a3a60;border-radius:6px;padding:5px 10px;font-size:12px;color:#d0d0f0;pointer-events:none;white-space:nowrap;box-shadow:0 2px 12px #00000080}.pact-spirit-screen{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.pact-spirit-header{display:flex;align-items:center;gap:14px;padding:14px 20px 10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pact-spirit-title{font-size:16px;font-weight:600;color:#e0e0e0;letter-spacing:.03em}.pact-spirit-body{display:flex;flex:1;overflow:hidden;min-height:0}.pact-spirit-grid{display:grid;grid-template-columns:240px repeat(10,1fr);grid-template-rows:repeat(3,1fr);flex:1;overflow:hidden;align-items:stretch}.pact-card-cell{border:1.5px solid rgba(255,255,255,.18);border-radius:8px;margin:10px 6px 10px 16px;background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;padding:14px 12px;gap:8px;overflow:hidden;min-height:90px}.pact-card-cell:hover{border-color:#ffffff59;background:#ffffff0d}.pact-card-cell.active{border-color:#ffffff8c;background:#ffffff0f}.pact-card-cell.empty{align-items:center;justify-content:center;gap:6px}.pact-card-plus{font-size:30px;color:#ffffff59;line-height:1}.pact-card-add-label{font-size:12px;color:#ffffff4d;letter-spacing:.04em}.pact-spirit-slot-header{display:flex;align-items:center;justify-content:space-between}.pact-spirit-slot-name{font-size:13px;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 28px)}.pact-spirit-remove-btn{background:none;border:none;color:#ffffff4d;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.pact-spirit-remove-btn:hover{color:#ff6464cc}.pact-spirit-affinities{display:flex;gap:4px;flex-wrap:wrap}.pact-affinity-tag{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;letter-spacing:.03em;background:#ffffff14;color:#aaa}.pact-affinity-tag.affinity-attack{background:#e573732e;color:#ef9a9a}.pact-affinity-tag.affinity-legendary{background:#ffd54f2e;color:#ffd54f}.pact-affinity-tag.affinity-magic{background:#64b5f62e;color:#90caf9}.pact-affinity-tag.affinity-rare{background:#ba68c82e;color:#ce93d8}.pact-affinity-tag.affinity-survival{background:#81c7842e;color:#a5d6a7}.pact-affinity-tag.affinity-summon{background:#4dd0e12e;color:#80deea}.pact-affinity-tag.affinity-persistent{background:#ffb74d2e;color:#ffcc80}.pact-affinity-tag.affinity-spell{background:#ce93d82e;color:#e1bee7}.pact-affinity-tag.affinity-cold{background:#90caf92e;color:#bbdefb}.pact-affinity-tag.affinity-erosion{background:#a5d6a72e;color:#c8e6c9}.pact-affinity-tag.affinity-lightning{background:#fff1762e;color:#fff9c4}.pact-affinity-tag.affinity-elixir{background:#80cbc42e;color:#b2dfdb}.pact-affinity-tag.affinity-fire{background:#ff8a652e;color:#ffccbc}.pact-affinity-tag.affinity-drop{background:#b0bec52e;color:#cfd8dc}.pact-spirit-rank-row{display:flex;align-items:center;gap:5px;flex-shrink:0;margin-top:auto}.pact-spirit-rank-label{font-size:10px;color:#fff6;letter-spacing:.04em}.pact-spirit-rank-select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#e0e0e0;font-size:12px;padding:2px 4px;cursor:pointer;font-family:inherit}.pact-spirit-rank-select:focus{outline:none;border-color:#ffffff4d}.pact-node-cell{position:relative;display:flex;align-items:center;justify-content:center}.pact-node-cell.has-node:before,.pact-node-cell.has-node:after{content:"";position:absolute;top:50%;height:2px;background:#ffffff2e;transform:translateY(-50%)}.pact-node-cell.node-ring-inner:before{left:0;right:calc(50% + 13px)}.pact-node-cell.node-ring-inner:after{left:calc(50% + 13px);right:0}.pact-node-cell.node-ring-mid:before{left:0;right:calc(50% + 16px)}.pact-node-cell.node-ring-mid:after{left:calc(50% + 16px);right:0}.pact-node-cell.node-ring-outer:before{left:0;right:calc(50% + 22px)}.pact-node-cell.node-ring-outer:after{display:none}.pact-node{position:relative;z-index:1;border-radius:50%;flex-shrink:0;cursor:pointer;transition:box-shadow .12s,transform .12s}.pact-node:hover{box-shadow:0 0 14px 5px #ffffff47;transform:scale(1.12)}.pact-node.node-inner{width:26px;height:26px;background:#ffffff8c;border:2px solid rgba(255,255,255,.75)}.pact-node.node-mid{width:32px;height:32px;background:#b4d2ff8c;border:2px solid rgba(180,210,255,.85)}.pact-node.node-outer{width:44px;height:44px;background:#ffb45099;border:2.5px solid rgba(255,200,100,.9);box-shadow:0 0 10px #ffb45073}.pact-node-img{width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.pact-spirit-right-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;padding:12px 14px 0;gap:8px;border-left:1px solid rgba(255,255,255,.07)}.pact-spirit-search-row{flex-shrink:0}.pact-spirit-search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e0e0e0;font-size:13px;padding:7px 12px;font-family:inherit;outline:none;box-sizing:border-box}.pact-spirit-search:focus{border-color:#ffffff47}.pact-spirit-search::placeholder{color:#ffffff40}.pact-spirit-affinity-filters{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.pact-filter-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#ffffff8c;font-size:11px;padding:3px 10px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.pact-filter-btn:hover{background:#ffffff1a;color:#e0e0e0}.pact-filter-btn.active{background:#ffffff26;border-color:#ffffff4d;color:#e0e0e0}.pact-spirit-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-bottom:12px}.pact-spirit-list-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#ffffff08;cursor:pointer;transition:background .12s,border-color .12s}.pact-spirit-portrait-wrap{display:flex;justify-content:center;margin-top:10px}.pact-spirit-portrait{width:88px;height:88px;object-fit:contain;border-radius:8px;pointer-events:none;-webkit-user-drag:none}.pact-spirit-list-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.pact-spirit-list-icon{width:40px;height:40px;flex-shrink:0;border-radius:6px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.pact-spirit-list-item:hover{background:#ffffff12;border-color:#ffffff2e}.pact-spirit-list-item.selected{border-color:#78c87873;background:#64b4640f}.pact-spirit-list-item.selected:hover{border-color:#78c878a6;background:#64b4641a}.pact-spirit-bound-badge{font-size:10px;font-weight:600;color:#78dc78d9;letter-spacing:.03em;white-space:nowrap}.pact-spirit-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pact-spirit-list-name{font-size:13px;font-weight:600;color:#e0e0e0}.pact-spirit-list-desc{font-size:11px;color:#fff6;line-height:1.4}.pact-spirit-empty-list{padding:20px;text-align:center;color:#ffffff40;font-size:12px}.tooltip--spirit{background:#1e1e32;border-color:#ffffff2e;max-width:300px;line-height:1.45}.pact-tooltip-main{color:#e8e8ff;font-weight:500}.pact-tooltip-bonus{color:#dcdcffa6;font-size:11px;padding-left:4px;border-left:2px solid rgba(255,180,80,.4)}