.tool-page{padding-top:36px;padding-bottom:24px}.tool-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.tool-heading h1{font-size:var(--type-page);letter-spacing:-.035em;margin:6px 0 0;line-height:1.2}.eyebrow{font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-weight:600}.build-page>.tool-heading h1,.tool-heading .eyebrow{margin:0}.tool-back{color:var(--text-muted);font-size:14px}.planner-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.planner-workspace>*{min-width:0}.loadout-panel{scrollbar-width:thin;background:var(--ink-dark);border:1px solid var(--border);border-top:1px solid var(--border);max-height:calc(100dvh - 124px);padding:20px;position:sticky;top:100px;overflow-y:auto}.loadout-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.loadout-path{font-family:var(--font-display);color:var(--gold);margin:-4px 0 20px;font-size:24px}.text-action{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:13px}.text-action:hover{color:var(--text)}.text-action:disabled{opacity:.4;cursor:default}.loadout-group+.loadout-group{margin-top:24px}.loadout-group h3{font:500 14px var(--font-sans);justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;display:flex}.loadout-group h3 span{color:var(--text-muted);font-size:12px}.loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.loadout-slot{background:var(--ink-black);border:1px solid var(--border);border-radius:3px;min-width:0;position:relative}.loadout-slot[data-active]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.loadout-slot[data-state=filled]{background:color-mix(in srgb, var(--gold) 4%, var(--ink-black))}.loadout-select{width:100%;min-height:82px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;padding:12px;display:flex}button.loadout-select{cursor:pointer}.loadout-slot-label{color:var(--text-muted);padding-right:12px;font-size:12px}.loadout-slot-name{font-family:var(--font-display);font-size:var(--type-body);overflow-wrap:anywhere;line-height:1.4;display:block}.loadout-empty{color:var(--text-muted);opacity:.5;font:22px var(--font-sans);line-height:1.1}.loadout-clear{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:20px;position:absolute;top:0;right:0}.loadout-clear:hover{color:var(--text);background:var(--ink-raised)}.loadout-actions{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex;position:relative}.loadout-actions>*{flex:1 0 auto}.loadout-actions button{padding-inline:10px}.planner-primary,.planner-secondary{border:1px solid var(--gold);min-height:44px;font:500 14px var(--font-sans);cursor:pointer;text-align:center;border-radius:3px;justify-content:center;align-items:center;gap:16px;padding:10px 20px;display:inline-flex}.planner-primary{color:var(--ink-black);background:var(--gold)}.planner-secondary{color:var(--text);border-color:var(--border);background:var(--ink-dark)}.planner-primary:hover,.planner-secondary:hover{border-color:var(--text);text-decoration:none}.planner-primary:disabled,.planner-secondary:disabled{cursor:default;opacity:.35}.loadout-view-link{color:var(--gold);justify-content:space-between;margin-top:16px;font-size:14px;display:flex}.planner-feedback{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.6}.saved-confirmation{margin-top:10px;font-size:13px;display:inline-block}.planner-tabs{border-bottom:1px solid var(--border);gap:24px;display:flex}.planner-tabs button{min-width:0;color:var(--text-muted);cursor:pointer;font:500 15px var(--font-sans);background:0 0;border:0;border-bottom:2px solid #0000;flex-wrap:wrap;align-content:center;align-items:center;gap:10px;padding:12px 0 16px;display:flex}.planner-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.planner-tabs button span{opacity:.7;font-size:12px}.catalog-controls{justify-content:space-between;align-items:center;gap:20px;margin:24px 0 20px;display:flex}.catalog-filter{gap:8px;width:min(100%,340px);display:grid}.catalog-filter input{border:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--ink-dark);font:15px var(--font-sans);border-radius:3px;padding:10px 14px}.catalog-target{text-align:right;gap:4px;margin:0;font-size:13px;display:grid}.catalog-target span{color:var(--text-muted)}.catalog-target strong{color:var(--gold);font-weight:500}.planner-choice{flex-direction:column;min-width:0;display:flex}.planner-inspect{border-bottom:1px solid var(--border);width:100%}.planner-inspection-return{margin:0 16px 16px}.planner-options{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:12px;display:grid}.planner-option{border:1px solid var(--border);width:100%;min-width:0;min-height:108px;color:var(--text);background:linear-gradient(140deg, #d9b36a06, transparent), var(--ink-dark);text-align:left;font:inherit;cursor:pointer;border-radius:3px;flex-direction:column;flex:1;gap:10px;padding:14px;scroll-margin-block:175px 100px;display:flex}.planner-option:hover{border-color:var(--text-muted);background:var(--ink-raised)}.planner-option[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 7%, var(--ink-dark))}.planner-option-top{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.planner-equipped{color:var(--gold)}.planner-option-name{font:500 20px/1.4 var(--font-display)}.planner-option-description{color:var(--text-muted);font-size:13px;line-height:1.7}.catalog-empty{border:1px dashed var(--border);text-align:center;color:var(--text-muted);padding:32px}.tool-page :is(button,a,input):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.build-art-detail{background:var(--ink-dark);border-left:1px solid var(--gold);margin-bottom:20px;padding:28px 32px}.build-art-detail h2{margin:8px 0 20px;font-size:28px}.build-art-description{max-width:60ch;font-size:16px;line-height:1.85}.build-library-catalogues{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 32px;margin-bottom:32px;padding:8px 0;display:flex}.build-library-catalogues>a{min-height:44px;color:var(--text);font:500 var(--type-body)/1.5 var(--font-sans);border-bottom:2px solid #0000;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.build-library-catalogues>a:hover{color:var(--gold);border-bottom-color:var(--gold);text-decoration:none}.build-library-catalogues .num{color:var(--text-muted);font-size:var(--type-label)}.path-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.path-card{grid-template-rows:subgrid;border:1px solid var(--border);border-top:1px solid var(--border);background:var(--ink-dark);color:var(--text);border-radius:3px;grid-row:span 4;gap:22px;padding:28px;display:grid;position:relative}.path-card:hover{border-color:var(--gold);text-decoration:none}.path-card h3{color:var(--gold);grid-row:1;margin:0;font-size:24px}.path-pair{grid-row:2/span 2;grid-template-rows:subgrid;gap:20px;display:grid}.path-pair>div{grid-template-rows:minmax(18px,auto) auto;gap:4px;display:grid}.path-pair span{color:var(--text-muted);font-size:12px}.path-pair strong{font-family:var(--font-display);grid-row:2;font-size:19px;font-weight:500}.path-open{border-top:1px solid var(--border);color:var(--text-muted);grid-row:4;justify-content:space-between;margin-top:auto;padding-top:18px;font-size:13px;display:flex}.saved-builds{margin-bottom:40px}.saved-build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.saved-build-card{background:var(--ink-dark);border:1px solid var(--border);border-radius:3px;padding:22px}.saved-build-card>a{color:var(--text);flex-direction:column;gap:12px;display:flex}.saved-build-card>a:hover{text-decoration:none}.saved-build-card h3{margin:0;font-size:21px}.saved-build-card p{color:var(--text-muted);margin:0;font-size:13px}.saved-build-open{color:var(--gold);justify-content:space-between;padding-top:10px;font-size:14px;display:flex}.saved-build-card .text-action{margin-top:16px}@media (max-width:1100px){.loadout-panel{max-height:calc(100dvh - 169px);padding:20px;top:145px}.planner-workspace{grid-template-columns:300px minmax(0,1fr);gap:24px}.path-grid,.saved-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.planner-workspace{grid-template-columns:1fr}.loadout-panel{max-height:none;position:static;overflow:visible}.loadout-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.loadout-group-w{grid-column:1/-1}.loadout-group+.loadout-group{margin-top:0}.loadout-actions{max-width:420px}.planner-catalog{scroll-margin-top:175px}}@media (max-width:600px){.tool-page{padding-top:24px}.tool-heading{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:24px}.tool-heading>a{min-height:40px}.loadout-slots{grid-template-columns:1fr;gap:24px}.loadout-select{min-height:74px}.planner-tabs{gap:14px}.planner-tabs button{gap:6px;font-size:13px}.catalog-controls{flex-direction:column;align-items:stretch;gap:12px}.catalog-filter{width:100%}.catalog-target{text-align:left;justify-content:space-between;display:flex}.path-grid,.saved-build-grid{grid-template-columns:1fr}.planner-option{padding:14px}.build-art-detail{padding:24px}}.catalog-panel.has-inspector{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:20px;display:grid}.catalog-panel.has-inspector>.planner-options{grid-area:1/1}.planner-options:empty{display:none}.catalog-panel.has-inspector>.catalog-empty{grid-area:1/1}.planner-inspector{scrollbar-width:thin;background:linear-gradient(0deg, #d2d7dc06, transparent), var(--ink-dark);border:1px solid var(--border);grid-area:1/2;max-height:calc(100dvh - 124px);position:sticky;top:100px;overflow-y:auto}.planner-inspector summary{border-left:3px solid var(--gold);cursor:pointer;gap:6px;min-height:86px;padding:16px 40px 16px 18px;list-style:none;display:grid;position:relative}.planner-inspector summary::-webkit-details-marker{display:none}.planner-inspector summary>span{color:var(--text-muted);font-size:var(--size-min)}.planner-inspector summary>strong{font:500 var(--type-object)/1.5 var(--font-display);overflow-wrap:anywhere}.planner-inspector summary:after{content:"+";color:var(--text-muted);font-size:20px;position:absolute;top:25px;right:16px}.planner-inspector[open] summary:after{content:"−"}.planner-inspector summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.planner-inspector .build-art-detail{border:0;margin:0;padding:0 20px 20px}.build-art-context{color:var(--text-muted);font-size:var(--type-label);flex-wrap:wrap;gap:4px 14px;display:flex}.build-art-description p{overflow-wrap:anywhere;margin:18px 0 0}.planner-catalog .planner-option[data-inspected]:not([aria-pressed=true]){border-color:var(--text-muted);background:var(--ink-raised)}.planner-catalog .planner-option[data-quality=gold]{border-top:2px solid var(--gold)}.planner-return{display:none}.loadout-panel{scroll-margin-top:100px}@media (max-width:1200px){.catalog-panel.has-inspector{grid-template-columns:minmax(0,1fr)}.planner-inspector{grid-area:1/1;max-height:none;position:static}.catalog-panel.has-inspector>.planner-options,.catalog-panel.has-inspector>.catalog-empty{grid-area:2/1}}@media (max-width:900px){.planner-workspace{padding-bottom:64px}.loadout-panel{scroll-margin-top:175px}.planner-return{bottom:max(16px, env(safe-area-inset-bottom));z-index:35;border-color:var(--gold);min-height:48px;display:flex;position:fixed;left:24px;right:24px;box-shadow:0 8px 32px #0008}.planner-return .num{color:var(--gold);margin-left:auto}}.planner-tabs button{font-size:var(--type-label)}.catalog-filter input{font-size:var(--type-body)}.planner-inspector{scroll-margin-top:175px}@media (max-width:900px){.planner-return{background:var(--ink-black);border:1px solid var(--gold);gap:8px;padding:8px}.planner-return>.game-button:first-child{flex:1;min-width:0}.planner-return .num{white-space:nowrap}body:has(.planner-workspace) .site-footer{padding-bottom:120px}}.loadout-group-w .loadout-grid{grid-template-columns:minmax(0,1fr)}.loadout-group-w .loadout-select{min-height:76px}.loadout-group-w .loadout-slot-name{overflow-wrap:break-word}.planner-share{display:flex;position:static}.planner-share>.game-button{width:100%}.planner-share .copy-link-feedback{width:100%;left:0;right:0}@media (min-width:1201px){.planner-inspect,.planner-inspection-return{display:none}}@media (max-width:900px){.loadout-clear{width:44px;height:44px}.loadout-slot-label{padding-right:24px}.planner-inspect{min-height:44px}.planner-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}