:root{--orange:#ff6a00;--muted:#9aa0a6;--ice:#b7d8e6;--ink:#0f1720}*{box-sizing:border-box}html{background:#080d13;color:#fff;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}#lab{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d13ef 0%,#080d1390 38%,transparent 72%),linear-gradient(0deg,#080d13c9,transparent 25%)}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:26px;padding:28px 4%;background:linear-gradient(#080d13db,transparent)}.brand{width:165px;border:0;background:none;padding:0}.brand img{width:100%;display:block}.strap{font:9px monospace;letter-spacing:2px;color:#a7b9c3;max-width:220px;line-height:1.8}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:11px}.motion{border:1px solid #b7d8e630;border-radius:30px;padding:9px 14px;background:#101d2980;font-size:10px}.contact-link{border-bottom:1px solid var(--orange);padding-bottom:6px}.panel{position:fixed;left:6%;top:22%;width:460px;max-width:40%;z-index:2;max-height:calc(100dvh - 230px);display:flex;flex-direction:column}.eyebrow{font:10px monospace;letter-spacing:2px;line-height:1.8;color:#a7c6d6}.eyebrow:before{content:'';display:inline-block;width:5px;height:5px;margin-right:9px;background:var(--orange);box-shadow:0 0 12px #ff6a00}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:22px 0}h1{font-size:clamp(40px,5vw,80px)}h2{font-size:clamp(35px,4vw,57px)}em{font-style:normal;color:var(--orange)}p{color:#acbdc8;font-size:14px;line-height:1.85;margin:0 0 22px}.lead{font-size:16px;max-width:390px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;align-self:flex-start;border:1px solid #ff6a0080;background:#ff6a0010;padding:15px 20px;color:#ffb27c;font-size:12px;min-width:205px}.primary:hover{background:#ff6a0026;box-shadow:0 0 30px #ff6a0018}.hint{margin-top:30px;font:9px monospace;letter-spacing:1px;color:#718b9b}.hud{background:linear-gradient(120deg,#263f5066,#0c1926aa);border:1px solid #a9d9f32a;backdrop-filter:blur(12px);padding:25px 27px 0;top:17%;max-height:calc(100dvh - 210px)}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#6d94a655 transparent;mask-image:linear-gradient(transparent,#000 10px,#000 calc(100% - 18px),transparent);padding:8px 0 24px}.status{display:inline-block;font:9px monospace;color:#b3c6cf;letter-spacing:1px;border:1px solid #b7d8e630;padding:6px 9px;margin-bottom:18px}.list{list-style:none;margin:8px 0 25px;padding:0}.list li{font-size:13px;line-height:1.6;color:#cad8df;margin:12px 0;padding-left:16px;position:relative}.list li:before{content:'+';color:var(--orange);position:absolute;left:0}.note{font-size:11px;border-left:1px solid #ff6a0070;padding-left:13px;line-height:1.8;color:#91a8b7}.hud-foot{flex-shrink:0;display:flex;justify-content:space-between;border-top:1px solid #a9d9f320;padding:14px 0;gap:15px}.hud-foot button{background:none;border:0;font-size:11px;padding:8px 0}.hud-foot button:last-child{color:#ffb17a}.scene-label{position:fixed;right:5%;bottom:130px;text-align:right;pointer-events:none;font:9px monospace;letter-spacing:1.5px;color:#6f8d9e;line-height:2}.scene-label strong{display:block;color:#b7d8e6;font-weight:400}.stations{position:fixed;z-index:3;inset:0;pointer-events:none}.station{position:absolute;pointer-events:auto;border:1px solid #7ca0b850;background:#0b1724c9;padding:10px 13px;color:#b8cfdb;font:10px monospace;letter-spacing:.7px;transform:translate(-50%,-50%);white-space:nowrap;transition:opacity .3s,background .3s}.station:hover{border-color:var(--orange);background:#2b2119}.station span{color:var(--orange);margin-right:8px}footer{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#080f18ed;border-top:1px solid #b7d8e61c;padding:21px 4% 18px;display:flex;gap:12px;align-items:center}footer nav{display:flex;gap:5px;flex:1;justify-content:center}footer button{border:0;background:none;color:#8da5b5;padding:12px;font-size:11px;white-space:nowrap}footer button.active{color:#fff;background:#b7d8e60b}footer button small{font:9px monospace;color:#ff6a00;margin-right:8px}.footer-word{font:9px monospace;letter-spacing:2px;color:#617e90}.progress{position:absolute;top:-1px;left:0;height:1px;background:var(--orange);width:0;transition:width .3s}.track{height:650vh;pointer-events:none}.network{display:flex;gap:20px;margin:18px 0 5px;font-size:12px;color:#ffc095}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:11px;color:#b6cad6;display:block;margin-bottom:13px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px;background:#08121bd9;border:1px solid #87b2cb40;color:white;border-radius:0;font-size:13px}textarea{resize:vertical}.honeypot{position:absolute;left:-10000px}#form-status{margin-top:14px;font-size:12px}button:disabled{opacity:.5;cursor:wait}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#0f1720;padding:12px}.skip:focus{top:10px}.mode-note{font-size:9px;color:#6d889a;font-family:monospace;margin-top:10px}[hidden]{display:none!important}@media(max-width:1000px){.strap{display:none}.panel{max-width:46%;left:4%;width:430px}footer{padding-left:2%;padding-right:2%}.footer-word{display:none}footer button{padding:10px 8px;font-size:10px}.scene-label{right:3%}}@media(max-width:700px){header{padding:21px 5%;gap:15px}.brand{width:125px}.top-actions{gap:12px}.contact-link{font-size:10px}.motion{font-size:9px;padding:8px 9px}.panel{left:5%;top:19%;max-width:90%;width:90%;max-height:calc(100dvh - 220px)}#overview{top:22%;max-width:85%;background:linear-gradient(90deg,#080d13b0,transparent)}h1{font-size:clamp(40px,10vw,62px);max-width:340px}.lead{font-size:14px;max-width:280px}.hud{padding:15px 20px 0;top:17%;background:#112231d9}.scroll{padding-bottom:15px}h2{font-size:38px;margin-top:16px}p{font-size:13px}.scene-label{bottom:140px;right:5%;font-size:8px}.stations{display:none}footer{padding:9px 10px 12px;overflow-x:auto;scrollbar-width:none;display:block}footer nav{justify-content:flex-start;width:max-content}footer button{font-size:10px;padding:13px 10px}.home-button{display:none}.hint{font-size:8px;line-height:1.8;max-width:250px}.field-row{grid-template-columns:1fr}.hud-foot{padding:8px 0}.track{height:620vh}.network{flex-wrap:wrap}.status{font-size:8px}.mode-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
#lab-sign{position:fixed;width:150px;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px #a5d6ed99) drop-shadow(0 0 18px #ff6a0040);pointer-events:none;opacity:.8}@media(max-width:700px){#lab-sign{width:110px;opacity:.5}}
.station{font-size:9px;padding:9px 11px;box-shadow:0 4px 20px #0006}.shade{background:linear-gradient(90deg,#080d13f2 0%,#080d13b0 30%,#080d1310 64%),linear-gradient(0deg,#080d13c9,transparent 25%)}#lab-sign{transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 0 5px #9ecde9aa) drop-shadow(0 0 17px #ff6a0055)}@media(min-width:1100px){footer nav{gap:0}footer button{padding:12px 10px}.footer-word{font-size:8px;letter-spacing:1.2px}}@media(max-width:700px){.shade{background:linear-gradient(90deg,#080d13db,transparent 95%),linear-gradient(0deg,#080d13aa,transparent 30%)}.stations{display:none}}
/* TVDA shares the BOpX wireframe atmosphere; the board remains visible beneath the HUD. */
.shade{background:linear-gradient(90deg,#080d13eb 0%,#080d1399 31%,transparent 68%),linear-gradient(0deg,#080d13b8,transparent 24%)}.hud{background:linear-gradient(110deg,#2442565c,#0c192699);backdrop-filter:blur(8px)}.station{background:#0b1724b0;border-color:#86b1c344;color:#b3cbd5;font-weight:400}.scene-label{color:#76919e}#lab-sign{filter:drop-shadow(0 0 7px #a2d7eaa0) drop-shadow(0 0 17px #ff6a0030)}@media(max-width:700px){.shade{background:linear-gradient(90deg,#080d13cf,transparent 98%),linear-gradient(0deg,#080d1399,transparent 25%)}.hud{background:#112231cf}}

.track{height:1050vh}@media(max-width:700px){.track{height:900vh}}
#scene-cursor{position:fixed;z-index:9;pointer-events:none;transform:translate(-50%,-50%);width:8px;height:8px;border:1px solid #accdda;border-radius:50%;transition:width .2s,height .2s,border-color .2s}#scene-cursor.hovering{width:29px;height:29px;border-color:#ff6a00;box-shadow:0 0 16px #ff6a0030}#scene-cursor i{position:absolute;left:50%;top:50%;width:2px;height:2px;background:#d2e9f2}#hover-label{position:absolute;top:34px;left:22px;white-space:nowrap;font:9px monospace;letter-spacing:1px;color:#ffd0ad;background:#0b1724df;padding:7px 9px;border-left:1px solid #ff6a00}#hover-label:empty{display:none}.station:hover,.station:focus-visible{border-color:#ff6a00;color:white;box-shadow:0 0 24px #9bcee333}

.track{height:650vh}.hud{transition:opacity .45s,transform .55s}.hud.in-flight{opacity:0;pointer-events:none;transform:translateY(8px)}@media(max-width:700px){.track{height:650vh}}
.mobile-swipe-hint{display:none}
@media(max-width:700px){
header{padding:16px 4%;gap:10px}.brand{width:106px}.top-actions{gap:10px}.contact-link{font-size:9px}.motion{font-size:8px;min-height:36px;padding:7px 9px}
.panel{left:3%;width:64%;max-width:300px;top:16%;max-height:calc(100dvh - 175px)}
#overview{left:4%;top:22%;width:63%;max-width:285px}h1{font-size:clamp(29px,8.5vw,44px);margin:18px 0;max-width:260px}.lead{font-size:12px;line-height:1.7;max-width:240px}.hint{font-size:7px;letter-spacing:.6px;line-height:1.8;margin-top:20px;max-width:210px}
.hud{left:3%;width:64%;max-width:300px;top:15%;padding:12px 13px 0;max-height:calc(100dvh - 170px);background:#112231ce}
.hud .scroll{min-height:0;overscroll-behavior:contain;padding:5px 0 14px}.eyebrow{font-size:8px;letter-spacing:1px;line-height:1.7}h2{font-size:clamp(24px,6.9vw,31px);margin:13px 0 15px;line-height:1.08}.hud p{font-size:11.5px;line-height:1.7;margin-bottom:16px}.hud .list{margin:8px 0 18px}.hud .list li{font-size:11px;line-height:1.55;margin:9px 0;padding-left:12px}.hud .note{font-size:9.5px;line-height:1.7;padding-left:9px}.primary{font-size:10px;padding:10px 12px;min-width:0;min-height:40px;gap:12px}.hud .primary{width:100%}.primary>span:last-child{font-size:17px}.hud-foot{padding:5px 0;gap:10px}.hud-foot button{font-size:10px;min-height:44px;flex:1;text-align:left}.hud-foot button:last-child{text-align:right}
.hud .network{font-size:10px;gap:12px;margin:13px 0}.hud label{font-size:10px;margin-bottom:10px}.hud input,.hud select,.hud textarea{font-size:16px;margin-top:5px;padding:8px;min-width:0}.hud textarea{min-height:90px}.field-row{gap:0}.hud #form-status{font-size:11px;margin-top:10px}
footer{padding:6px 8px 9px}footer button{font-size:9px;padding:11px 8px;min-height:40px}footer button small{font-size:8px;margin-right:5px}.scene-label{bottom:100px;right:4%;font-size:7px;max-width:28%;letter-spacing:.7px;line-height:1.9}.scene-label strong{font-size:7px}
.mobile-swipe-hint{display:block;position:fixed;right:9px;top:45%;z-index:2;pointer-events:none;writing-mode:vertical-rl;font:8px monospace;letter-spacing:1.5px;color:#9db9ca;opacity:.65}
}
@media(max-width:700px){.hud{max-height:calc(85dvh - 95px)}}
#hover-label{background:#0b17243d;border-left-color:#ff994d;color:#ffd3ad;backdrop-filter:blur(3px);text-shadow:0 0 8px #ff6a0070;box-shadow:0 0 20px #ff6a0018,0 0 10px #aeddf011}
#scene-cursor.hovering #hover-label{animation:hover-tag-flicker 3.8s linear infinite}
@keyframes hover-tag-flicker{0%,78%,100%{opacity:.94}80%{opacity:.78}82%{opacity:.96}85%{opacity:.84}88%{opacity:1}}
@media(prefers-reduced-motion:reduce){#scene-cursor.hovering #hover-label{animation:none}}
html:has(#motion[aria-pressed="true"]) #scene-cursor.hovering #hover-label{animation:none}

/* Shared BOpX mobile swipe cue: non-interactive and driven by the scene clock. */
#swipe-cue{display:none;pointer-events:none;position:fixed;z-index:8;right:0;top:16px;bottom:16px;width:25vw;color:#a9dce9;opacity:var(--cue-opacity,0)}#swipe-cue[hidden]{display:none!important}.swipe-rail{position:absolute;inset:0 14%;border-right:1px solid #a9dce91c;background:linear-gradient(90deg,transparent,#82cce407);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.swipe-finger{position:absolute;left:calc(50% - 22px);top:calc(100% - 60px);width:44px;height:55px;transform:translateY(calc(var(--cue-travel,0) * (100dvh - 92px)));filter:drop-shadow(0 0 5px #8fd4ed60)}.swipe-finger svg{position:relative;width:100%;height:100%;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.swipe-trail{position:absolute;left:18px;top:9px;width:4px;height:190px;transform-origin:top;transform:scaleY(var(--trail-direction,1));opacity:var(--trail-opacity,0);background:linear-gradient(#9cdded88 0%,#9cdded40 23%,#9cdded16 58%,transparent 100%);filter:blur(4px)}#swipe-cue>span{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:6px monospace;letter-spacing:1px;color:#b1d6e1}
@media(max-width:700px){#swipe-cue{display:block}}
@media(prefers-reduced-motion:reduce){#swipe-cue{display:none!important}}
html:has(#motion[aria-pressed="true"]) #swipe-cue{display:none!important}
body:has(#swipe-cue:not([hidden])) .mobile-swipe-hint{opacity:0}