/* SIMULATION tab (CJ 10/10): outbreak war-game panel, class picker, upgrade tree, response table, wire log, and the HUD strip. */
#rail button.sim-rail{color:var(--m-pink2)}#rail button.sim-rail.on{color:var(--m-hi);border-left-color:var(--m-pink);background:color-mix(in srgb,var(--m-pink) 10%,transparent)}
#catstrip button.sim-strip.on{color:var(--m-hi)}

.sim{display:flex;flex-direction:column;gap:9px}
.sim-note{font-size:10px;line-height:1.55;letter-spacing:.06em;color:var(--dim);border-left:2px solid var(--line);padding:6px 0 6px 9px}
.sim-note.bad{color:var(--red2);border-left-color:var(--red)}
.sim-h5{font-size:9px;letter-spacing:.26em;color:var(--m-pink);font-weight:400;margin-top:4px}

/* ---------- class picker ---------- */
.sim-cls{display:flex;flex-direction:column;gap:5px}
.sim-c{display:flex;flex-direction:column;gap:4px;text-align:left;padding:9px 10px;border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash);transition:.15s}
.sim-c:hover{background:var(--m-wash2)}
.sim-c.on{background:color-mix(in srgb,var(--c) 12%,transparent);border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.sim-c b{font-size:12px;letter-spacing:.16em;color:var(--m-hi);font-weight:400}
.sim-c em{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--c)}
.sim-c p{font-size:10px;line-height:1.5;color:var(--m-ink2);letter-spacing:.02em}
.sim-c.on p{color:var(--ink)}
.sim-bars{display:flex;gap:7px;margin:2px 0 1px}
.sim-b{display:flex;align-items:center;gap:4px;flex:1}
.sim-b i{font-style:normal;font-size:9px;letter-spacing:.1em;color:var(--mute);flex:none}
.sim-b u{text-decoration:none;display:block;height:3px;flex:1;background:var(--m-wash2);position:relative}
.sim-b u::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--c);box-shadow:0 0 6px var(--c)}

/* ---------- buttons ---------- */
.sim-go{display:flex;flex-direction:column;gap:6px;margin-top:3px}
.sim-go>button{padding:9px 12px;border:1px solid var(--m-pink);color:var(--m-hi);background:color-mix(in srgb,var(--m-pink) 12%,transparent);font-size:11px;letter-spacing:.2em;transition:.15s}
.sim-go>button:hover{background:color-mix(in srgb,var(--m-pink) 25%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--m-pink) 30%,transparent)}
.sim-go>button.on{background:color-mix(in srgb,var(--m-pink) 30%,transparent);animation:simpulse 1.4s infinite}
@keyframes simpulse{50%{box-shadow:0 0 22px color-mix(in srgb,var(--m-pink) 55%,transparent)}}
.sim-hint{font-size:9px;letter-spacing:.1em;color:var(--dim);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.sim-hint button{font-size:9px;letter-spacing:.1em;padding:3px 6px;border:1px solid var(--line2);color:var(--cy2)}
.sim-hint button:hover{background:color-mix(in srgb,var(--cy) 10%,transparent)}

/* ---------- running stats ---------- */
.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sim-s{border:1px solid var(--line2);padding:6px 9px;display:flex;flex-direction:column;gap:1px;background:var(--m-wash)}
.sim-s b{font:600 18px/1 var(--hd);letter-spacing:.06em;color:var(--cy2);font-variant-numeric:tabular-nums}
.sim-s span{font-size:9px;letter-spacing:.18em;color:var(--dim)}
.sim-s.dead b{color:var(--m-red-hi)}
.sim-meter{display:flex;flex-direction:column;gap:3px}
.sim-meter i{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--dim)}
.sim-meter u{text-decoration:none;height:7px;border:1px solid var(--line2);display:block;background:var(--m-well);padding:1px}
.sim-meter u b{display:block;height:100%;background:linear-gradient(90deg,var(--cy),var(--cy2));box-shadow:0 0 10px color-mix(in srgb,var(--cy) 70%,transparent);transition:width .4s}
.sim-meter em{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--cy2)}
.sim-rp{display:flex;align-items:baseline;gap:8px;border:1px solid color-mix(in srgb,var(--m-pink) 30%,transparent);background:color-mix(in srgb,var(--m-pink) 7%,transparent);padding:6px 10px}
.sim-rp b{font:600 20px/1 var(--hd);color:var(--m-pink2);font-variant-numeric:tabular-nums}
.sim-rp span{font-size:9px;letter-spacing:.16em;color:var(--dim)}
.sim-rp em{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--mute);margin-left:auto}

