/* Native, closed-by-default explanations: no hover handlers or added motion. */
.mechanic-tip { min-width:0;margin:0;border-top:1px solid var(--line);text-align:left; }
.mechanic-tip>summary { display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:10px 0;cursor:pointer;list-style:none;color:var(--muted);font:500 12px/1.5 var(--sans); }
.mechanic-tip>summary::-webkit-details-marker { display:none; }
.mechanics-context .mechanic-tip>summary::after { content:'+';flex:none;color:var(--secondary);font:16px/1 var(--mono); }
.mechanic-tip[open]>summary { color:var(--paper); }
.mechanics-context .mechanic-tip[open]>summary::after { content:'−'; }
.mechanic-tip>summary:hover { color:var(--acid); }
.mechanic-tip>summary:focus-visible { outline:2px solid var(--acid);outline-offset:3px;border-radius:3px; }
.mechanic-tip-body { padding:0 0 14px;max-width:68ch; }
.mechanic-tip .mechanic-tip-body p { display:block;margin:0 0 10px;color:var(--muted);font:400 12px/1.65 var(--sans);letter-spacing:normal;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset; }
.mechanic-tip .mechanic-tip-body p:last-child { margin-bottom:0; }
.mechanic-tip .mechanic-tip-body .mechanic-tip-note { padding-top:10px;border-top:1px dashed var(--line);font-size:11px;color:var(--secondary); }
.mechanic-tip-body dl { display:grid;gap:8px;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2); }
.mechanic-tip-body dl>div { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline; }
.mechanic-tip-body dt { color:var(--muted);font:400 12px/1.4 var(--sans); }
.mechanic-tip-body dd { margin:0;color:var(--paper);font:500 12px/1.4 var(--mono);text-align:right;font-variant-numeric:tabular-nums; }
.mechanics-context { margin-top:12px;min-width:0; }
.launch-panel>.mechanics-context { grid-column:1/-1; }
.drop-dialog-copy>.mechanics-context { width:100%;flex:none; }
.market-collection-identity>.mechanics-context { display:block;max-width:560px; }
.market-item-details .mechanics-context { width:100%; }
.msc-research-body>.mechanics-context { margin:0 20px 20px; }
.msc-footer>.mechanics-context { margin:0;width:min(100%,520px); }
.msc-footer .mechanic-tip { border-top:0; }
.mechanics-context .mechanic-tip-body { width:100%; }
.mechanics-status { display:block;margin:12px 0 0;color:var(--muted);font:400 12px/1.6 var(--sans); }
.mechanics-claim-dialog { width:min(480px,calc(100vw - 32px));padding:28px; }
.mechanics-claim-dialog h2 { margin:12px 0 14px;font-size:28px;letter-spacing:-.025em; }
.mechanics-claim-dialog>p:not(.section-kicker) { color:var(--muted);font-size:13px;line-height:1.6; }
.mechanics-claim-dialog .button { width:100%;margin-top:18px; }
.mechanics-claim-dialog .mechanics-context { margin-top:20px; }
.mechanics-claim-asset { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2); }
.mechanics-claim-asset span { color:var(--muted);font-size:12px; }
.mechanics-claim-asset strong { color:var(--paper);font:500 16px var(--mono); }
@media(max-width:650px) {
  .msc-footer>.mechanics-context { width:100%; }
  .mechanics-claim-dialog { padding:22px; }
  .msc-research-body>.mechanics-context { margin-inline:12px; }
}
@media(forced-colors:active) {
  .mechanic-tip>summary:focus-visible { outline-color:Highlight; }
}