.d2-workspace .wp-quick{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.d2-workspace .wp-quick a{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--db-line);border-radius:8px;color:var(--db-muted);background:var(--db-panel)}
.d2-workspace .wp-quick a[aria-current]{color:var(--db-accent);border-color:var(--db-accent)}
.d2-workspace .wp-quick span{font-size:12px;opacity:.85}
.d2-workspace .wp-list-guide{display:flex;align-items:center;justify-content:space-between;gap:16px}
.d2-workspace .wp-list-guide strong{font-size:17px}
.d2-workspace .wp-list-guide p,.d2-workspace .wp-caption{color:var(--db-muted);font-size:13px;line-height:1.7}
.d2-workspace .wp-list-guide p{margin:5px 0}
.d2-workspace .wp-caption{margin:8px 0 18px}
.d2-workspace .wp-metrics{display:flex;gap:4px;padding:4px;border:1px solid var(--db-line);border-radius:8px;flex-shrink:0;background:#101a24}
.d2-workspace .wp-metrics[hidden]{display:none}
.d2-workspace .wp-metrics button{font:inherit;font-size:13px;border:0;background:transparent;color:var(--db-muted);padding:8px 12px;border-radius:5px;cursor:pointer;white-space:nowrap}
.d2-workspace .wp-metrics button[aria-pressed=true]{background:#344238;color:var(--db-accent)}
.d2-workspace .wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.d2-workspace .wp-card{min-width:0;border:1px solid var(--db-line);border-radius:12px;background:var(--db-panel);overflow:hidden;display:flex;flex-direction:column}
.d2-workspace .wp-card:hover{border-color:#728492}
.d2-workspace .wp-card--unique{border-top:2px solid var(--db-accent)}
.d2-workspace .wp-card-main{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px;color:var(--db-text)}
.d2-workspace .wp-card-top{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center}
.d2-workspace .wp-card-art{height:90px;display:grid;place-items:center;background:#111b25;border:1px solid #2a3743;border-radius:9px}
.d2-workspace .wp-card-art img{width:84px;height:84px;object-fit:contain;image-rendering:pixelated}
.d2-workspace .wp-card h2{font-size:20px;line-height:1.4;margin:6px 0 2px;overflow-wrap:anywhere}
.d2-workspace .wp-english{color:var(--db-muted);font-size:12px;line-height:1.5;margin:0}
.d2-workspace .wp-badges{display:flex;gap:6px;flex-wrap:wrap}
.d2-workspace .wp-badges span{font-size:11px;border:1px solid #3a4b58;color:#c8d5df;border-radius:4px;padding:2px 6px}
.d2-workspace .wp-badges .wp-unique{color:var(--db-accent);border-color:#735f3d;background:#352e23}
.d2-workspace .wp-card-insight{font-size:13px;line-height:1.6;color:#d3dfe8;margin:0;min-height:42px}
.d2-workspace .wp-mini-chart{display:flex;gap:6px;align-items:flex-end;justify-content:center;padding:10px 4px 0;background:#121e29;border-radius:7px}
.d2-workspace .wp-mini-hit{flex:1;max-width:60px;min-width:0;text-align:center}
.d2-workspace .wp-mini-hit strong{font-size:12px;font-variant-numeric:tabular-nums;display:block;font-weight:500;color:#e8c48c}
.d2-workspace .wp-mini-track{height:64px;display:flex;align-items:flex-end;justify-content:center;margin-top:4px;border-bottom:1px solid #4a5966}
.d2-workspace .wp-mini-track i{width:60%;max-width:24px;display:block;background:var(--db-accent);border-radius:3px 3px 0 0;transition:height .18s}
.d2-workspace .wp-mini-hit span{font-size:11px;color:var(--db-muted);display:block;padding:4px 0}
.d2-workspace .wp-chart-label{font-size:11px;color:var(--db-muted);text-align:center;margin:-5px 0 0}
.d2-workspace .wp-open{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:auto;color:var(--db-cyan);padding-top:4px}
.d2-workspace .wp-compare{border-top:1px solid var(--db-line);padding:12px 18px;display:flex;gap:8px;align-items:center;color:var(--db-muted);font-size:12px}
.d2-workspace .wp-compare:hover{color:var(--db-text);background:#22313f}
.d2-workspace .wp-shot-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0}
.d2-workspace .wp-shot-stats dt{font-size:11px;color:var(--db-muted)}
.d2-workspace .wp-shot-stats dd{font-size:20px;margin:5px 0 0;color:var(--db-cyan);font-variant-numeric:tabular-nums}
.d2-workspace .wp-shot-stats small{display:block;font-size:10px;color:var(--db-muted)}
.d2-workspace .wp-ammo{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 12px}
.d2-workspace .wp-ammo i{display:block;width:7px;height:18px;background:var(--db-cyan);border-radius:2px}
.d2-workspace .wp-detail-head .db-detail-art{width:144px;height:144px}
.d2-workspace .wp-detail-head .db-detail-art img{width:132px;height:132px}
.d2-workspace .wp-detail-head{display:grid;grid-template-columns:144px minmax(0,1fr)}
.d2-workspace .wp-lead{font-size:20px;font-weight:600;color:var(--db-text);line-height:1.5;margin:14px 0 8px}
.d2-workspace .wp-visual{padding-top:10px}
.d2-workspace .wp-explorer,.d2-workspace .wp-ranged,.d2-workspace .wp-charge{background:var(--db-panel);border:1px solid var(--db-line);border-radius:12px;padding:22px;margin-top:20px}
.d2-workspace .wp-explorer-heading,.d2-workspace .wp-ranged-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.d2-workspace .wp-explorer h3,.d2-workspace .wp-ranged h3,.d2-workspace .wp-charge h3,.d2-workspace .wp-jump h3,.d2-workspace .wp-family h3{font-size:18px;margin:0}
.d2-workspace .wp-explorer-grid{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.3fr);gap:24px}
.d2-workspace .wp-combo{display:flex;flex-direction:column;gap:8px;align-self:start}
.d2-workspace .wp-combo-hit{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--db-line);border-radius:8px;background:#111d28;color:var(--db-text);padding:12px;cursor:pointer;font:inherit}
.d2-workspace .wp-combo-hit[aria-pressed=true]{border-color:var(--db-accent);background:#292e2c}
.d2-workspace .wp-combo-hit strong{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:18px;color:var(--db-accent)}
.d2-workspace .wp-step{display:grid;place-items:center;width:28px;height:28px;background:#32414f;border-radius:50%;font-size:12px;flex-shrink:0}
.d2-workspace .wp-combo-copy{flex:1;font-size:12px}
.d2-workspace .wp-combo-track{display:block;height:7px;border-radius:3px;background:#3a4650;margin-top:8px;overflow:hidden}
.d2-workspace .wp-combo-track i{display:block;height:100%;background:var(--db-accent);border-radius:3px;transition:width .18s}
.d2-workspace .wp-panels{min-width:0}
.d2-workspace .wp-panels>div:not(:first-child){margin-top:24px}
.d2-workspace .wp-panels>div[hidden]{display:none}
.d2-workspace .wp-explorer.is-interactive .wp-panels>div{margin-top:0}
.d2-workspace .wp-panels h3{font-size:16px;margin:0 0 16px}
.d2-workspace .wp-attack-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
.d2-workspace .wp-attack-stats dt,.d2-workspace .wp-secondary-stats dt{font-size:12px;color:var(--db-muted)}
.d2-workspace .wp-attack-stats dd,.d2-workspace .wp-secondary-stats dd{font-size:26px;color:var(--db-text);line-height:1.3;margin:5px 0;font-variant-numeric:tabular-nums;font-weight:600}
.d2-workspace .wp-attack-stats p,.d2-workspace .wp-secondary-stats p{font-size:11px;color:var(--db-muted);line-height:1.6;margin:0}
.d2-workspace .wp-attack-notes{border-top:1px solid var(--db-line);margin-top:18px;padding-top:8px}
.d2-workspace .wp-attack-notes p{display:flex;gap:8px;font-size:12px;color:#c5d2dd;line-height:1.7;margin:8px 0}
.d2-workspace .wp-attack-notes svg{flex-shrink:0;margin-top:3px;color:var(--db-cyan)}
.d2-workspace .wp-jump{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:24px;padding:22px;border:1px solid var(--db-line);border-radius:12px;margin-top:16px}
.d2-workspace .wp-jump h3{display:flex;align-items:center;gap:8px}
.d2-workspace .wp-jump>div>p,.d2-workspace .wp-family>p,.d2-workspace .wp-charge p{font-size:13px;color:var(--db-muted);line-height:1.7}
.d2-workspace .wp-jump .wp-attack-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.d2-workspace .wp-jump dd{font-size:23px}
.d2-workspace .wp-raw{border:1px solid var(--db-line);border-radius:10px;margin-top:24px}
.d2-workspace .wp-raw>summary{padding:16px 20px;cursor:pointer;color:var(--db-muted);font-size:14px}
.d2-workspace .wp-raw>section{padding:0 20px 20px}
.d2-workspace .wp-family{margin-top:24px}
.d2-workspace .wp-family>a{display:flex;align-items:center;gap:14px;max-width:580px;border:1px solid var(--db-line);background:var(--db-panel);border-radius:10px;padding:10px 14px}
.d2-workspace .wp-family img{object-fit:contain;image-rendering:pixelated}
.d2-workspace .wp-family strong,.d2-workspace .wp-family small{display:block}
.d2-workspace .wp-family small{font-size:12px;color:var(--db-muted);margin-top:4px}
.d2-workspace .wp-family-quality{color:var(--db-accent);font-size:12px;margin-left:auto;white-space:nowrap}
.d2-workspace .wp-ranged .wp-attack-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0}
.d2-workspace .wp-ranged-heading>span{font-size:13px;color:var(--db-cyan)}
.d2-workspace .wp-ammo--detail i{width:12px;height:25px}
.d2-workspace .wp-charge-bars{display:grid;gap:16px;margin-top:18px}
.d2-workspace .wp-charge-bars>div{display:grid;grid-template-columns:80px minmax(0,1fr) 44px;align-items:center;gap:12px;font-size:13px}
.d2-workspace .wp-charge-bars>div>div{height:18px;border-radius:4px;background:#33414c;overflow:hidden}
.d2-workspace .wp-charge-bars i{display:block;height:100%;background:var(--db-cyan)}
.d2-workspace .wp-charge-bars>div:last-child i{background:var(--db-accent)}
.d2-workspace .wp-charge-bars strong{text-align:right}
.d2-workspace .wp-secondary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.d2-workspace .wp-card a:focus-visible,.d2-workspace .wp-quick a:focus-visible,.d2-workspace .wp-metrics button:focus-visible,.d2-workspace .wp-combo-hit:focus-visible,.d2-workspace .wp-family a:focus-visible,.d2-workspace .wp-raw summary:focus-visible{outline:2px solid var(--db-cyan);outline-offset:3px}
@media(min-width:1600px){.d2-workspace .wp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1200px){.d2-workspace .wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.d2-workspace .wp-list-guide{align-items:flex-start;flex-direction:column}
.d2-workspace .wp-jump{grid-template-columns:1fr}
.d2-workspace .wp-explorer-grid{gap:18px}
.d2-workspace .wp-card-top{grid-template-columns:80px minmax(0,1fr)}
.d2-workspace .wp-card-art{height:80px}
.d2-workspace .wp-card-art img{width:76px;height:76px}
}
@media(max-width:700px){.d2-workspace .wp-grid{grid-template-columns:1fr}
.d2-workspace .wp-list-guide,.d2-workspace .wp-explorer-heading,.d2-workspace .wp-ranged-heading{align-items:flex-start;flex-direction:column}
.d2-workspace .wp-metrics{max-width:100%;flex-wrap:wrap}
.d2-workspace .wp-metrics button{padding:8px 10px}
.d2-workspace .wp-detail-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px}
.d2-workspace .wp-detail-head .db-detail-art{width:88px;height:88px}
.d2-workspace .wp-detail-head .db-detail-art img{width:80px;height:80px}
.d2-workspace .wp-detail-head h1{font-size:26px}
.d2-workspace .wp-lead{font-size:18px}
.d2-workspace .wp-explorer,.d2-workspace .wp-ranged,.d2-workspace .wp-charge,.d2-workspace .wp-jump{padding:16px}
.d2-workspace .wp-explorer-grid{grid-template-columns:1fr}
.d2-workspace .wp-attack-stats{gap:16px}
.d2-workspace .wp-jump .wp-attack-stats,.d2-workspace .wp-ranged .wp-attack-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.d2-workspace .wp-secondary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.d2-workspace .wp-family>a{gap:10px}
.d2-workspace .wp-family-quality{font-size:11px}
.d2-workspace .wp-quick a{padding:9px 12px}
.d2-workspace .wp-raw>section{padding:0 12px 16px}
}
@media(prefers-reduced-motion:reduce){.d2-workspace .wp-mini-track i,.d2-workspace .wp-combo-track i{transition:none}
}