/* ---------- upgrade tree ---------- */
.sim-tabs{margin-top:2px}
.sim-cat{font-size:9px;letter-spacing:.08em;color:var(--mute);margin:-3px 0 2px}
.sim-ups{display:flex;flex-direction:column;gap:4px}
.sim-u{display:flex;flex-direction:column;gap:3px;text-align:left;padding:7px 9px;border:1px solid var(--line2);background:var(--m-wash);transition:.15s}
.sim-u .su-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.sim-u b{font-size:10.5px;letter-spacing:.14em;color:var(--ink);font-weight:400}
.sim-u em{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--cy2);flex:none}
.sim-u small{font-size:10px;line-height:1.45;color:var(--dim);letter-spacing:.02em}
.sim-u.can{border-color:color-mix(in srgb,var(--ok) 30%,transparent);cursor:pointer}
.sim-u.can:hover{background:color-mix(in srgb,var(--ok) 9%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--ok) 14%,transparent)}
.sim-u.can em{color:var(--ok)}
.sim-u.poor{opacity:.72}.sim-u.poor em{color:var(--warn)}
.sim-u.owned{border-color:color-mix(in srgb,var(--cy) 34%,transparent);background:color-mix(in srgb,var(--cy) 7%,transparent)}
.sim-u.owned b{color:var(--m-hi)}.sim-u.owned em{color:var(--cy)}
.sim-u.locked{opacity:.44}.sim-u.locked em{color:var(--mute)}
.sim-u:disabled{cursor:default}

/* ---------- response table + wire ---------- */
.sim-leg{display:flex;flex-wrap:wrap;gap:3px 9px;font-size:9px;letter-spacing:.1em;color:var(--mute);margin:-2px 0 2px}
.sim-leg span{display:flex;align-items:center;gap:4px}
.sim-leg i{width:8px;height:8px;background:var(--c);box-shadow:0 0 5px var(--c);flex:none}
.sim-ctab{display:flex;flex-direction:column;gap:3px}
.sim-ct{display:grid;grid-template-columns:1fr auto;gap:1px 8px;text-align:left;padding:5px 8px;border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash)}
.sim-ct:hover{background:var(--m-wash2)}
.sim-ct b{font-size:10px;letter-spacing:.1em;color:var(--ink);font-weight:400}
.sim-ct em{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--c);text-align:right}
.sim-ct u{grid-column:1/-1;text-decoration:none;font-size:9px;letter-spacing:.1em;color:var(--mute)}
.sim-log{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}
.sl{display:grid;grid-template-columns:34px 1fr;gap:6px;font-size:9px;line-height:1.45;letter-spacing:.04em;color:var(--m-ink2);padding:2px 0;border-bottom:1px solid var(--m-wash2)}
.sl i{font-style:normal;color:var(--mute);font-size:9px}
.sl.detect span{color:var(--cy2)}
.sl.stage span{color:var(--warn)}
.sl.bad span,.sl.strike span{color:var(--m-red-hi)}
.sl.research span{color:var(--cy2)}
.sl.op span{color:var(--m-pink2)}
.sl.milestone span{color:var(--m-hi)}
.sl.win span{color:var(--ok)}
.sl.lose span{color:var(--red2)}

