/* Opening-only DRAFT. The accepted later chapters retain their exact styles. */
#js05x-index .arrival-old {opacity:var(--arrival-old);transform:none;filter:none}
#js05x-index .old-wallpaper {background:#087e7d;background-image:repeating-linear-gradient(0deg,#00000006 0 1px,transparent 1px 3px)}
#js05x-index .old-browser {inset:18px 24px 48px;border:3px outset #d5d5d5;background:#c0c0c0;box-shadow:2px 2px 0 #111}
#js05x-index .old-browser-bar {background:linear-gradient(90deg,#000080,#12499b);color:white;font:700 13px/1.3 Tahoma,Arial,sans-serif;padding:5px 8px;letter-spacing:0}
#js05x-index .old-browser-buttons i {background:#c0c0c0;border:2px outset #eee;width:16px;height:16px;position:relative}
#js05x-index .old-browser-buttons i:last-child::after {content:'×';position:absolute;inset:-3px;color:#111;font:bold 16px Arial}
#js05x-index .old-toolbar {background:#c0c0c0;font:12px Tahoma,Arial,sans-serif;padding:5px;border-bottom:2px groove white}
#js05x-index .old-toolbar>span {font-family:Tahoma,Arial,sans-serif;border-color:#eee}
#js05x-index .old-toolbar .old-address {background:white;border:2px inset #eee;color:#111}
#js05x-index .old-page {background:#ffffed;background-image:radial-gradient(#91916d22 .7px,transparent .8px);background-size:4px 4px}
#js05x-index .old-marquee {background:#ffff00;color:#000080;border-block:1px solid #111;font:700 12px 'Times New Roman',serif;letter-spacing:1px}
#js05x-index .old-title {position:relative;z-index:2;max-width:850px;margin:24px auto 18px;font-family:'Times New Roman',serif;font-size:clamp(46px,5.7vw,82px);line-height:.94;letter-spacing:-.035em;color:#000080;text-shadow:3px 3px 0 #ffdd00;text-transform:uppercase}
#js05x-index .old-subtitle {font:700 14px 'Times New Roman',serif;border:1px dashed #000080;background:#fffef0;padding:4px 8px;position:relative;z-index:7}
#js05x-index .old-link-row {font:700 12px 'Times New Roman',serif;margin-top:18px}
#js05x-index .old-link-row a {color:#0000ee;text-decoration:underline;margin-inline:4px}
#js05x-index .old-link-row a:nth-child(2n) {color:#800080}
#js05x-index :is(.old-chaos-card,.old-popup,.h-chaos-echo) {border:2px outset #ececec;background:#c0c0c0;border-radius:0;box-shadow:5px 5px 0 #0005;padding:5px 9px 12px;transform:none;will-change:auto;font-family:Tahoma,Arial,sans-serif}
#js05x-index :is(.old-chaos-card strong,.old-popup>b,.h-chaos-echo b) {display:block;margin:-2px -6px 10px;padding:4px 6px 4px 22px;background:linear-gradient(90deg,#000080,#3466a5);color:#fff;font:bold 12px/1.2 Tahoma,Arial,sans-serif;text-transform:none;border:0;position:relative}
#js05x-index :is(.old-chaos-card strong,.old-popup>b,.h-chaos-echo b)::before {content:'▣';position:absolute;left:5px;color:#fff5a3}
#js05x-index :is(.old-chaos-card strong,.old-popup>b,.h-chaos-echo b)::after {content:'×';position:absolute;right:3px;top:2px;width:14px;height:14px;text-align:center;background:#c0c0c0;color:black;border:1px outset white;font:bold 13px/12px Arial}
#js05x-index :is(.old-chaos-card p,.old-popup p,.h-chaos-echo span) {font:12px/1.4 Tahoma,Arial,sans-serif;color:#111;margin:10px 0}
#js05x-index .old-chaos-card {width:262px;min-height:130px}
#js05x-index .old-button {background:#c0c0c0!important;border:2px outset #fff!important;font:11px Tahoma,Arial,sans-serif!important;padding:4px 8px!important;color:#111!important;box-shadow:1px 1px 0 #000}
#js05x-index .oc-1 {left:4%;top:43%;z-index:4}
#js05x-index .oc-2 {right:7%;top:44%;z-index:3}
#js05x-index .oc-3 {left:28%;bottom:12%;z-index:5}
#js05x-index .oc-4 {right:5%;bottom:6%;z-index:6}
#js05x-index .old-popup {width:285px;right:3%;top:27%;z-index:8}
#js05x-index .old-popup>div {text-align:right;margin-top:15px}
#js05x-index .h-chaos-echo {width:245px;min-height:120px;background:#fff}
#js05x-index .echo-1 {left:7%;bottom:9%;z-index:4;transform:none}
#js05x-index .echo-2 {left:50%;top:54%;z-index:7;transform:none}
#js05x-index .echo-3 {left:21%;top:48%;z-index:2;transform:none}
#js05x-index .h-chaos-sheets {left:39%;top:45%;height:205px;transform:none}
#js05x-index .h-chaos-sheets i {transform:none;background:repeating-linear-gradient(90deg,transparent 0 49px,#999 50px 51px),repeating-linear-gradient(0deg,#fff 0 18px,#999 19px 20px);border:3px outset #c0c0c0;box-shadow:3px 3px #0005}
#js05x-index .h-chaos-sheets i:nth-child(2) {transform:translate(18px,20px)}
#js05x-index .h-chaos-sheets i:nth-child(3) {transform:translate(36px,40px)}
#js05x-index .old-scroll-cue {bottom:28px;width:300px;padding:14px 40px 14px 20px;background:#ffff00;animation:none;box-shadow:3px 3px #000;border:3px outset #fff;font:700 14px Tahoma,Arial,sans-serif}
#js05x-index .old-scroll-cue::before {animation:none;content:'SCROLL TO BRING IT TOGETHER';font:700 10px Tahoma,Arial,sans-serif;color:#000080;background:#fff;padding:4px 6px;bottom:calc(100% + 8px)}
#js05x-index .old-scroll-cue::after {animation:none;content:'↓';font-size:22px;right:14px}
#js05x-index .retro-taskbar {position:absolute;inset:auto 0 0;z-index:15;height:34px;display:flex;gap:6px;align-items:center;background:#c0c0c0;border-top:2px outset #fff;padding:3px 6px;font:11px Tahoma,Arial,sans-serif;color:#111}
#js05x-index .retro-taskbar span {border:2px outset #ddd;padding:3px 12px;max-width:200px;white-space:nowrap}
#js05x-index .retro-taskbar span:first-child {font-weight:bold}
#js05x-index .retro-taskbar span:last-child {margin-left:auto;border-style:inset}
/* Thin orbital progress: one bead travels a hairline, no filling rectangular slab. */
#js05x-index .arrival-scroll-progress {width:36px;height:192px;right:18px;top:50%;border:1px solid #edc13636;border-radius:30px;background:#090a18de;display:block;box-shadow:0 8px 30px #0002;opacity:calc(1 - var(--opening-rest,0));transform:translateY(-50%);overflow:visible}
#js05x-index .arrival-scroll-progress::before {content:'Scroll to connect';right:47px;top:50%;color:#f0ece0;font:10px/1.1 Tahoma,Arial,sans-serif;letter-spacing:.09em;transform:translateY(-50%) rotate(-90deg);text-shadow:0 1px 4px #000}
#js05x-index .arrival-scroll-progress::after {content:'';position:absolute;left:17px;top:18px;bottom:18px;width:1px;background:#edc13640}
#js05x-index .arrival-scroll-progress i {position:absolute;z-index:1;left:13px;top:calc(15px + var(--arrival-progress) * 155px);width:9px;height:9px;border-radius:50%;background:#f3d882;box-shadow:0 0 0 5px #edc13615,0 0 16px #edc136a0}
/* Only enhanced motion receives reveal masks. Static/failure routes stay original. */
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-night {display:none}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-matrix {opacity:1;z-index:8}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-new {opacity:1;clip-path:none;background:none}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-new::before {display:none}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-system {opacity:1;transform:translate(-50%,-50%)}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-core {opacity:var(--opening-core,0)}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-new [data-opening-build] {opacity:1;clip-path:inset(0 calc((1 - var(--opening-build,0)) * 100%) 0 0);transition:none}
html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index :is(.arrival-system-field,.arrival-flow-map,.arrival-core-aura,.arrival-orbit) {opacity:var(--opening-system,0)}
#js05x-index .arrival-impact {background:radial-gradient(ellipse at 50% 48%,#fff4c8,rgba(237,193,54,.28) 45%,transparent 78%);box-shadow:none}
@media(max-width:760px){
 #js05x-index .old-browser {inset:10px 9px 38px}
 #js05x-index .old-browser-bar {font-size:9px;padding:4px;min-height:22px}
 #js05x-index .old-browser-bar>span:first-child {max-width:82%;white-space:nowrap;overflow:hidden}
 #js05x-index .old-toolbar {font-size:9px;padding:3px}
 #js05x-index .old-toolbar>span {padding:2px;font-size:9px}
 #js05x-index .old-toolbar>span:nth-child(2),#js05x-index .old-toolbar>span:nth-child(3) {display:none}
 #js05x-index .old-title {font-size:clamp(32px,10.2vw,52px);max-width:95%;margin:22px auto 16px;line-height:.97}
 #js05x-index .old-subtitle {max-width:87%;font-size:11px;margin-inline:auto}
 #js05x-index .old-link-row {font-size:9px;margin-top:12px;line-height:1.65;padding-inline:10px}
 #js05x-index .old-chaos-card {width:172px;min-height:115px;padding:5px 8px 10px}
 #js05x-index :is(.old-chaos-card p,.old-popup p,.h-chaos-echo span) {font-size:10px}
 #js05x-index :is(.old-chaos-card strong,.old-popup>b,.h-chaos-echo b) {font-size:10px}
 #js05x-index .oc-1 {left:2%;top:41%;z-index:5}
 #js05x-index .oc-2 {right:2%;top:50%;z-index:6}
 #js05x-index .oc-3 {left:2%;bottom:18%;z-index:7}
 #js05x-index .oc-4 {right:1%;bottom:11%;z-index:8}
 #js05x-index .old-popup {display:none}
 #js05x-index .h-chaos-echo {display:none}
 #js05x-index .h-chaos-sheets {left:20%;top:44%;width:150px;height:165px;opacity:.8}
 #js05x-index .old-scroll-cue {bottom:14px;width:220px;font-size:12px;padding:12px 35px 12px 10px}
 #js05x-index .old-scroll-cue::before {font-size:8px;bottom:calc(100% + 5px)}
 #js05x-index .retro-taskbar {height:29px;font-size:9px;gap:3px}
 #js05x-index .retro-taskbar span {padding:3px 7px}
 #js05x-index .retro-taskbar span:nth-child(3) {display:none}
 #js05x-index .arrival-scroll-progress {display:block;right:17px;width:90px;height:8px;background:#090a18cd;top:4px;border-color:transparent;transform:none}
 #js05x-index .arrival-scroll-progress::before {display:none}
 #js05x-index .arrival-scroll-progress::after {left:5px;right:5px;top:3px;bottom:auto;width:auto;height:1px}
 #js05x-index .arrival-scroll-progress i {left:calc(3px + var(--arrival-progress) * 80px);width:5px;height:5px;top:1px;box-shadow:0 0 6px #edc13670}
}
html:is(:not(.js),.arrival-static,.arrival-fallback) #js05x-index .arrival-scroll-progress {display:none}
/* Align the inherited CSS fallback with its existing JS cutoff of 699px. */
@media(min-height:700px) and (max-height:740px) and (min-width:761px){
 html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-scroll {height:400vh}
 html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-stage {position:sticky;top:0;height:100dvh;min-height:100dvh}
 html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index :is(.arrival-old,.arrival-matrix,.arrival-impact) {display:block}
 html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-flight {display:grid}
 html.arrival-enhanced:not(.arrival-static):not(.arrival-fallback) #js05x-index .arrival-intro-controls {display:flex}
}
@media(prefers-reduced-motion:reduce),(forced-colors:active){#js05x-index .arrival-scroll-progress{display:none}}

/* A real, accessible action outside the decorative aria-hidden desktop. */
#js05x-index .old-title {margin-bottom:116px}
#js05x-index .old-scroll-cue {display:none!important}
#js05x-index .opening-begin {position:absolute;z-index:24;left:50%;top:var(--begin-top,350px);transform:translateX(-50%);width:min(600px,calc(100% - 56px));padding:3px;border:3px outset #ededed;border-radius:0;background:#c0c0c0;box-shadow:5px 5px 0 #0008;color:#000080;font-family:Tahoma,Arial,sans-serif;text-align:center;cursor:pointer;touch-action:pan-y}
#js05x-index .opening-begin-title {display:block;background:linear-gradient(90deg,#000080,#164b9b);padding:3px 8px;color:white;font-size:11px;font-weight:700;letter-spacing:.1em;text-align:left}
#js05x-index .opening-begin-body {display:flex;align-items:center;justify-content:center;gap:16px;background:#ffff00;padding:9px 12px 6px;font-size:clamp(18px,1.6vw,23px);font-weight:900;line-height:1.13;min-height:48px}
#js05x-index .opening-arrows {display:block;flex:0 0 auto;font:900 35px/1 monospace;letter-spacing:-8px;padding-right:8px}
#js05x-index .opening-begin-hint {display:block;background:#ffff00;color:#222;font:11px/1.25 Tahoma,Arial,sans-serif;padding:0 8px 6px}
#js05x-index .opening-begin:active {border-style:inset;box-shadow:2px 2px 0 #0008}
#js05x-index .opening-begin:focus-visible {outline:3px solid #000080;outline-offset:4px}
#js05x-index .opening-touch {display:none}
#js05x-index .opening-begin[data-moving="true"] .opening-arrows {animation:opening-down 1.4s ease-in-out 3}
@keyframes opening-down {0%,100%{transform:translateY(-3px)}55%{transform:translateY(4px)}}
@keyframes opening-up {0%,100%{transform:translateY(4px)}55%{transform:translateY(-4px)}}
#js05x-index .opening-continue {position:absolute;z-index:24;top:var(--continue-top,320px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:max-content;max-width:calc(100% - 40px);padding:4px 12px;text-align:center;font:12px/1.4 Tahoma,Arial,sans-serif;color:#e3ce8c;text-decoration:none;letter-spacing:.015em;border-radius:18px}
#js05x-index .opening-continue:hover {color:#fff4c3;background:#edc1360a}
#js05x-index .opening-continue:focus-visible {outline:2px solid #edc136;outline-offset:2px}
#js05x-index :is(.opening-begin,.opening-continue,.arrival-scroll-progress)[hidden] {display:none!important}
html:is(:not(.js),.arrival-static,.arrival-fallback) #js05x-index :is(.opening-begin,.opening-continue) {display:none!important}
@media(max-width:760px){
 #js05x-index .old-title {margin-bottom:120px}
 #js05x-index .opening-begin {width:calc(100% - 46px)}
 #js05x-index .opening-begin-body {font-size:18px;gap:10px;padding:8px 10px 5px}
 #js05x-index .opening-continue {font-size:11px}
}
@media(pointer:coarse){
 #js05x-index .opening-desktop {display:none}
 #js05x-index .opening-touch {display:inline}
 #js05x-index .opening-begin[data-moving="true"] .opening-arrows {animation-name:opening-up}
}
@media(prefers-reduced-motion:reduce){#js05x-index .opening-begin .opening-arrows {animation:none!important}}