@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--voyage-glint:0deg}}}:where([data-simulation=voyage]) .voyage-hud{transform-origin:50% 85%;will-change:transform}@media (min-width:48rem) and (min-height:30rem) and ((min-height:40rem) or (not (pointer:coarse))){:where([data-simulation=voyage]) .voyage-console-grid{perspective:1100px}:where([data-simulation=voyage]) .voyage-console-left{transform-origin:100% 100%;transform:rotateY(-15deg)rotateX(7deg)}:where([data-simulation=voyage]) .voyage-console-right{transform-origin:0 100%;transform:rotateY(15deg)rotateX(7deg)}}:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-console-grid{grid-template-columns:1fr 15rem 1fr}:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-console-grid{grid-template-columns:1fr 24rem 1fr}@media (min-width:48rem) and (min-height:30rem) and ((min-height:40rem) or (not (pointer:coarse))){:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-console-left,:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-console-right{transform:none}:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-console-left{transform:rotateY(-24deg)rotateX(9deg)}:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-console-right{transform:rotateY(24deg)rotateX(9deg)}}:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo{--holo-corner:0px;box-shadow:inset 0 0 0 1px color-mix(in srgb, rgb(var(--scene-solar)) 22%, transparent);border-radius:0}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-solar) 22%, transparent)}}:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo{text-shadow:none;background:repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(0deg, color-mix(in srgb, rgb(var(--scene-solar)) 8%, #141418f0) 0%, color-mix(in srgb, rgb(var(--scene-solar)) 4%, #0c0c10cc) 100%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-highlight) 3.5%, transparent) 0 1px, transparent 1px 3px), linear-gradient(0deg, color-mix(in oklab, var(--color-solar) 8%, #141418f0) 0%, color-mix(in oklab, var(--color-solar) 4%, #0c0c10cc) 100%)}}:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo:before{display:none}:where([data-simulation=voyage]) .voyage-hud[data-ship=voyager] .voyage-holo .font-display{text-shadow:none}:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-holo{--holo-corner:22px;--holo-line:color-mix(in srgb, rgb(var(--scene-solar)) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-holo{--holo-line:color-mix(in oklab, var(--color-solar) 80%, transparent)}}:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-holo{box-shadow:0 0 36px -12px color-mix(in srgb, rgb(var(--scene-solar)) 40%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-hud[data-ship=sail] .voyage-holo{box-shadow:0 0 36px -12px color-mix(in oklab, var(--color-solar) 40%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{--color-fg-primary:var(--color-space-fg);--color-fg-secondary:var(--color-space-muted);--color-fg-tertiary:color-mix(in srgb, rgb(var(--scene-solar)) 70%, #b2b2ae)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{--color-fg-tertiary:color-mix(in oklab, var(--color-solar) 70%, var(--color-space-muted))}}:where([data-simulation=voyage]) .voyage-holo{--color-accent:var(--color-solar);--color-accent-fg:var(--color-on-solar);--color-action:var(--color-solar);--color-action-fg:var(--color-on-solar);--action-sheen:none;--action-shadow:none;--action-glow:0 0 28px color-mix(in srgb, rgb(var(--scene-solar)) 22%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{--action-glow:0 0 28px color-mix(in srgb, var(--color-solar) 22%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{--color-danger:var(--color-space-danger);--color-ring:var(--color-solar);--color-surface-primary:var(--color-space);--color-border:color-mix(in srgb, rgb(var(--scene-solar)) 22%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{--color-border:color-mix(in oklab, var(--color-solar) 22%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{--color-border-strong:color-mix(in srgb, rgb(var(--scene-solar)) 38%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{--color-border-strong:color-mix(in oklab, var(--color-solar) 38%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{--tip-bg:var(--space-tip-bg);--solar:var(--scene-solar);--holo-line:color-mix(in srgb, rgb(var(--scene-solar)) 65%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{--holo-line:color-mix(in oklab, var(--color-solar) 65%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{--holo-corner:12px;color:var(--color-fg-primary);text-shadow:0 0 10px color-mix(in srgb, rgb(var(--scene-solar)) 26%, transparent);border-radius:3px}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{text-shadow:0 0 10px color-mix(in oklab, var(--color-solar) 26%, transparent)}}:where([data-simulation=voyage]) .voyage-holo{background:linear-gradient(var(--holo-line), var(--holo-line)) top left / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top left / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top right / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top right / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom left / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom left / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom right / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom right / 1px var(--holo-corner) no-repeat, repeating-linear-gradient(0deg, #ffffff04 0 1px, transparent 1px 3px), linear-gradient(0deg, color-mix(in srgb, rgb(var(--scene-solar)) 12%, #18181eeb) 0%, color-mix(in srgb, rgb(var(--scene-solar)) 7%, #0e0e1294) 36%, color-mix(in oklab, rgb(var(--scene-solar)) 2%, color-mix(in srgb, rgb(var(--scene-space)) 12%, transparent)) 100%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{background:linear-gradient(var(--holo-line), var(--holo-line)) top left / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top left / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top right / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) top right / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom left / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom left / 1px var(--holo-corner) no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom right / var(--holo-corner) 1px no-repeat, linear-gradient(var(--holo-line), var(--holo-line)) bottom right / 1px var(--holo-corner) no-repeat, repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-highlight) 1.6%, transparent) 0 1px, transparent 1px 3px), linear-gradient(0deg, color-mix(in oklab, var(--color-solar) 12%, #18181eeb) 0%, color-mix(in oklab, var(--color-solar) 7%, #0e0e1294) 36%, color-mix(in oklab, var(--color-solar) 2%, color-mix(in srgb, var(--color-space) 12%, transparent)) 100%)}}:where([data-simulation=voyage]) .voyage-holo{box-shadow:inset 0 0 0 1px color-mix(in srgb, rgb(var(--scene-solar)) 9%, transparent), 0 0 28px -10px color-mix(in srgb, rgb(var(--scene-solar)) 30%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-solar) 9%, transparent), 0 0 28px -10px color-mix(in oklab, var(--color-solar) 30%, transparent)}}:where([data-simulation=voyage]) .voyage-holo:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, rgb(var(--scene-solar)) 55%, transparent), transparent);height:1px;position:absolute;inset:0 10% auto}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo:before{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-solar) 55%, transparent), transparent)}}:where([data-simulation=voyage]) .voyage-holo .font-display{text-shadow:0 0 14px color-mix(in srgb, rgb(var(--scene-solar)) 38%, transparent)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo .font-display{text-shadow:0 0 14px color-mix(in oklab, var(--color-solar) 38%, transparent)}}@keyframes voyage-keys{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}:where([data-simulation=voyage]) .voyage-keys{animation:7s ease-in forwards voyage-keys}:where([data-simulation=voyage]) .voyage-push{transform-origin:bottom;will-change:transform;filter:drop-shadow(0 0 3px rgb(var(--solar) / .6));transition:transform .12s linear;transform:scaleY(0)}:where([data-simulation=voyage]) .voyage-cockpit{pointer-events:none;color:var(--color-solar);--voyage-line:color-mix(in srgb, rgb(var(--scene-solar)) 88%, transparent);position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit{--voyage-line:color-mix(in oklab, var(--color-solar) 88%, transparent)}}:where([data-simulation=voyage]) .voyage-cockpit{--voyage-glow:drop-shadow(0 0 3px color-mix(in srgb, rgb(var(--scene-solar)) 55%, transparent))}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit{--voyage-glow:drop-shadow(0 0 3px color-mix(in oklab, var(--color-solar) 55%, transparent))}}:where([data-simulation=voyage]) .voyage-cockpit{will-change:transform}:where([data-simulation=voyage]) .voyage-cockpit:not([data-canopy]) .voyage-canopy,:where([data-simulation=voyage]) .voyage-cockpit:not([data-instruments])>:not(.voyage-canopy,.voyage-alarm),:where([data-simulation=voyage]) .voyage-cockpit[data-mode=orbit]>:not(.voyage-canopy,.voyage-scanner),:where([data-simulation=voyage]) .voyage-cockpit[data-mode=flight]>:not(.voyage-canopy,.voyage-aim,.voyage-scanner,.voyage-burn,.voyage-floats){display:none}:where([data-simulation=voyage]) .voyage-canopy{background:linear-gradient(115deg, #ffffff09 0%, transparent 38%), linear-gradient(245deg, #ffffff05 0%, transparent 22%), linear-gradient(to top, color-mix(in srgb, rgb(var(--scene-space)) 72%, transparent) 0%, color-mix(in srgb, rgb(var(--scene-space)) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 112% 92% at 50% 48%, transparent 60%, #0000008c 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-canopy{background:linear-gradient(115deg, color-mix(in srgb, var(--color-highlight) 3.5%, transparent) 0%, transparent 38%), linear-gradient(245deg, color-mix(in srgb, var(--color-highlight) 2%, transparent) 0%, transparent 22%), linear-gradient(to top, color-mix(in srgb, var(--color-space) 72%, transparent) 0%, color-mix(in srgb, var(--color-space) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 112% 92% at 50% 48%, transparent 60%, color-mix(in srgb, var(--color-shadow) 55%, transparent) 100%)}}:where([data-simulation=voyage]) .voyage-frame{position:absolute;inset:0}:where([data-simulation=voyage]) .voyage-frame-layer,:where([data-simulation=voyage]) .voyage-frame svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}:where([data-simulation=voyage]) .voyage-frame-layer[data-light=lit]{translate:var(--voyage-bevel-x,2px) var(--voyage-bevel-y,-2px)}:where([data-simulation=voyage]) .voyage-frame-layer[data-light=shade]{translate:calc(-1 * var(--voyage-bevel-x,2px)) calc(-1 * var(--voyage-bevel-y,-2px))}:where([data-simulation=voyage]) .voyage-strut{fill:none;stroke:#15151a;stroke-width:9px;stroke-linecap:round;vector-effect:non-scaling-stroke}:where([data-simulation=voyage]) .voyage-strut-post{stroke-width:14px;stroke-linecap:square}:where([data-simulation=voyage]) [data-light=lit] .voyage-strut{stroke:#ecece857}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) [data-light=lit] .voyage-strut{stroke:color-mix(in srgb, var(--color-space-fg) 34%, transparent)}}:where([data-simulation=voyage]) [data-light=shade] .voyage-strut{stroke:#000000b3}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) [data-light=shade] .voyage-strut{stroke:color-mix(in srgb, var(--color-shadow) 70%, transparent)}}:where([data-simulation=voyage]) .voyage-shroud{fill:none;stroke:#ecece833}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-shroud{stroke:color-mix(in srgb, var(--color-space-fg) 20%, transparent)}}:where([data-simulation=voyage]) .voyage-shroud{stroke-width:1px;vector-effect:non-scaling-stroke}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail] .voyage-canopy{background:linear-gradient(to bottom, color-mix(in srgb, rgb(var(--scene-solar)) 9%, transparent), transparent 22%), linear-gradient(115deg, #ffffff09 0%, transparent 38%), linear-gradient(245deg, #ffffff05 0%, transparent 22%), linear-gradient(to top, color-mix(in srgb, rgb(var(--scene-space)) 72%, transparent) 0%, color-mix(in srgb, rgb(var(--scene-space)) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 112% 92% at 50% 48%, transparent 60%, #0000008c 100%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail] .voyage-canopy{background:linear-gradient(to bottom, color-mix(in oklab, var(--color-solar) 9%, transparent), transparent 22%), linear-gradient(115deg, color-mix(in srgb, var(--color-highlight) 3.5%, transparent) 0%, transparent 38%), linear-gradient(245deg, color-mix(in srgb, var(--color-highlight) 2%, transparent) 0%, transparent 22%), linear-gradient(to top, color-mix(in srgb, var(--color-space) 72%, transparent) 0%, color-mix(in srgb, var(--color-space) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 112% 92% at 50% 48%, transparent 60%, color-mix(in srgb, var(--color-shadow) 55%, transparent) 100%)}}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail][data-burn=ahead] .voyage-burn{background:radial-gradient(ellipse 80% 40% at 50% -14%, color-mix(in srgb, rgb(var(--scene-solar)) 24%, transparent), transparent 70%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail][data-burn=ahead] .voyage-burn{background:radial-gradient(ellipse 80% 40% at 50% -14%, color-mix(in oklab, var(--color-solar) 24%, transparent), transparent 70%)}}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=voyager] .voyage-canopy{background:linear-gradient(115deg, #ffffff08 0%, transparent 38%), linear-gradient(to top, color-mix(in srgb, rgb(var(--scene-space)) 72%, transparent) 0%, color-mix(in srgb, rgb(var(--scene-space)) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 100% 86% at 50% 48%, transparent 52%, #000000c7 100%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit[data-ship=voyager] .voyage-canopy{background:linear-gradient(115deg, color-mix(in srgb, var(--color-highlight) 3%, transparent) 0%, transparent 38%), linear-gradient(to top, color-mix(in srgb, var(--color-space) 72%, transparent) 0%, color-mix(in srgb, var(--color-space) 32%, transparent) 16%, transparent 36%), radial-gradient(ellipse 100% 86% at 50% 48%, transparent 52%, color-mix(in srgb, var(--color-shadow) 78%, transparent) 100%)}}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=voyager] .voyage-boresight{border-radius:0;width:26px;height:26px}:where([data-simulation=voyage]) .voyage-dash{--dash-face:#0b0b0f;--dash-top:#1a1a20;--dash-mount:#14141a;--dash-horizon:23.4%;--dash-horizon-width:15rem;height:clamp(3rem,6vh,4rem);display:flex;position:absolute;inset:auto 0 0}:where([data-simulation=voyage]) .voyage-dash:before,:where([data-simulation=voyage]) .voyage-dash:after{content:"";pointer-events:none;position:absolute;left:50%;translate:-50%}:where([data-simulation=voyage]) .voyage-dash:before{bottom:calc(100% - var(--dash-horizon));width:calc(var(--dash-horizon-width) * 1.3);background:radial-gradient(ellipse 50% 100% at 50% 100%, color-mix(in srgb, rgb(var(--scene-solar)) 16%, transparent), transparent 70%);height:3rem}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash:before{background:radial-gradient(ellipse 50% 100% at 50% 100%, color-mix(in oklab, var(--color-solar) 16%, transparent), transparent 70%)}}:where([data-simulation=voyage]) .voyage-dash:after{top:var(--dash-horizon);z-index:1;width:var(--dash-horizon-width);background:linear-gradient(90deg, transparent, color-mix(in srgb, rgb(var(--scene-solar)) 50%, transparent) 30%, color-mix(in srgb, rgb(var(--scene-solar)) 70%, transparent) 50%, color-mix(in srgb, rgb(var(--scene-solar)) 50%, transparent) 70%, transparent);height:1px}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash:after{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-solar) 50%, transparent) 30%, color-mix(in oklab, var(--color-solar) 70%, transparent) 50%, color-mix(in oklab, var(--color-solar) 50%, transparent) 70%, transparent)}}:where([data-simulation=voyage]) .voyage-dash svg{height:100%;overflow:visible}:where([data-simulation=voyage]) .voyage-dash-wing{flex:1 1 0;min-width:0}:where([data-simulation=voyage]) .voyage-dash-wing:last-child{scale:-1 1}:where([data-simulation=voyage]) .voyage-dash-pod{flex:none;width:22rem}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=voyager] .voyage-dash{--dash-face:#0e0e10;--dash-top:#202022;--dash-mount:#18181b;--dash-horizon:18.75%;--dash-horizon-width:19rem}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail] .voyage-dash{--dash-face:#09090cd1;--dash-top:#ecece80f}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail] .voyage-dash{--dash-top:color-mix(in srgb, var(--color-space-fg) 6%, transparent)}}:where([data-simulation=voyage]) .voyage-cockpit[data-ship=sail] .voyage-dash{--dash-horizon:40.6%;--dash-horizon-width:9rem}:where([data-simulation=voyage]) .voyage-dash :is(.dash-lip,.dash-under,.dash-edge,.dash-seam,.dash-grille){fill:none;vector-effect:non-scaling-stroke}:where([data-simulation=voyage]) .voyage-dash .dash-face{fill:var(--dash-face)}:where([data-simulation=voyage]) .voyage-dash .dash-top{fill:var(--dash-top)}:where([data-simulation=voyage]) .voyage-dash .dash-mount{fill:var(--dash-mount)}:where([data-simulation=voyage]) .voyage-dash .dash-lip{stroke:#ecece85c}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash .dash-lip{stroke:color-mix(in srgb, var(--color-space-fg) 36%, transparent)}}:where([data-simulation=voyage]) .voyage-dash .dash-lip{stroke-width:1.25px}:where([data-simulation=voyage]) .voyage-dash .dash-under{stroke:#000000a6}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash .dash-under{stroke:color-mix(in srgb, var(--color-shadow) 65%, transparent)}}:where([data-simulation=voyage]) .voyage-dash .dash-under{stroke-width:1.5px}:where([data-simulation=voyage]) .voyage-dash .dash-edge{stroke:#ecece81a}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash .dash-edge{stroke:color-mix(in srgb, var(--color-space-fg) 10%, transparent)}}:where([data-simulation=voyage]) .voyage-dash .dash-edge{stroke-width:1px}:where([data-simulation=voyage]) .voyage-dash :is(.dash-seam,.dash-grille){stroke:#000000a6}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-dash :is(.dash-seam,.dash-grille){stroke:color-mix(in srgb, var(--color-shadow) 65%, transparent)}}:where([data-simulation=voyage]) .voyage-dash :is(.dash-seam,.dash-grille){stroke-width:1.5px}:where([data-simulation=voyage]) .voyage-dash .dash-lamp{fill:var(--color-solar);opacity:.9}:where([data-simulation=voyage]) .voyage-dash .dash-lamp[data-dim]{opacity:.28}@media not all and (min-width:48rem) and (min-height:30rem) and ((min-height:40rem) or (not (pointer:coarse))){:where([data-simulation=voyage]) .voyage-dash{display:none}:where([data-simulation=voyage]) .voyage-frame{inset:0 -12%}}:where([data-simulation=voyage]) .voyage-floats{will-change:transform;position:absolute;inset:0}:where([data-simulation=voyage]) .voyage-arc{opacity:.45;border:1px solid #0000;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;translate:-50% -50%}:where([data-simulation=voyage]) .voyage-arc-left{border-left-color:var(--voyage-line)}:where([data-simulation=voyage]) .voyage-arc-right{border-right-color:var(--voyage-line)}:where([data-simulation=voyage]) .voyage-ladder{background:color-mix(in srgb, rgb(var(--scene-solar)) 40%, transparent);width:1px;height:120px;position:absolute;top:50%;translate:0 -50%}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-ladder{background:color-mix(in oklab, var(--color-solar) 40%, transparent)}}:where([data-simulation=voyage]) .voyage-ladder-speed{left:calc(50% - 196px)}:where([data-simulation=voyage]) .voyage-ladder-closing{left:calc(50% + 196px)}:where([data-simulation=voyage]) .voyage-ladder:before{content:"";background:repeating-linear-gradient(180deg, color-mix(in srgb, rgb(var(--scene-solar)) 45%, transparent) 0 1px, transparent 1px 18.3px);width:7px;position:absolute;top:0;bottom:0;left:-3px}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-ladder:before{background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--color-solar) 45%, transparent) 0 1px, transparent 1px 18.3px)}}:where([data-simulation=voyage]) .voyage-ladder-mark{background:var(--color-solar);width:11px;height:2px;filter:var(--voyage-glow);will-change:transform;transition:transform .12s linear;position:absolute;top:0;left:-5px}:where([data-simulation=voyage]) .voyage-ladder-value,:where([data-simulation=voyage]) .voyage-ladder-word{font-family:var(--font-mono);white-space:nowrap;color:var(--color-solar);text-shadow:0 0 8px color-mix(in srgb, rgb(var(--scene-solar)) 35%, transparent);position:absolute}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-ladder-value,:where([data-simulation=voyage]) .voyage-ladder-word{text-shadow:0 0 8px color-mix(in oklab, var(--color-solar) 35%, transparent)}}:where([data-simulation=voyage]) .voyage-ladder-value{letter-spacing:.04em;font-size:12px;top:50%;translate:0 -50%}:where([data-simulation=voyage]) .voyage-ladder-speed .voyage-ladder-value{right:16px}:where([data-simulation=voyage]) .voyage-ladder-closing .voyage-ladder-value{left:16px}:where([data-simulation=voyage]) .voyage-ladder-word{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:8px;font-size:9px;top:100%}:where([data-simulation=voyage]) .voyage-ladder-speed .voyage-ladder-word{right:0}:where([data-simulation=voyage]) .voyage-ladder-closing .voyage-ladder-word{left:0}@media not all and (min-width:48rem) and (min-height:30rem) and ((min-height:40rem) or (not (pointer:coarse))){:where([data-simulation=voyage]) .voyage-floats{display:none}}:where([data-simulation=voyage]) .voyage-boresight{border:1.5px solid var(--voyage-line);width:36px;height:36px;filter:var(--voyage-glow);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}:where([data-simulation=voyage]) .voyage-boresight:before,:where([data-simulation=voyage]) .voyage-boresight:after{content:"";background:var(--voyage-line);position:absolute;top:50%;left:50%;translate:-50% -50%}:where([data-simulation=voyage]) .voyage-boresight:before{width:76px;height:1.5px;-webkit-mask:linear-gradient(90deg,#000 0 14px,#0000 14px 62px,#000 62px);mask:linear-gradient(90deg,#000 0 14px,#0000 14px 62px,#000 62px)}:where([data-simulation=voyage]) .voyage-boresight:after{width:1.5px;height:76px;-webkit-mask:linear-gradient(#000 0 14px,#0000 14px 62px,#000 62px);mask:linear-gradient(#000 0 14px,#0000 14px 62px,#000 62px)}:where([data-simulation=voyage]) .voyage-mark{opacity:0;width:22px;height:22px;transition:opacity var(--transition-duration-feedback) var(--ease-standard);filter:var(--voyage-glow);will-change:transform;position:absolute;top:-11px;left:-11px}:where([data-simulation=voyage]) .voyage-mark[data-on]{opacity:1}:where([data-simulation=voyage]) .voyage-prograde,:where([data-simulation=voyage]) .voyage-retrograde{border:1.5px solid var(--voyage-line);border-radius:50%}:where([data-simulation=voyage]) .voyage-prograde:before{content:"";background:var(--voyage-line);width:38px;height:1.5px;position:absolute;top:50%;left:-9px;translate:0 -50%;-webkit-mask:linear-gradient(90deg,#000 0 8px,#0000 8px 30px,#000 30px);mask:linear-gradient(90deg,#000 0 8px,#0000 8px 30px,#000 30px)}:where([data-simulation=voyage]) .voyage-prograde:after{content:"";background:var(--voyage-line);width:1.5px;height:8px;position:absolute;top:-9px;left:50%;translate:-50%}:where([data-simulation=voyage]) .voyage-retrograde:before,:where([data-simulation=voyage]) .voyage-retrograde:after{content:"";background:var(--voyage-line);width:26px;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}:where([data-simulation=voyage]) .voyage-retrograde:after{rotate:-45deg}:where([data-simulation=voyage]) .voyage-aim:before{content:"";border:1.5px solid var(--color-solar);width:14px;height:14px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}:where([data-simulation=voyage]) .voyage-aim[data-off]:before{border-width:1.5px 1.5px 0 0;width:16px;height:16px;translate:-70% -50%}:where([data-simulation=voyage]) .voyage-aim-tag{font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;color:var(--color-solar);margin-top:6px;font-size:11px;position:absolute;top:100%;left:50%;translate:-50%}:where([data-simulation=voyage]) .voyage-aim[data-off] .voyage-aim-tag{display:none}:where([data-simulation=voyage]) .voyage-scanner{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));width:240px;height:150px;position:absolute;translate:-50%}@media not all and (min-width:48rem) and (min-height:30rem) and ((min-height:40rem) or (not (pointer:coarse))){:where([data-simulation=voyage]) .voyage-scanner{display:none}}:where([data-simulation=voyage]) .voyage-burn{background:radial-gradient(ellipse 70% 40% at 50% 115%, color-mix(in srgb, rgb(var(--scene-solar)) 22%, transparent), transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-burn{background:radial-gradient(ellipse 70% 40% at 50% 115%, color-mix(in oklab, var(--color-solar) 22%, transparent), transparent 70%)}}:where([data-simulation=voyage]) .voyage-burn{opacity:0;transition:opacity var(--transition-duration-control) var(--ease-standard)}:where([data-simulation=voyage]) .voyage-cockpit[data-burn] .voyage-burn{opacity:1}:where([data-simulation=voyage]) .voyage-cockpit[data-burn=brake] .voyage-burn{background:radial-gradient(ellipse 70% 38% at 50% -12%, color-mix(in srgb, rgb(var(--scene-solar)) 20%, transparent), transparent 70%)}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-cockpit[data-burn=brake] .voyage-burn{background:radial-gradient(ellipse 70% 38% at 50% -12%, color-mix(in oklab, var(--color-solar) 20%, transparent), transparent 70%)}}@property --voyage-glint{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes voyage-flip{0%{opacity:0;--voyage-glint:-120deg}18%,78%{opacity:1}to{opacity:0;--voyage-glint:60deg}}:where([data-simulation=voyage]) .voyage-canopy:after{content:"";opacity:0;background:conic-gradient(from var(--voyage-glint), transparent, #fff6e429 10deg, #fff6e40d 28deg, transparent 56deg);pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(72% 72% at 50% 48%,#0000 45%,#000 100%);mask:radial-gradient(72% 72% at 50% 48%,#0000 45%,#000 100%)}@media (prefers-reduced-motion:no-preference){:where([data-simulation=voyage]) .voyage-cockpit[data-flip] .voyage-canopy:after{animation:1.4s cubic-bezier(.45,0,.55,1) forwards voyage-flip}}@keyframes voyage-alarm{0%,to{opacity:1}50%{opacity:.35}}@keyframes voyage-blink{50%{opacity:.15}}:where([data-simulation=voyage]) .voyage-alarm{background:radial-gradient(120% 100% at 50% 55%,#0000 45%,#c45b4a61 100%);display:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-alarm{background:radial-gradient(ellipse 120% 100% at 50% 55%, transparent 45%, color-mix(in oklab, var(--color-danger) 38%, transparent) 100%)}}:where([data-simulation=voyage]) .voyage-alarm{opacity:.6}:where([data-simulation=voyage]) .voyage-cockpit[data-crash] .voyage-alarm{display:block}@keyframes voyage-impact{0%,to{opacity:0}10%{opacity:var(--impact-flash)}}:where([data-simulation=voyage]) .voyage-alarm:before{content:"";background:var(--color-danger);opacity:0;--impact-flash:.55;position:absolute;inset:0}:where([data-simulation=voyage]) .voyage-cockpit[data-feel][data-crash] .voyage-alarm:before{animation:.39s cubic-bezier(.2,.7,.3,1) forwards voyage-impact}@media (prefers-reduced-motion:reduce){:where([data-simulation=voyage]) .voyage-alarm:before{--impact-flash:.45}}:where([data-simulation=voyage]) .voyage-hud[data-crashed]{opacity:.3;transition:opacity var(--transition-duration-reveal) var(--ease-standard)}:where([data-simulation=voyage]) .voyage-holo-danger{--holo-line:#c45b4abf}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo-danger{--holo-line:color-mix(in oklab, var(--color-danger) 75%, transparent)}}:where([data-simulation=voyage]) .voyage-holo-danger{box-shadow:inset 0 0 0 1px #c45b4a2e,0 0 36px -8px #c45b4a73}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-holo-danger{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-danger) 18%, transparent), 0 0 36px -8px color-mix(in oklab, var(--color-danger) 45%, transparent)}}:where([data-simulation=voyage]) .voyage-crash-title{color:var(--color-danger);text-shadow:0 0 18px #c45b4a8c}@supports (color:color-mix(in lab, red, red)){:where([data-simulation=voyage]) .voyage-crash-title{text-shadow:0 0 18px color-mix(in oklab, var(--color-danger) 55%, transparent)}}@media (prefers-reduced-motion:no-preference){:where([data-simulation=voyage]) .voyage-cockpit[data-crash] .voyage-alarm{animation:1.6s ease-in-out infinite voyage-alarm}:where([data-simulation=voyage]) .voyage-blink{animation:1s step-end infinite voyage-blink}}