/* Attack mode changes colors only. All dimensions and behavior come from site.css. */
@media screen {
 :root[data-attack="on"] {
  color-scheme:dark;
  --browser-surface:#19181a;
  --ink:#c8c4c6;--teal:#b9afc5;--dark:#151416;--lime:#bcb0ca;
  --light:#252326;--muted:#aaa6ab;--line:#49444c;--white:#19181a;
  --surface-alt:#232124;--sky:#2c282f;--hero-surface:#211e24;--hover-shadow:#00000029;--on-purple:#c8c4c6;--on-purple-muted:#aaa6ab;--panel-purple:#49444c;
 }
 :root[data-attack="on"] main img {filter:grayscale(1) brightness(.60) sepia(.12) hue-rotate(225deg)}
 :root[data-attack="on"] .hero-photo {background-color:var(--hero-surface)}
 :root[data-attack="on"] .hero-topic {background-color:#302b35;color:var(--ink)}
 :root[data-attack="on"] .utility {background-color:#252128;color:var(--ink)}
 :root[data-attack="on"] .attack-toggle {background-color:#29252d;color:var(--ink);border-color:var(--line)}
 :root[data-attack="on"] .attack-state {background-color:#3a3440;color:var(--ink)}
 :root[data-attack="on"] .attack-toggle:hover {background-color:#332d3a}
 :root[data-attack="on"] :is(.site-header,.start-card,.feature-card.border) {border-color:var(--line)}
 :root[data-attack="on"] :is(.hero,.mission-band,.international-panel,.fact-strip) {background-color:var(--hero-surface);color:var(--ink)}
 :root[data-attack="on"] .understand-band {background-color:#29252d;color:var(--ink)}
 :root[data-attack="on"] :is(.hero-description,.hero-caption,.understand-copy p+p,.source-inline,.mission-grid p.mission-small,.international-panel p) {color:var(--muted)}
 :root[data-attack="on"] .understand-heading h2 span {color:var(--ink)}
 :root[data-attack="on"] :is(.feature-card.teal,.feature-card.dark-card) {background-color:#29252d;color:var(--ink)}
 :root[data-attack="on"] .feature-card.lime-card {background-color:#332d3a;color:var(--ink)}
 :root[data-attack="on"] :is(.button,.button.white) {background-color:#332d3a;color:var(--ink);border-color:var(--line)}
 :root[data-attack="on"] .button.lime {background-color:#3a3440;color:var(--ink);border-color:var(--line)}
 :root[data-attack="on"] .button.outline {background-color:transparent;color:var(--ink);border-color:var(--line)}
 :root[data-attack="on"] :is(.button:hover,.button.lime:hover,.button.white:hover) {background-color:#443b4e;color:var(--ink)}
 :root[data-attack="on"] .fact-strip>div+div {border-color:var(--line)}
 :root[data-attack="on"] .site-footer {background-color:var(--dark);color:var(--ink)}
 :root[data-attack="on"] :is(.footer-top,.footer-bottom) {border-color:var(--line)}
 :root[data-attack="on"] :is(.footer-grid p,.footer-bottom) {color:var(--muted)}
 :root[data-attack="on"] :is(.site-header .brand,.site-footer .brand) {color:var(--muted)}
 :root[data-attack="on"] :focus-visible {outline-color:#bcb0ca}
}
@media screen {
 :root[data-attack="on"] .directory-entry[data-category="research"]{background-color:#332d3a;border-color:var(--line)}
}

@media screen{
 /* Switch bright button surfaces immediately when entering the dim palette. */
 :root[data-attack="on"] :is(.button,.attack-toggle){transition-property:transform,box-shadow}
}

@media screen{
 :root[data-attack="on"] *, :root[data-attack="on"] *::before, :root[data-attack="on"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 :root[data-attack="on"] .support-photo:hover img{transform:none}
}