/* ---------- result card ---------- */
.sim-over{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--c,var(--line));background:var(--m-wash)}
.sim-over.win{--c:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent)}
.sim-over.lose{--c:var(--red);background:color-mix(in srgb,var(--red) 8%,transparent)}
.sim-over b{font:700 15px var(--hd);letter-spacing:.22em;color:var(--c)}
.sim-over span{font-size:10px;letter-spacing:.1em;color:var(--ink)}
.sim-over dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:9.5px;letter-spacing:.08em;margin-top:3px}
.sim-over dt{color:var(--dim)}.sim-over dd{color:var(--m-hi)}

/* ---------- HUD strip (visible with the panel closed) ---------- */
#sim-hud{position:fixed;z-index:9;left:50%;transform:translateX(-50%);top:calc(var(--topy) + var(--toph) + 14px);display:flex;flex-direction:column;gap:3px;pointer-events:none}
body.l-open #sim-hud{left:calc(50% + 150px)}
#sim-hud>*{pointer-events:auto}
.sh-row{display:flex;align-items:stretch;background:var(--glass2);border:1px solid color-mix(in srgb,var(--m-pink) 34%,transparent);backdrop-filter:blur(8px);box-shadow:var(--m-shadow);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.sh-c,.sh-x{padding:5px 11px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;border-left:1px solid var(--line2)}
.sh-x{border-left:0;align-items:flex-start;min-width:116px}
.sh-x:hover{background:color-mix(in srgb,var(--m-pink) 12%,transparent)}
.sh-row b{font:600 15px/1.1 var(--hd);letter-spacing:.08em;color:var(--cy2);font-variant-numeric:tabular-nums}
.sh-row span{font-size:9px;letter-spacing:.16em;color:var(--dim);white-space:nowrap}
.sh-x b{color:var(--m-pink2);font-size:13px}
.sh-c.dead b{color:var(--m-red-hi)}.sh-c.cure b{color:var(--cy2)}.sh-c.rp b{color:var(--m-pink2)}
.sh-sp{display:flex;align-items:center;gap:2px;padding:4px 6px;border-left:1px solid var(--line2)}
.sh-sp button{font-size:9px;letter-spacing:.08em;padding:4px 7px;border:1px solid var(--line2);color:var(--dim);min-width:30px}
.sh-sp button:hover{color:var(--m-hi);border-color:var(--dim)}
.sh-sp button.on{color:var(--on-accent);background:var(--m-pink);border-color:var(--m-pink);font-weight:600}
.sh-p{align-self:center;font-size:9px;letter-spacing:.14em;color:var(--m-amber-ink);background:var(--m-solid);border:1px solid var(--warn);padding:4px 10px;animation:simpulse 1.4s infinite}

@media (max-width:1180px){ .sh-c:nth-child(5),.sh-c:nth-child(6){display:none} }
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  #sim-hud{left:var(--g);right:var(--g);transform:none;top:calc(var(--topy) + var(--toph) + 6px)}
  body.l-open #sim-hud{left:var(--g)}
  .sh-row{overflow-x:auto;scrollbar-width:none}
  .sh-x{min-width:92px}
  .sim-grid{grid-template-columns:1fr 1fr}
  .sim-log{max-height:200px}
}

/* ---------- setup: expandable package cards (CJ 10/10) ---------- */
.sim-c{display:flex;flex-direction:column;padding:0;gap:0}
.sim-ch{display:grid;grid-template-columns:1fr auto;gap:3px 8px;text-align:left;padding:8px 10px;width:100%}
.sim-ch:hover{background:var(--m-wash2)}
.sim-cn{display:flex;flex-direction:column;gap:2px;min-width:0}
.sim-cm{display:flex;align-items:center;gap:6px;align-self:start}
.sim-cm u{text-decoration:none;font-size:9px;letter-spacing:.1em;color:var(--c);border:1px solid var(--c);padding:1px 4px}
.sim-cm .cv{font-style:normal;font-size:14px;line-height:1;color:var(--c);width:12px;text-align:center}
.sim-ch .sim-bars{grid-column:1/-1}
.sim-c.xp{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:var(--m-wash2)}
.sim-cx{display:flex;flex-direction:column;gap:8px;padding:2px 10px 10px;border-top:1px solid var(--line2)}
.sim-cx p{font-size:10px;line-height:1.5;color:var(--m-ink2)}
.sim-ox{display:flex;flex-direction:column;gap:7px}
.sim-ox .tl b{font-size:9.5px;letter-spacing:.1em}
.sim-ox .tl small{font-size:10px;line-height:1.4}

