/* machina-splash-bg.css — v16 (4 Nov 2026): four backgrounds for the splash, one picked at random on each load
   (blueprint, scan, dusk, drafting). Force one with ?bg=<name>. Everything else on the splash is unchanged. */
.mxs-wash{position:absolute;inset:0;z-index:0;pointer-events:none;display:none}
.mxs-wash i{position:absolute;inset:0}
.mxs-wash b{position:absolute;top:0;bottom:0;left:0;width:3px;opacity:0}

/* A · Blueprint: real blueprint-paper blue with a drafting grid */
main.mxs.mxs-bgv--blueprint{background-color:#183461;
  background-image:linear-gradient(rgba(150,190,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(150,190,255,.10) 1px,transparent 1px),
  linear-gradient(rgba(150,190,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(150,190,255,.045) 1px,transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.mxs-bgv--blueprint .mxs-drive path,.mxs-bgv--blueprint .mxs-drive rect,.mxs-bgv--blueprint .mxs-drive circle{stroke:#b4cff5}
.mxs-bgv--blueprint .mxs-drive .mxs-fine{stroke:#86a8da}
.mxs-bgv--blueprint .mxs-drive .mxs-grid path{stroke:#3e639c}
.mxs-bgv--blueprint .mxs-drive .mxs-dims path{stroke:#6f93c9}
.mxs-bgv--blueprint .mxs-note,.mxs-bgv--blueprint .mxs-sub,.mxs-bgv--blueprint .mxs-tiny{fill:#8fb0e0}
.mxs-bgv--blueprint .mxs-badge,.mxs-bgv--blueprint .mxs-type{fill:#cfe0fa}
.mxs-bgv--blueprint .mxs-disk .mxs-notch{fill:#183461}

/* B · Rainbow scan: a scan line sweeps left to right, the Commodore colours bloom behind it, then settle to a wash */
main.mxs.mxs-bgv--scan{background:#1a2747}
.mxs-bgv--scan .mxs-wash{display:block}
.mxs-bgv--scan .mxs-wash i{background:linear-gradient(90deg,#E8412C 0%,#F59B1D 25%,#F6C52C 50%,#49B049 75%,#3C7DDD 100%);
  clip-path:inset(0 100% 0 0);opacity:.5;animation:mxbg-reveal 2s cubic-bezier(.4,0,.2,1) .2s forwards,mxbg-settle 1.8s ease 2.3s forwards}
.mxs-bgv--scan .mxs-wash b{background:#fff;box-shadow:0 0 22px 8px rgba(255,255,255,.55),0 0 60px 20px rgba(160,200,255,.35);animation:mxbg-scan 2s cubic-bezier(.4,0,.2,1) .2s forwards}
.mxs-bgv--scan .mxs-drive path,.mxs-bgv--scan .mxs-drive rect,.mxs-bgv--scan .mxs-drive circle{stroke:#a9c6f5}
.mxs-bgv--scan .mxs-disk .mxs-notch{fill:#1a2747}
@keyframes mxbg-reveal{to{clip-path:inset(0 0 0 0)}}
@keyframes mxbg-settle{to{opacity:.14}}
@keyframes mxbg-scan{0%{left:0;opacity:1}96%{opacity:1}100%{left:100%;opacity:0}}

/* C · Dusk horizon: night lifting to a lit blue, a thin rainbow horizon at the bottom */
main.mxs.mxs-bgv--dusk{background:linear-gradient(180deg,#0f1b37 0%,#1c3060 58%,#34497f 100%)}
.mxs-bgv--dusk .mxs-wash{display:block}
.mxs-bgv--dusk .mxs-wash i{top:auto;height:3px;bottom:0;background:linear-gradient(90deg,#E8412C,#F59B1D,#F6C52C,#49B049,#3C7DDD);
  box-shadow:0 0 30px 10px rgba(246,197,44,.18);opacity:0;animation:mxs-fade 2.4s ease .6s forwards}
.mxs-bgv--dusk .mxs-drive path,.mxs-bgv--dusk .mxs-drive rect,.mxs-bgv--dusk .mxs-drive circle{stroke:#a9c6f5}
.mxs-bgv--dusk .mxs-disk .mxs-notch{fill:#1c3060}

/* D · Drafting table: light drafting paper, navy ink */
main.mxs.mxs-bgv--drafting{background-color:#e9eef5;color:#1d3a6e;
  background-image:linear-gradient(rgba(44,79,140,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(44,79,140,.09) 1px,transparent 1px);
  background-size:40px 40px}
.mxs-bgv--drafting .mxs-drive path,.mxs-bgv--drafting .mxs-drive rect,.mxs-bgv--drafting .mxs-drive circle{stroke:#2c4f8c}
.mxs-bgv--drafting .mxs-drive .mxs-fine{stroke:#5a78ad}
.mxs-bgv--drafting .mxs-drive .mxs-grid path{stroke:#b9c7dd}
.mxs-bgv--drafting .mxs-drive .mxs-dims path{stroke:#7d93b8}
.mxs-bgv--drafting .mxs-note,.mxs-bgv--drafting .mxs-sub,.mxs-bgv--drafting .mxs-tiny{fill:#5a78ad}
.mxs-bgv--drafting .mxs-badge,.mxs-bgv--drafting .mxs-type{fill:#1d3a6e}
.mxs-bgv--drafting .mxs-disk rect,.mxs-bgv--drafting .mxs-disk circle{stroke:#2c4f8c}
.mxs-bgv--drafting .mxs-disk .mxs-label{fill:rgba(44,79,140,.08)}
.mxs-bgv--drafting .mxs-disk .mxs-notch{fill:#e9eef5}
.mxs-bgv--drafting .mxs-hand{fill:#1d3a6e}
.mxs-bgv--drafting .mxs-led{fill:#c9d3e2}
.mxs-bgv--drafting .mxs-bg path{stroke:#9fb2d1}
.mxs-bgv--drafting .mxs-bgi path{stroke:color-mix(in srgb,var(--gc) 45%,#7d93b8)}
.mxs-bgv--drafting .mxs-bgi .mxs-bgf{stroke:color-mix(in srgb,var(--gc) 30%,#a9b9d4)}
.mxs-bgv--drafting .mxs-bgi .mxs-bgt,.mxs-bgv--drafting .mxs-bgi .mxs-bgs{fill:color-mix(in srgb,var(--gc) 35%,#5a78ad)}
.mxs-bgv--drafting .mxs-bgscr{fill:#5a78ad}
.mxs-bgv--drafting .mxs-mark{color:#1d3a6e}
.mxs-bgv--drafting .mxs-tag{color:#4a5f86}
.mxs-bgv--drafting .mxs-rule{background:#9fb2d1}
.mxs-bgv--drafting .mxs-world{filter:brightness(.82) saturate(1.25)}
.mxs-bgv--drafting .mxs-flyw{color:#3d5f99}
.mxs-bgv--drafting .mxs-flyw:hover{color:#1d3a6e}
.mxs-bgv--drafting .mxs-sound{border-color:#9fb2d1;color:#4a5f86}
.mxs-bgv--drafting .mxs-skip{color:#1d3a6e;border-color:#7d93b8}

@media (prefers-reduced-motion:reduce){
  .mxs-bgv--scan .mxs-wash i{animation:none;clip-path:none;opacity:.14}
  .mxs-bgv--scan .mxs-wash b{display:none}
  .mxs-bgv--dusk .mxs-wash i{animation:none;opacity:1}
}

/* v17: the drive's green power light is on as soon as the front is drawn, before the disk goes in */
.mxs .mxs-led--power{animation:mxbg-power .3s ease 2.4s forwards}
@keyframes mxbg-power{to{fill:#39ff5a;filter:drop-shadow(0 0 4px #39ff5a) drop-shadow(0 0 10px #39ff5a)}}

/* v17: RUN sits mid-screen on the right, in the Commodore green */
main.mxs .mxs-skip{position:absolute;top:50%;right:32px;bottom:auto;left:auto;transform:translateY(-50%);z-index:4;
  display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border:1.5px solid #49B049;border-radius:6px;background:rgba(73,176,73,.08);
  color:#7fdc7f;font-family:'Courier New',monospace;font-size:16px;letter-spacing:.32em;text-transform:uppercase;
  box-shadow:0 0 18px rgba(73,176,73,.25);transition:background .2s,color .2s,box-shadow .2s}
main.mxs .mxs-skip:hover,main.mxs .mxs-skip:focus-visible{background:#49B049;color:#0b1a0b;box-shadow:0 0 28px rgba(73,176,73,.55);outline:none}
main.mxs.mxs-bgv--drafting .mxs-skip{color:#2e7d32;border-color:#2e7d32;background:rgba(46,125,50,.06);box-shadow:none}
main.mxs.mxs-bgv--drafting .mxs-skip:hover,main.mxs.mxs-bgv--drafting .mxs-skip:focus-visible{background:#2e7d32;color:#fff}
@media (max-width:700px){main.mxs .mxs-skip{right:16px;padding:10px 18px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.mxs .mxs-led--power{animation:none;fill:#39ff5a}}

/* v18: "a division of Velendi Technology" under MACHINA, read from the company's record */
.mxs-div{margin:6px 0 0;font-family:var(--serif,Georgia,serif);font-style:italic;font-size:clamp(13px,1.15vw,16px);letter-spacing:.08em;color:#8fa8d0;opacity:0}
.mxs.is-title .mxs-div{animation:mxs-fade 1.1s ease .6s forwards}
.mxs-bgv--drafting .mxs-div{color:#4a5f86}
@media (prefers-reduced-motion:reduce){.mxs-div{opacity:1}}