.chapter-field{position:absolute;z-index:3;width:clamp(300px,40vw,560px);height:clamp(350px,42vw,520px);pointer-events:none;transition:transform .18s ease-out}.left .chapter-field{left:max(13%,calc(50% - 410px));top:126px}.right .chapter-field{right:max(13%,calc(50% - 410px));top:126px}.float-chip{position:absolute;padding:8px 11px;border:1px solid color-mix(in srgb,var(--chapter) 60%,transparent);background:rgba(4,7,20,.74);color:var(--chapter);font:700 8px Consolas,monospace;letter-spacing:.15em;box-shadow:0 0 18px color-mix(in srgb,var(--chapter) 18%,transparent),inset 0 0 12px color-mix(in srgb,var(--chapter) 7%,transparent);backdrop-filter:blur(8px);animation:chipFloat 4.5s ease-in-out infinite}.chip-a{top:5%;right:-5%;animation-delay:-1.4s}.chip-b{bottom:11%;left:-8%;animation-delay:-3s}.float-orbit{position:absolute;inset:5%;border:1px solid color-mix(in srgb,var(--chapter) 25%,transparent);border-radius:50%;transform:rotateX(64deg) rotateZ(-22deg);box-shadow:0 0 17px color-mix(in srgb,var(--chapter) 13%,transparent);animation:orbitSpin 15s linear infinite}.media-window{position:absolute;top:28px;right:29px;display:flex;gap:5px;align-items:center;padding:8px 10px;border:1px solid rgba(227,239,255,.24);border-radius:2px;background:rgba(3,5,17,.6);color:#dce8ff;font:7px Consolas,monospace;letter-spacing:.12em;backdrop-filter:blur(10px)}.media-window i{width:5px;height:5px;border-radius:50%;background:#ff8dba;box-shadow:0 0 7px #ff8dba}.media-window i:nth-child(2){background:#ffcf76;box-shadow:0 0 7px #ffcf76}.media-window i:nth-child(3){background:var(--chapter);box-shadow:0 0 7px var(--chapter)}.media-window b{margin-left:6px;font-weight:500}.odyssey-chapter::after{position:absolute;z-index:-1;top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--chapter) 45%,transparent),transparent);content:"";opacity:.55}.odyssey-chapter.active::after{animation:flowLine 3.8s ease-in-out infinite}@keyframes chipFloat{50%{transform:translateY(-12px) rotate(2deg);filter:brightness(1.3)}}@keyframes orbitSpin{to{transform:rotateX(64deg) rotateZ(338deg)}}@keyframes flowLine{50%{opacity:1;filter:drop-shadow(0 0 8px var(--chapter))}}@media(max-width:800px){.chapter-field{width:90%;height:390px;top:68px!important;left:5%!important;right:auto!important;opacity:.58}.float-chip{font-size:7px}.media-window{top:17px;right:17px}.odyssey-chapter::after{display:none}}@media(prefers-reduced-motion:reduce){.float-chip,.float-orbit{animation:none!important}}

/* Cinematic pilot controls: the Three.js universe moves with a direct drag gesture. */
.odyssey-hero{cursor:grab;touch-action:none}.odyssey-hero.is-dragging{cursor:grabbing;user-select:none}.odyssey-hero .hero-copy{pointer-events:none}.odyssey-hero .hero-copy a{pointer-events:auto}.hero-object{pointer-events:none;will-change:transform}.flight-hud{position:absolute;top:104px;right:clamp(24px,4vw,74px);z-index:3;display:grid;gap:9px;color:#8c9dc1;font:8px Consolas,monospace;letter-spacing:.16em;text-align:right;pointer-events:none}.flight-hud span:first-child{color:#b9fdf4}.flight-hud i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan);animation:blink 1.5s infinite}.scroll-cue{pointer-events:none}@media(max-width:800px){.flight-hud{display:none}}