.equipment-heading{max-width:840px;margin-bottom:16px}.equipment-heading h1{margin:8px 0}.equipment-heading p{margin:0;font-size:14px;line-height:1.6}.equipment-catalog [hidden]{display:none!important}.equipment-heading>p:last-child,.equipment-sources,.equipment-scenario{color:var(--muted)}.equipment-filters,.equipment-compare-button{display:none}.equipment-enhanced .equipment-filters{top:var(--header-height);z-index:5;border:1px solid var(--border);background:#1b2431;border-radius:8px;flex-wrap:wrap;align-items:end;gap:8px 12px;padding:12px;display:flex;position:sticky;box-shadow:0 6px 18px #00000012}.equipment-filters label{color:var(--muted);gap:4px;font-size:14px;display:grid}.equipment-filters input,.equipment-filters select,.equipment-catalog button{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--deep);font:inherit;border-radius:6px;padding:8px 12px}.equipment-filters input[type=search]{width:19ch}.equipment-filters input[type=number]{width:8ch}.equipment-filters p{margin:0}.equipment-settings{margin-left:auto;position:relative}.equipment-settings summary{cursor:pointer;min-height:32px;color:var(--gold);border:1px solid var(--border);background:var(--deep);border-radius:6px;width:fit-content;padding:8px 12px}.equipment-settings-fields{border:1px solid var(--border);z-index:1;background:#1b2431;border-radius:8px;flex-wrap:wrap;gap:8px 12px;width:min(520px,80vw);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #0005}.equipment-scenario{margin:12px 0;font-size:13px}.equipment-input-error{color:#ffb9ae;flex-basis:100%}.equipment-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.equipment-enhanced .equipment-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#677387 #161d27;max-height:58vh;padding-right:4px;overflow-y:auto}.equipment-tile{text-align:center;overflow-wrap:anywhere;border:1px solid var(--border);min-height:76px;color:var(--text);background:linear-gradient(145deg,#1d2733,#161d27);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;font-size:14px;line-height:1.4;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.equipment-tile[aria-current=true],.equipment-tile:hover{border-color:var(--gold)}.equipment-tile[aria-current=true]{box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(145deg,#d7b47713,#161d27)}.equipment-tile-check{background:var(--gold);color:#161d27;border-radius:50%;place-items:center;width:22px;height:22px;display:none;position:absolute;top:8px;right:8px}.is-in-comparison .equipment-tile-check{display:grid}.equipment-tile img{object-fit:contain;flex-shrink:0;width:76px;height:76px}.equipment-tile strong,.equipment-tile small{display:block}.equipment-tile small{color:var(--muted);margin-top:6px;font-size:12px}.equipment-panel{border:1px solid var(--border);scroll-margin-top:calc(var(--header-height) + var(--equipment-filter-height,180px) + 16px);background:linear-gradient(145deg,#1d2733,#161d27 60%);border-radius:8px;margin-bottom:20px;padding:20px}.equipment-panel>header{align-items:center;gap:20px;display:flex}.equipment-panel>header img{object-fit:contain;width:96px;height:112px}.equipment-panel h2{color:var(--gold);margin:6px 0 10px;font-size:22px;line-height:1.25}.equipment-class,.equipment-level{color:var(--muted);margin:0}.equipment-description{border-block:1px solid var(--border);color:#c0c9d8;margin:12px 0;padding:12px 0;font-size:14px;line-height:1.7}.equipment-main-stat{font-size:18px}.equipment-main-stat strong{color:var(--text);font-size:25px}.equipment-effects{padding:0;list-style:none}.equipment-effects li{padding:6px 0;font-size:14px}.equipment-effects strong{color:var(--gold)}.equipment-weight{border-top:1px solid var(--border);color:var(--muted);padding-top:10px}.equipment-penalty{color:#ffb9ae}.equipment-enhanced .equipment-compare-button{color:#171b21;border-color:var(--gold);background:var(--gold);width:100%;min-height:44px;font-weight:650;display:block}.equipment-enhanced .equipment-compare-button.is-in-comparison{color:var(--gold);background:#d7b47715}.equipment-catalog button:not(:disabled):hover{border-color:var(--gold);cursor:pointer}.equipment-catalog button:disabled{opacity:.6}.equipment-catalog :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.equipment-comparison{border:1px solid var(--border);background:#1b2431;border-radius:8px;margin-top:24px;padding:18px}.equipment-comparison-heading,.equipment-comparison-heading>div{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.equipment-comparison-heading{justify-content:space-between}.equipment-comparison-heading h2{margin:0;font-size:22px}.equipment-comparison-heading span,.equipment-comparison-help,[data-comparison-slot]{color:var(--muted);font-size:13px}[data-comparison-slot]{margin:10px 0 4px}.equipment-comparison-help{margin:0}.equipment-shop-source{border-top:1px solid var(--border);margin-top:14px;padding-top:10px;font-size:14px}.equipment-shop-source summary{color:var(--gold);cursor:pointer;padding-block:4px}.equipment-shop-source p{margin:10px 0 0}.equipment-comparison-item{align-items:center;gap:12px;min-height:72px;padding-right:38px;display:flex;position:relative}.equipment-comparison-image{object-fit:contain;flex:none;width:52px;height:64px}.equipment-comparison-item strong{overflow-wrap:anywhere;font-size:14px;line-height:1.4;display:block}.equipment-catalog .equipment-remove{background:0 0;border-radius:50%;place-items:center;width:36px;min-height:36px;padding:8px;display:grid;position:absolute;top:0;right:0}.equipment-comparison-feedback{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.equipment-table-scroll{border:1px solid var(--border);border-radius:6px;margin-top:16px;overflow-x:auto}.equipment-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:540px;font-size:14px}.equipment-table-scroll th,.equipment-table-scroll td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 14px}.equipment-table-scroll thead th{color:var(--text);background:#161d27}.equipment-table-scroll tbody th{color:#c0c9d8;font-weight:400}.equipment-table-scroll tbody tr:nth-child(2n){background:#ffffff03}.equipment-table-scroll tbody tr:hover{background:#d7b47708}.equipment-table-scroll thead th{vertical-align:middle}.equipment-table-hint{display:none}.equipment-sources{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;font-size:14px}@media (width<=720px){.equipment-enhanced .equipment-filters{position:static}.equipment-panel{scroll-margin-top:calc(var(--header-height) + 16px)}.equipment-table-scroll table{min-width:calc(110px + var(--comparison-items,1) * 160px);font-size:13px}.equipment-table-scroll th:first-child{width:110px}.equipment-settings{flex-basis:100%;margin-left:0}.equipment-settings-fields{width:100%;box-shadow:none;margin-top:8px;position:static}.equipment-table-hint{color:var(--muted);margin:10px 0 0;font-size:12px;display:block}.equipment-comparison-item{flex-direction:column;align-items:start;padding-right:32px}.equipment-comparison{padding:12px}.equipment-catalog .equipment-remove{width:44px;min-height:44px}.equipment-filters input,.equipment-filters select,.equipment-catalog button{min-height:44px}.equipment-workspace{grid-template-columns:1fr;gap:18px}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.equipment-enhanced .equipment-grid{max-height:240px}.equipment-tile{text-align:center;flex-direction:column;gap:8px;padding:8px;font-size:13px}.equipment-tile img{width:64px;height:64px}.equipment-tile small{font-size:12px}.equipment-panel{padding:18px}.equipment-panel>header{gap:12px}.equipment-panel>header img{width:80px;height:80px}.equipment-panel h2{font-size:19px}.equipment-filters label{flex:120px;min-width:0}.equipment-settings-fields{max-height:45vh;overflow-y:auto}.equipment-settings-fields label{flex-basis:180px}.equipment-filters select{min-width:0;max-width:100%}.equipment-filters input[type=search],.equipment-filters input[type=number]{width:100%}}@media (prefers-reduced-motion:reduce){.equipment-tile{transition:none}}