/* ---------- strain traits ---------- */
.sim-tr{display:flex;flex-wrap:wrap;gap:3px}
.st{font-size:9px;letter-spacing:.1em;padding:3px 6px;border:1px solid var(--line2);color:var(--m-ink2);cursor:default}
.st.b{border-color:color-mix(in srgb,var(--m-pink) 50%,transparent);color:var(--m-pink2)}
.st.o{border-color:color-mix(in srgb,var(--cy) 50%,transparent);color:var(--cy2)}
.st.d{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}
.sim-leg.sm .k i{width:7px;height:7px;background:currentColor;box-shadow:none}
.sim-leg.sm .k.b{color:var(--m-pink2)}.sim-leg.sm .k.o{color:var(--cy2)}.sim-leg.sm .k.d{color:var(--ok)}
.sim-u.armed{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);animation:simpulse 1.4s infinite}
.sim-u.armed em{color:var(--warn)}

/* ---------- bottom bar: wire + state board ---------- */
#sim-feed{position:fixed;z-index:8;left:calc(var(--railw) + var(--g) + 8px);right:var(--g);bottom:calc(var(--botb) + var(--both) + 8px);display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.45fr);gap:8px;align-items:end;pointer-events:none}
body.l-open #sim-feed{left:calc(var(--railw) + var(--g) + var(--lw) + 18px)}
body.r-open #sim-feed{right:calc(var(--rw) + var(--g) + 10px)}
#sim-feed>*{pointer-events:auto}
.sf-wire{display:flex;flex-direction:column;gap:4px;justify-content:flex-end;min-height:62px}
.sf-card{display:flex;flex-direction:column;gap:3px;padding:9px 12px;background:var(--glass2);border:1px solid var(--line);border-left:3px solid var(--c,var(--cy));backdrop-filter:blur(8px);box-shadow:var(--m-shadow)}
.sf-card i{font-style:normal;font-size:9px;letter-spacing:.24em;color:var(--mute)}
.sf-card span{font-size:11.5px;line-height:1.35;letter-spacing:.06em;color:var(--ink)}
.sf-card.detect{--c:var(--cy)}.sf-card.stage{--c:var(--warn)}.sf-card.research{--c:var(--cy2)}
.sf-card.bad,.sf-card.strike{--c:var(--red)}.sf-card.bad span,.sf-card.strike span{color:var(--m-red-ink)}
.sf-card.drift{--c:var(--ok)}.sf-card.drift span{color:var(--m-ok-ink)}
.sf-card.op{--c:var(--m-pink)}.sf-card.op span{color:var(--m-pink2)}
.sf-card.milestone{--c:var(--m-hi)}.sf-card.milestone span{color:var(--m-hi);font-weight:600}
.sf-card.win{--c:var(--ok)}.sf-card.lose{--c:var(--red)}
.sf-q{font-size:9px;letter-spacing:.14em;color:var(--mute);padding-left:3px}
.sf-board{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(8px);padding:7px 9px 8px;display:flex;flex-direction:column;gap:5px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.sf-bh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sf-bh b{font-size:9px;letter-spacing:.26em;color:var(--m-pink);font-weight:400;flex:none}
.sf-leg{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:9px;letter-spacing:.08em;color:var(--mute)}
.sf-leg span{display:flex;align-items:center;gap:3px}
.sf-leg i{width:7px;height:7px;background:var(--c);box-shadow:0 0 4px var(--c)}
.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:3px}
.sf-c{display:grid;grid-template-columns:1fr auto;gap:0 6px;text-align:left;padding:3px 6px;border:1px solid var(--line2);border-left:3px solid var(--c);background:var(--m-wash)}
.sf-c:hover{background:var(--m-wash2)}
.sf-c b{font-size:9px;letter-spacing:.06em;color:var(--ink);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-c u{text-decoration:none;font-size:9px;color:var(--c);font-variant-numeric:tabular-nums}
.sf-c em{grid-column:1/-1;font-style:normal;font-size:9px;letter-spacing:.1em;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-none{font-size:9px;letter-spacing:.12em;color:var(--mute);padding:4px 2px}

@media (max-width:1280px){ #sim-feed{grid-template-columns:minmax(220px,1fr) minmax(300px,1.2fr)} .sf-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))} }
@media (max-width:980px){ #sim-feed{grid-template-columns:1fr} body.l-open #sim-feed{display:none} }
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  #sim-feed{left:var(--g);right:var(--g);bottom:calc(var(--botb) + var(--both) + 4px);grid-template-columns:1fr;gap:5px}
  .sf-board{max-height:104px;overflow:auto;scrollbar-width:none}
  .sf-card span{font-size:10.5px}
}
/* QA 10/13 tabs-a (layout only): phone HUD wrapped to two rows (the speed buttons were scrolled off-screen), feed sits above the bottom row + tab strip, 9px floor on text */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  .sh-row{flex-wrap:wrap;overflow:visible}
  .sh-c:nth-child(7){display:none}
  .sh-c{padding:5px 8px 4px;flex:1 1 0}.sh-x{flex:1.6 1 0}
  .sh-sp{flex:1 1 100%;border-left:0;border-top:1px solid var(--line2);justify-content:space-between;padding:4px 6px}
  .sh-sp button{min-height:32px;flex:1;font-size:10px}
  .sh-row span,.sf-q,.sf-c em{font-size:9px}.sf-leg{font-size:9px}.sf-c b{font-size:10px}.sf-c u{font-size:9px}
  #sim-feed{bottom:calc(var(--botb) + var(--both) + 100px)}
  body.l-open #sim-feed,body.r-open #sim-feed{display:none}
}
/* UX sweep (addons): sim HUD replaces the data strip on phones (they overlapped), real tap targets, focus rings */
@media (max-width:760px),(max-height:500px) and (pointer:coarse){body:has(#sim-hud:not([hidden])) #hud{visibility:hidden}}
@media (pointer:coarse){
  .sim-go>button{min-height:44px}
  .sim-hint button{min-height:36px;padding:3px 10px}
  .sim-ch{min-height:44px}
  .sim-ct,.sim-c .tg{min-height:44px}
  .sim-u{min-height:44px}
  .sh-sp button{min-height:40px;min-width:44px}.sh-x{min-height:44px}
  .sf-c{min-height:44px;align-content:center}
}
.sim-ch:focus-visible,.sim-go button:focus-visible,.sim-hint button:focus-visible,.sim-u:focus-visible,.sh-sp button:focus-visible,.sh-x:focus-visible,.sf-c:focus-visible{outline:2px solid var(--cy);outline-offset:1px}
/* short landscape phone: HUD in one row, wire + state board side by side so the wire card never sits under the HUD */
@media (max-height:500px) and (pointer:coarse){
  .sh-row{flex-wrap:nowrap}
  .sh-sp{flex:0 0 auto;border-top:0;border-left:1px solid var(--line2);padding:3px 6px}
  .sh-sp button{flex:none;min-height:36px;min-width:44px}
  .sh-c{padding:4px 8px 3px}.sh-x{min-height:0;padding:4px 10px 3px}
  #sim-feed{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr)}
  .sf-board{max-height:86px}
}
/* tablet with the panel open: HUD sits right of the panel and wraps (it ran off the right edge and over the panel title) */
@media (min-width:761px) and (max-width:1180px){
  body.l-open #sim-hud{left:calc(var(--railw) + var(--g) + var(--lw) + 24px);right:var(--g);transform:none}
  body.l-open .sh-row{flex-wrap:wrap}
  body.l-open .sh-c{padding:5px 8px 4px;flex:1 1 0}body.l-open .sh-x{flex:1.6 1 0;min-width:0}
  body.l-open .sh-c:nth-child(7){display:none}
  body.l-open .sh-sp{flex:1 1 100%;border-left:0;border-top:1px solid var(--line2);justify-content:space-between;padding:4px 6px}
  body.l-open .sh-sp button{flex:1}
}
/* desktop: the state board sat on top of the INCIDENTS pill; DAY counter wraps */
.sh-c b{white-space:nowrap}
@media (min-width:981px){#sim-feed{right:calc(var(--g) + 196px)}}
/* light mode (CJ 10/13 polish): strain + state colors are data, pull the text uses toward ink on paper; bars and swatches keep the raw color */
html[data-theme="light"] :is(.sim-c em,.sim-cm u,.sim-cm .cv,.sim-ct em,.sf-c u){color:color-mix(in srgb,var(--c) 38%,var(--ink))}
html[data-theme="light"] .sf-q{color:var(--ink);background:var(--m-solid,var(--glass2));padding:2px 6px;display:inline-block} /* CJ 10/13 QA: sat straight on the globe */
html[data-theme="light"] .sim-cm u{border-color:color-mix(in srgb,var(--c) 70%,var(--ink))}
html[data-theme="light"] :is(.sim-b u::after,.sim-leg i,.sf-leg i){box-shadow:none}
html[data-theme="light"] .sim-c.on{background:color-mix(in srgb,var(--c) 10%,var(--panel2))}
/* CJ 10/13 polish: the HUD sat on top of the RESET TO BARE chip (#qs) on desktop; drop below it while the chip shows */
@media (min-width:761px) and (min-height:501px){body:has(#qs:not([hidden])) #sim-hud{top:calc(var(--topy) + var(--toph) + 54px)}}
/* CJ 10/13 polish: desktop with BOTH side panels open, the HUD ran under INSPECT; fit it between the panels and wrap like the tablet layout */
@media (min-width:1181px) and (min-height:501px){
  body.l-open.r-open #sim-hud{left:calc(var(--railw) + var(--g) + var(--lw) + 24px);right:calc(var(--rw) + var(--g) + 12px);transform:none}
  body.l-open.r-open .sh-row{flex-wrap:wrap}
  body.l-open.r-open .sh-c{padding:5px 8px 4px;flex:1 1 0}body.l-open.r-open .sh-x{flex:1.6 1 0;min-width:0}
  body.l-open.r-open .sh-sp{flex:1 1 100%;border-left:0;border-top:1px solid var(--line2);justify-content:space-between;padding:4px 6px}
  body.l-open.r-open .sh-sp button{flex:1}
}

/* CJ 10/14: permanent description box, same look as ORBITAL / IMPACT / DOOMSDAY */
.sim-lead{display:flex;flex-direction:column;gap:7px;margin:10px 0 4px;padding:10px 11px 9px;border:1px solid color-mix(in srgb,var(--m-pink) 45%,transparent);border-left:3px solid var(--m-pink);background:linear-gradient(135deg,color-mix(in srgb,var(--m-pink) 13%,transparent),transparent 70%)}
.sim-lead p{font-size:11px;line-height:1.5;letter-spacing:.02em;color:var(--ink);margin:0}
.sim-lead b{color:var(--m-hi,#fff);font-weight:600;letter-spacing:.06em}
.sim-lead span{font-size:9px;letter-spacing:.2em;color:var(--m-pink2)}
html[data-theme="light"] .sim-lead b{color:var(--ink-hi)}
@media (max-width:760px){.sim-lead{padding:8px 9px;gap:6px}.sim-lead p{font-size:10.5px}}