:root {
      color-scheme: dark;
      --black: #030303;
      --soot: #0b0c0d;
      --steel: #202326;
      --ash: #b8b8b1;
      --paper: #e8e7df;
      --red: #f3132d;
      --blood: #6e0713;
      --cyan: #21e6ff;
    }
    .signal *, .signal *::before, .signal *::after { box-sizing: border-box; }
    .signal [hidden] { display: none !important; }
    .signal button { font: inherit; }
    .signal {
      --kmp-text: min(820px, 100%, calc(94vw - min(270px, 24vw) - clamp(24px, 8vw, 124px) - 16px));
      position: relative;
      width: 100%;
      height: calc(100svh - var(--kmp-chrome, 68px));
      min-height: 460px;
      overflow: clip;
      background:
        linear-gradient(90deg, transparent 0 49.92%, rgba(243,19,45,.055) 49.92% 50.08%, transparent 50.08%),
        repeating-linear-gradient(0deg, rgba(232,231,223,.018) 0 1px, transparent 1px 4px),
        var(--black);
      isolation: isolate;
    }
    .signal::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 20;
      pointer-events: none;
      background: repeating-linear-gradient(90deg, transparent 0 18vw, rgba(243,19,45,.06) 18vw calc(18vw + 1px));
      opacity: 0;
      transition: opacity .35s linear;
    }
    .signal[data-phase="demotion-one"]::before,
    .signal[data-phase="demotion-two"]::before,
    .signal[data-phase="choice-two"]::before,
    .signal[data-phase="choice-final"]::before,
    .signal[data-phase="production"]::before,
    .signal[data-phase="final"]::before { opacity: 1; }
    .signal::after {
      content: "";
      position: absolute;
      top: -18%;
      right: -26%;
      z-index: 0;
      width: 132%;
      height: 140%;
      background: var(--red);
      transform: skewX(-13deg) translateX(calc((1 - var(--red-in, 0)) * 86%));
      transition: transform .5s cubic-bezier(.16,.82,.2,1);
    }
    .signal[data-phase="boot"]::after,
    .signal[data-phase="choice-one"]::after { transform: skewX(-13deg) translateX(112%); }
    .signal[data-phase="final"]::after {
      transform: skewX(-5deg) translateX(0);
      transition: transform 1.1s cubic-bezier(.16,.82,.2,1) 1.25s;
    }
    .grain {
      position: absolute;
      inset: -30%;
      z-index: 45;
      pointer-events: none;
      background:
        repeating-radial-gradient(circle at 30% 40%, rgba(255,255,255,.045) 0 1px, transparent 1px 4px),
        repeating-linear-gradient(117deg, transparent 0 13px, rgba(0,0,0,.13) 13px 14px);
      opacity: .16;
      transform: rotate(.01deg);
      animation: grain 1.8s steps(2) infinite;
    }
    .factory {
      --press-hit: .535714s;
      --press-stroke: 150px;
      --belt-cycle: 21.27s;
      --belt-run: 2340px;
      --unit-space: 260px;
      --unit-gap: 2.364s;
      --tread-cycle: .236s;
      --floor: clamp(26px, 6%, 56px);
      --belt-top: 66px;
      --shut: 94px;
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 0;
      transition: opacity .45s linear, filter .3s linear;
    }
    .signal[data-phase="choice-one"] .factory { opacity: .1; }
    .signal[data-phase="demotion-one"] .factory { opacity: .2; }
    .signal[data-phase="choice-two"] .factory { opacity: .28; }
    .signal[data-phase="demotion-two"] .factory { opacity: .42; }
    .signal[data-phase="choice-final"] .factory { opacity: .58; }
    .signal[data-phase="production"] .factory { opacity: .88; }
    .signal[data-phase="final"] .factory { opacity: .34; filter: contrast(1.8); }
    .floor {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: var(--floor);
      border-top: 2px solid rgba(232,231,223,.5);
      background: repeating-linear-gradient(135deg, transparent 0 13px, rgba(232,231,223,.07) 13px 15px);
    }
    .machine-readout {
      position: absolute;
      top: 58px;
      left: 50%;
      display: grid;
      gap: 4px;
      padding: 7px 10px 8px;
      border: 2px solid rgba(232,231,223,.42);
      background: rgba(3,3,3,.94);
      color: rgba(232,231,223,.66);
      font-size: 11px;
      line-height: 1.1;
      letter-spacing: .11em;
      text-align: center;
      white-space: nowrap;
      transform: translateX(-50%);
    }
    .machine-readout strong {
      margin-top: 2px;
      color: var(--red);
      font: 400 31px/.8 "VT323", monospace;
    }
    .conveyor {
      --tilt: 0deg;
      --belt-lift: 0px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: var(--floor);
      height: calc(var(--shut) + 4px);
      transform: rotate(var(--tilt)) translateY(var(--belt-lift));
      transform-origin: 0 100%;
      transition: transform .5s cubic-bezier(.16,.82,.2,1);
    }
    .conveyor-legs {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 32px;
      background: repeating-linear-gradient(90deg, transparent 0 96px, rgba(232,231,223,.45) 96px 98px, #121415 98px 108px, rgba(232,231,223,.45) 108px 110px, transparent 110px 230px);
    }
    .conveyor-frame {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 30px;
      height: 28px;
      border-bottom: 2px solid rgba(232,231,223,.5);
      background:
        radial-gradient(circle, #16181a 0 4px, rgba(232,231,223,.2) 4px 5px, transparent 5.5px) 0 0 / 18px 14px repeat-x,
        linear-gradient(rgba(232,231,223,.5) 0 2px, transparent 2px) 0 14px / 100% 12px no-repeat,
        repeating-linear-gradient(135deg, #1b1e20 0 9px, #090a0b 9px 16px) 0 14px / 100% 12px no-repeat;
    }
    .belt {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 58px;
      height: 8px;
      border-top: 2px solid rgba(232,231,223,.62);
      background: linear-gradient(90deg, #2c3033 0 16px, #0b0c0d 16px) 0 0 / 26px 100%;
      animation: tread var(--tread-cycle) linear infinite;
    }
    .units {
      position: absolute;
      left: 0;
      right: 0;
      bottom: var(--belt-top);
      height: calc(var(--shut) - var(--belt-top));
    }
    .unit {
      position: absolute;
      left: -60px;
      bottom: 0;
      width: 46px;
      height: 100%;
      border: 2px solid rgba(232,231,223,.55);
      background: repeating-linear-gradient(135deg, #17191b 0 6px, #0d0e0f 6px 11px);
      translate: calc(var(--i) * var(--unit-space)) 0;
      animation: unitRun var(--belt-cycle) linear infinite;
      animation-delay: calc(var(--i) * var(--unit-gap) * -1);
    }
    .signal[data-damage="2"] .conveyor,
    .signal[data-damage="3"] .conveyor { --tilt: -.45deg; }
    .signal[data-damage="4"] .conveyor { --tilt: -.9deg; --belt-lift: -2px; }
    .signal[data-damage="2"] .unit:nth-child(even),
    .signal[data-damage="3"] .unit:nth-child(even),
    .signal[data-damage="4"] .unit:nth-child(even) { transform: translateY(-3px) rotate(9deg); border-color: var(--red); }
    .press {
      position: absolute;
      top: 9%;
      right: 6%;
      bottom: var(--floor);
      width: min(270px, 24vw);
      min-width: 190px;
      --lift: clamp(96px, 26%, 210px);
      transform-origin: 0 100%;
      transition: transform .5s cubic-bezier(.16,.82,.2,1);
    }
    .press-base {
      position: absolute;
      left: -16px;
      right: -16px;
      bottom: 0;
      height: 22px;
      border: 2px solid rgba(232,231,223,.55);
      background: repeating-linear-gradient(135deg, var(--steel) 0 10px, #090a0b 10px 19px);
    }
    .press-bed {
      position: absolute;
      left: -6px;
      right: -6px;
      bottom: 20px;
      height: calc(var(--belt-top) - 20px);
      border: 3px solid rgba(232,231,223,.55);
      background: #121415;
      box-shadow: inset 0 5px 0 rgba(243,19,45,.2);
    }
    .press-column {
      position: absolute;
      top: 0;
      bottom: var(--belt-top);
      width: 25px;
      border-inline: 2px solid rgba(232,231,223,.42);
      background: repeating-linear-gradient(135deg, #0c0d0e 0 9px, #1d2022 9px 12px);
    }
    .press-column-l { left: 0; }
    .press-column-r { right: 0; }
    .press-guide {
      position: absolute;
      left: 0;
      right: 0;
      top: 44px;
      bottom: 0;
      overflow: hidden;
    }
    .press-ram {
      position: absolute;
      inset: 0;
      will-change: transform;
    }
    .press-piston {
      position: absolute;
      left: 50%;
      top: -60vh;
      bottom: calc(var(--shut) + var(--lift) + 67px);
      width: 42px;
      transform: translateX(-50%);
      border-inline: 2px solid rgba(232,231,223,.55);
      background: linear-gradient(90deg, #0a0b0c, #34383a 48%, #0b0c0d);
    }
    .press-piston::after {
      content: "";
      position: absolute;
      left: -8px;
      right: -8px;
      bottom: 0;
      height: 13px;
      border: 2px solid rgba(232,231,223,.6);
      background: repeating-linear-gradient(90deg, #2a2e31 0 4px, #0b0c0d 4px 7px);
    }
    .press-head {
      position: absolute;
      left: 4px;
      right: 4px;
      bottom: calc(var(--shut) + var(--lift));
      height: 74px;
      border: 3px solid rgba(232,231,223,.62);
      background: repeating-linear-gradient(135deg, #202326 0 12px, #0b0c0d 12px 23px);
      box-shadow: 0 7px 0 rgba(243,19,45,.24);
    }
    .press-head::after {
      content: "";
      position: absolute;
      left: 8%;
      right: 8%;
      bottom: -3px;
      height: 3px;
      background: var(--red);
    }
    .press-bridge {
      position: absolute;
      left: -4px;
      right: -4px;
      top: 0;
      height: 48px;
      border: 2px solid rgba(232,231,223,.48);
      background: repeating-linear-gradient(135deg, var(--steel) 0 13px, #090a0b 13px 25px);
    }
    .press-stop {
      position: absolute;
      left: 0;
      right: 0;
      bottom: var(--shut);
      height: 0;
    }
    .signal:not([data-phase="boot"]):not(.is-music-synced) .press-ram { animation: ramFallback calc(var(--press-hit) * 4) cubic-bezier(.72,0,.3,1) infinite; }
    .signal:not([data-phase="boot"]):not(.is-music-synced) .press-bed { animation: bedFallback calc(var(--press-hit) * 4) steps(2) infinite; }
    .press-ram.is-striking { animation: ramStrike var(--press-hit) cubic-bezier(.72,0,.3,1) both; }
    .press-ram.is-striking .press-head { animation: headStrike var(--press-hit) steps(2) both; }
    .press-bed.is-striking { animation: bedStrike var(--press-hit) steps(2) both; }
    .signal[data-damage="3"] .press,
    .signal[data-damage="4"] .press { transform: rotate(.7deg); }
    .signal[data-damage="4"] .press-head { border-color: var(--red); }
    .signal[data-damage="4"] .press-piston::after { border-color: var(--red); }
    .debris {
      position: absolute;
      inset: 0;
      overflow: hidden;
    }
    .bolt {
      position: absolute;
      left: calc(var(--x) * 1px);
      top: calc(var(--y) * 1px);
      width: 11px;
      height: 11px;
      border: 2px solid var(--ash);
      border-radius: 50%;
      box-shadow: 0 0 0 2px rgba(3,3,3,.85);
      animation:
        boltDrop calc(var(--drop) * 1s) cubic-bezier(.55,.06,.68,.19) both,
        boltRide calc(var(--ride) * 1s) calc(var(--drop) * 1s) linear both;
    }
    .bolt::after {
      content: "";
      position: absolute;
      left: 1px;
      right: 1px;
      top: 3px;
      height: 2px;
      background: var(--red);
    }
    .chrome {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 60;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      padding: clamp(12px, 2vw, 24px);
      color: rgba(232,231,223,.52);
      font-size: 11px;
      letter-spacing: .12em;
      pointer-events: none;
    }
    .chrome span { min-width: 0; }
    .chrome span i { font-style: normal; }
    .chrome span::before {
      content: "";
      display: inline-block;
      width: 22px;
      height: 5px;
      margin-right: 8px;
      background: var(--red);
      vertical-align: 1px;
    }
    .chrome-controls { display: flex; gap: 6px; pointer-events: auto; }
    .chrome button {
      min-height: 44px;
      padding: 7px 12px;
      border: 1px solid rgba(232,231,223,.34);
      background: rgba(3,3,3,.92);
      color: rgba(232,231,223,.7);
      font-size: 11px;
      letter-spacing: .1em;
      cursor: pointer;
    }
    .chrome button:hover,
    .chrome button:focus-visible { outline: none; border-color: var(--red); color: var(--red); }
    .chrome button[aria-pressed="true"] { border-color: var(--red); background: var(--red); color: var(--black); }
    .screen {
      position: absolute;
      z-index: 10;
      left: clamp(24px, 8vw, 124px);
      right: clamp(24px, 8vw, 124px);
      top: 50%;
      transform: translateY(-50%);
    }
    .boot {
      top: calc(50% + clamp(0px, 4svh, 40px));
      max-width: 760px;
      animation: enter .55s cubic-bezier(.16,.82,.2,1) both;
    }
    .kmp-title {
      position: absolute;
      z-index: 11;
      top: clamp(22px, 5svh, 52px);
      left: clamp(24px, 8vw, 124px);
      right: clamp(24px, 8vw, 124px);
      transition: opacity .35s linear, visibility 0s linear .35s;
    }
    .kmp-title .entry-title { margin: 8px 0 0; font-size: clamp(36px, 5vw, 56px); }
    .kmp-title .entry-meta { margin: 10px 0 0; }
    .signal:not([data-phase="boot"]) .kmp-title { opacity: 0; visibility: hidden; }
    .signal[data-phase="boot"] .kmp-title { transition: opacity .35s linear; }
    .system-line,
    .alarm,
    .thanks {
      margin: 0;
      font-size: clamp(12px, 1.1vw, 15px);
      font-weight: 700;
      letter-spacing: .12em;
    }
    .system-line { color: var(--red); }
    .boot h2 {
      max-width: 720px;
      margin: 18px 0 24px;
      font: 400 clamp(42px, 7vw, 94px)/.78 "VT323", monospace;
      text-wrap: balance;
    }
    .cursor {
      display: inline-block;
      width: 10px;
      height: 21px;
      margin-left: 8px;
      background: var(--paper);
      vertical-align: -.04em;
      animation: cursor 1.05s steps(1) infinite;
    }
    .action,
    .choice {
      border: 0;
      background: transparent;
      color: var(--paper);
      cursor: pointer;
    }
    .action {
      min-height: 48px;
      padding: 12px 18px 13px;
      border: 2px solid rgba(232,231,223,.82);
      background: rgba(3,3,3,.94);
      box-shadow: 6px 6px 0 var(--red);
      font: 400 clamp(22px, 2.6vw, 34px)/1 "VT323", monospace;
      text-align: left;
      transition: background .12s, color .12s, box-shadow .12s, transform .12s;
    }
    .action span,
    .action small { display: block; }
    .action small {
      margin-top: 8px;
      color: var(--red);
      font: 700 11px/1 "IBM Plex Mono", monospace;
      letter-spacing: .12em;
    }
    .action:hover,
    .action:focus-visible { outline: none; background: var(--red); color: var(--black); box-shadow: 3px 3px 0 var(--blood); transform: translate(3px, 3px); }
    .action:hover small,
    .action:focus-visible small { color: var(--black); }
    .boot .tx-marks { margin: 30px 0 0; }
    .decision-screen {
      max-width: 900px;
      animation: enter .32s ease both;
    }
    .decision-prompt {
      margin: 0 0 24px;
      color: var(--paper);
      font: 400 clamp(36px, 5.3vw, 72px)/.8 "VT323", monospace;
    }
    .choice-field {
      position: relative;
      width: var(--kmp-text);
      height: 190px;
      border-top: 1px solid rgba(232,231,223,.34);
    }
    .choice {
      position: absolute;
      width: 47%;
      min-height: 78px;
      padding: 13px 16px;
      border: 2px solid rgba(232,231,223,.62);
      background: rgba(3,3,3,.94);
      box-shadow: 5px 5px 0 rgba(110,7,19,.92);
      color: var(--paper);
      text-align: left;
      transition: left .14s cubic-bezier(.18,.82,.2,1), top .14s cubic-bezier(.18,.82,.2,1), border-color .12s, background .12s;
    }
    .choice-a { left: 0; top: 20px; }
    .choice-b { right: 0; bottom: 10px; }
    .choice span {
      display: inline-grid;
      width: 29px;
      height: 29px;
      margin-right: 10px;
      place-items: center;
      background: var(--red);
      color: var(--black);
      font-weight: 700;
    }
    .choice strong { font-size: clamp(12px, 1.35vw, 17px); font-weight: 500; }
    .choice:hover,
    .choice:focus-visible { outline: none; border-color: var(--red); background: var(--red); color: var(--black); }
    .choice:hover span,
    .choice:focus-visible span { background: var(--black); color: var(--red); }
    .choice-a.is-evasive { cursor: not-allowed; }
    .choice-a.is-evasive[data-escape="1"] { left: 52%; top: 8px; }
    .choice-a.is-evasive[data-escape="2"] { left: 1%; top: 104px; }
    .choice-a.is-evasive[data-escape="3"] { left: 43%; top: 0; }
    .choice-a.is-evasive[data-escape="4"] { left: 7%; top: 88px; }
    .choice-status {
      min-height: 18px;
      margin: 8px 0 0;
      color: var(--red);
      font-size: 11px;
      letter-spacing: .1em;
    }
    .choice-status:not(:empty) {
      display: inline-block;
      padding: 4px 8px;
      background: rgba(3,3,3,.92);
    }
    .violation {
      max-width: 940px;
      animation: faultIn .18s steps(2) both;
    }
    .alarm {
      display: inline-block;
      padding: 9px 12px;
      background: var(--red);
      color: var(--black);
      font-size: clamp(13px, 1.6vw, 21px);
    }
    .levels {
      width: var(--kmp-text);
      margin: 46px 0 0;
      opacity: 0;
      transform: translateY(14px);
      transition: opacity .18s linear, transform .18s ease;
    }
    .levels.is-visible { opacity: 1; transform: none; }
    .levels div {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) auto;
      gap: 24px;
      padding: 10px 0;
      border-bottom: 1px solid rgba(232,231,223,.22);
      align-items: baseline;
    }
    .levels dt {
      color: var(--ash);
      font-size: clamp(12px, 1vw, 14px);
      letter-spacing: .08em;
    }
    .levels dd {
      margin: 0;
      color: var(--paper);
      font: 400 clamp(33px, 5vw, 70px)/.72 "VT323", monospace;
    }
    .pronoun { color: var(--cyan); }
    .role.is-blinking { animation: roleBlink .38s steps(1) 5; }
    .role.is-demoted {
      color: var(--red);
      text-shadow: 3px 0 var(--blood);
    }
    .signal[data-phase="choice-two"] .violation,
    .signal[data-phase="choice-final"] .violation {
      top: 25%;
      transform: translateY(-50%);
    }
    .signal[data-phase="choice-two"] .decision-screen,
    .signal[data-phase="choice-final"] .decision-screen {
      top: auto;
      bottom: 4%;
      transform: none;
    }
    .signal[data-phase="choice-two"] .levels,
    .signal[data-phase="choice-final"] .levels { margin-top: 18px; }
    .signal[data-phase="choice-two"] .levels div,
    .signal[data-phase="choice-final"] .levels div { padding: 5px 0; }
    .signal[data-phase="choice-two"] .levels dd,
    .signal[data-phase="choice-final"] .levels dd { font-size: clamp(28px, 3.6vw, 48px); }
    .signal[data-phase="choice-two"] .decision-prompt,
    .signal[data-phase="choice-final"] .decision-prompt { margin-bottom: 12px; font-size: clamp(31px, 4vw, 52px); }
    .signal[data-phase="choice-two"] .choice-field,
    .signal[data-phase="choice-final"] .choice-field { height: 190px; }
    .production {
      max-width: 1050px;
      animation: enter .2s ease both;
    }
    .thanks {
      display: inline-block;
      padding: 8px 11px;
      background: var(--paper);
      color: var(--black);
      font-size: clamp(12px, 1.45vw, 19px);
    }
    .production-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(240px, .58fr);
      gap: clamp(22px, 5vw, 78px);
      margin-top: 34px;
      align-items: end;
    }
    .production-readout span {
      display: block;
      color: var(--red);
      font-size: clamp(13px, 1.5vw, 20px);
      font-weight: 700;
      letter-spacing: .2em;
    }
    .production-readout strong {
      display: block;
      margin-top: -8px;
      color: var(--paper);
      font: 400 clamp(112px, 20vw, 280px)/.7 "VT323", monospace;
      letter-spacing: -.03em;
      text-shadow: 8px 8px 0 var(--blood);
    }
    .errors {
      height: min(42svh, 320px);
      margin: 0;
      padding: 12px 14px;
      overflow: hidden;
      background: linear-gradient(90deg, rgba(110,7,19,.34), rgba(110,7,19,0));
      list-style: none;
      color: var(--red);
      font: 400 clamp(16px, 2vw, 28px)/1 "VT323", monospace;
    }
    .errors li { padding: 2px 0; animation: errorIn .12s steps(2) both; }
    .flood {
      position: absolute;
      inset: 0;
      z-index: 30;
      pointer-events: none;
      opacity: 0;
      overflow: hidden;
      transition: opacity .22s linear, background .3s linear;
    }
    .signal[data-load="1"] .flood { opacity: .22; }
    .signal[data-load="2"] .flood { opacity: .5; }
    .signal[data-load="3"] .flood,
    .signal[data-phase="final"] .flood { opacity: 1; }
    .signal[data-phase="final"] .flood {
      background: rgba(243,19,45,.88);
      transition: opacity .22s linear, background .85s linear 1.25s;
    }
    .flood-token {
      position: absolute;
      left: calc(var(--x) * 1%);
      top: calc(var(--y) * 1%);
      color: var(--red);
      font: 700 calc(var(--size) * 1px)/.8 "IBM Plex Mono", monospace;
      letter-spacing: -.08em;
      white-space: nowrap;
      transform: rotate(calc(var(--turn) * 1deg));
      mix-blend-mode: screen;
    }
    .flood-token.is-error {
      color: var(--paper);
      font-weight: 400;
      letter-spacing: .03em;
    }
    .signal[data-phase="final"] .flood-token {
      color: var(--black);
      mix-blend-mode: multiply;
      text-shadow: 1px 0 rgba(232,231,223,.18);
    }
    .signal[data-phase="final"] .flood-token.is-error { color: var(--paper); mix-blend-mode: normal; }
    .autonomy {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 14px;
      z-index: 70;
      margin: 0;
      text-align: center;
      pointer-events: none;
    }
    .autonomy span {
      display: inline-block;
      padding: 7px 13px;
      background: var(--black);
      color: rgba(232,231,223,.74);
      font: 400 clamp(15px, 2vw, 24px)/1 "VT323", monospace;
      letter-spacing: .05em;
    }
    .signal[data-load="2"] .production { animation: pressure .82s steps(2) infinite; }
    .signal[data-load="3"] .production { animation: pressure .34s steps(2) infinite; }
    @keyframes enter { from { opacity: 0; transform: translateY(18px); } }
    @keyframes faultIn { 0% { opacity: 0; transform: translate(-9px, -50%); } 45% { opacity: 1; transform: translate(8px, -50%); } 100% { transform: translateY(-50%); } }
    @keyframes cursor { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } }
    @keyframes roleBlink { 0%, 49% { color: var(--paper); background: transparent; } 50%, 100% { color: var(--black); background: var(--red); } }
    @keyframes errorIn { from { opacity: 0; transform: translateX(14px); } }
    @keyframes pressure { 0%, 100% { transform: translateY(-50%) translate(0); } 33% { transform: translateY(-50%) translate(2px, -1px); } 66% { transform: translateY(-50%) translate(-2px, 1px); } }
    @keyframes grain { 0% { transform: translate(0) rotate(.01deg); } 50% { transform: translate(2%, -1%) rotate(.01deg); } }
    @keyframes ramFallback { 0%, 34%, 67%, 100% { transform: translateY(0); } 48%, 52% { transform: translateY(var(--press-stroke)); } }
    @keyframes ramStrike { 0%, 10%, 100% { transform: translateY(0); } 50%, 58% { transform: translateY(var(--press-stroke)); } }
    @keyframes headStrike { 0%, 46%, 64%, 100% { box-shadow: 0 7px 0 rgba(243,19,45,.24); } 50%, 60% { box-shadow: 0 9px 0 var(--red), 0 0 24px 5px rgba(243,19,45,.28); } }
    @keyframes bedFallback { 0%, 46%, 58%, 100% { box-shadow: inset 0 5px 0 rgba(243,19,45,.2); } 48%, 54% { box-shadow: inset 0 5px 0 var(--red), inset 0 0 0 40px rgba(243,19,45,.12); } }
    @keyframes bedStrike { 0%, 46%, 62%, 100% { box-shadow: inset 0 5px 0 rgba(243,19,45,.2); } 50%, 58% { box-shadow: inset 0 5px 0 var(--red), inset 0 0 0 40px rgba(243,19,45,.16); } }
    @keyframes tread { to { background-position: 26px 0; } }
    @keyframes unitRun { from { translate: 0 0; } to { translate: var(--belt-run) 0; } }
    @keyframes boltDrop {
      0% { opacity: 0; transform: translate(0, 0) rotate(0); }
      7% { opacity: 1; }
      100% { opacity: 1; transform: translate(calc(var(--drift) * 1px), calc(var(--fall) * 1px)) rotate(calc(var(--spin) * 1deg)); }
    }
    @keyframes boltRide {
      0% { transform: translate(calc(var(--drift) * 1px), calc(var(--fall) * 1px)) rotate(calc(var(--spin) * 1deg)); }
      7% { transform: translate(calc(var(--drift) * 1px), calc(var(--fall) * 1px + 3px)) rotate(calc(var(--spin) * 1deg + 8deg)); }
      88% { opacity: 1; }
      100% { opacity: 0; transform: translate(calc(var(--drift) * 1px + var(--travel) * 1px), calc(var(--fall) * 1px + 3px)) rotate(calc(var(--spin) * 1deg + var(--roll) * 1deg)); }
    }
    @media (max-width: 700px) {
      .signal { --kmp-text: 100%; }
      .chrome { padding: 10px; font-size: 11px; gap: 6px; }
      .chrome span::before { width: 14px; margin-right: 6px; }
      .chrome span i { display: none; }
      .chrome button { min-height: 44px; padding: 6px 9px; font-size: 11px; }
      .screen { left: 18px; right: 18px; }
      .kmp-title { left: 18px; right: 18px; }
      .boot h2 { margin: 14px 0 20px; font-size: clamp(43px, 16vw, 68px); }
      .system-line { font-size: 12px; }
      .action { font-size: 25px; }
      .action small { font-size: 11px; }
      .cursor { width: 7px; height: 15px; margin-left: 5px; }
      .decision-prompt { margin-bottom: 18px; font-size: 40px; }
      .choice-field { height: 270px; }
      .choice { width: 78%; min-height: 68px; padding: 10px; }
      .choice-a { left: 0; top: 15px; }
      .choice-b { right: 0; bottom: 8px; }
      .choice strong { font-size: 11px; }
      .choice-a.is-evasive[data-escape="1"] { left: 22%; top: 8px; }
      .choice-a.is-evasive[data-escape="2"] { left: 0; top: 96px; }
      .choice-a.is-evasive[data-escape="3"] { left: 22%; top: 22px; }
      .choice-a.is-evasive[data-escape="4"] { left: 0; top: 106px; }
      .alarm { font-size: 12px; }
      .levels { margin-top: 30px; }
      .levels div { grid-template-columns: 1fr; gap: 5px; padding: 9px 0; }
      .levels dt { font-size: 12px; }
      .levels dd { font-size: 43px; }
      .press { top: 2%; right: -64px; width: 190px; min-width: 0; }
      .machine-readout { top: 4px; left: 31px; gap: 3px; padding: 4px 7px 5px; text-align: left; transform: none; }
      .machine-readout span:nth-child(2) { display: none; }
      .machine-readout strong { font-size: 22px; }
      .signal[data-phase="choice-two"] .violation,
      .signal[data-phase="choice-final"] .violation { top: 22%; }
      .signal[data-phase="choice-two"] .violation .alarm,
      .signal[data-phase="choice-final"] .violation .alarm { font-size: 12px; }
      .signal[data-phase="choice-two"] .levels,
      .signal[data-phase="choice-final"] .levels { margin-top: 10px; }
      .signal[data-phase="choice-two"] .levels div,
      .signal[data-phase="choice-final"] .levels div { grid-template-columns: 1fr auto; gap: 8px; }
      .signal[data-phase="choice-two"] .levels dd,
      .signal[data-phase="choice-final"] .levels dd { font-size: 27px; }
      .signal[data-phase="choice-two"] .decision-screen,
      .signal[data-phase="choice-final"] .decision-screen { bottom: 1%; }
      .signal[data-phase="choice-two"] .decision-prompt,
      .signal[data-phase="choice-final"] .decision-prompt { font-size: 34px; }
      .signal[data-phase="choice-two"] .choice-field,
      .signal[data-phase="choice-final"] .choice-field { height: 250px; }
      .production-main { grid-template-columns: 1fr; gap: 4px; margin-top: 25px; }
      .production-readout strong { font-size: 140px; }
      .errors { height: 180px; border-top: 2px solid var(--red); font-size: 18px; }
      .thanks { font-size: 12px; }
      .autonomy { bottom: 9px; }
      .autonomy span { font-size: 15px; padding: 6px 10px; }
      .flood-token { font-size: calc(var(--size) * .72px); }
    }
    @media (max-height: 650px) {
      .chrome { padding-block: 7px; }
      .screen { top: 52%; }
      .boot { top: calc(52% + 34px); }
      .boot h2 { margin: 12px 0 18px; font-size: clamp(40px, 6vw, 72px); }
      .boot .tx-marks { margin-top: 20px; }
      .kmp-title { top: 18px; }
      .kmp-title .entry-title { font-size: 40px; }
      .signal[data-phase="choice-two"] .violation,
      .signal[data-phase="choice-final"] .violation { top: 20%; }
      .signal[data-phase="choice-two"] .decision-screen,
      .signal[data-phase="choice-final"] .decision-screen { bottom: 0; }
      .signal[data-phase="choice-two"] .choice-field,
      .signal[data-phase="choice-final"] .choice-field { height: 132px; }
      .production-main { margin-top: 20px; }
      .errors { height: 180px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .grain,
      .cursor,
      .role.is-blinking,
      .press-ram,
      .press-head,
      .press-bed,
      .belt,
      .unit,
      .signal[data-load="2"] .production,
      .signal[data-load="3"] .production { animation: none; }
      .signal::after,
      .levels,
      .choice,
      .conveyor,
      .press,
      .flood { transition-duration: .01ms; }
      .bolt { animation: none; transform: translate(calc(var(--drift) * 1px), calc(var(--fall) * 1px)) rotate(calc(var(--spin) * 1deg)); }
    }
    body[data-motion='0'] .grain,
    body[data-motion='0'] .cursor,
    body[data-motion='0'] .role.is-blinking,
    body[data-motion='0'] .press-ram,
    body[data-motion='0'] .press-head,
    body[data-motion='0'] .press-bed,
    body[data-motion='0'] .belt,
    body[data-motion='0'] .unit,
    body[data-motion='0'] .signal[data-load="2"] .production,
    body[data-motion='0'] .signal[data-load="3"] .production { animation: none; }
    body[data-motion='0'] .signal::after,
    body[data-motion='0'] .levels,
    body[data-motion='0'] .choice,
    body[data-motion='0'] .conveyor,
    body[data-motion='0'] .press,
    body[data-motion='0'] .flood { transition-duration: .01ms; }
    body[data-motion='0'] .bolt { animation: none; transform: translate(calc(var(--drift) * 1px), calc(var(--fall) * 1px)) rotate(calc(var(--spin) * 1deg)); }

.signal-controls {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 46;
}
.signal-controls button {
  min-height: 44px;
  padding: 6px 12px;
  border: 2px solid rgba(232, 231, 223, .5);
  background: rgba(3, 3, 3, .9);
  color: var(--paper);
  font: 12px/1 "IBM Plex Mono", monospace;
  letter-spacing: .12em;
  cursor: pointer;
}
.signal-controls button:hover,
.signal-controls button:focus-visible { outline: none; border-color: var(--red); color: var(--red); }

.entry-page[data-pole="off"] {
  background:
    linear-gradient(90deg, transparent 0 49.92%, rgba(243,19,45,.055) 49.92% 50.08%, transparent 50.08%),
    repeating-linear-gradient(0deg, rgba(232,231,223,.018) 0 1px, transparent 1px 4px),
    var(--black);
  background-attachment: fixed;
}

.entry-page .entry-main {
  width: 100%;
  max-width: none;
  padding: 0;
}