.spaceport-panel{display:none;--cargo:#8ae9ff;--echo-time:2s}
.speedtest-bench[data-style=spaceport] .spaceport-panel{display:block;margin:24px 0;padding:24px;border:1px solid #718aa5;border-radius:20px;background:linear-gradient(140deg,#202c43,#101728);color:#e4f0ff;box-shadow:inset 0 0 50px #081020}
.speedtest-bench[data-style=spaceport] :is(.speedtest-instruments,.bloat-instrument){display:none}.speedtest-bench[data-style=spaceport] .bloat-panel{grid-template-columns:1fr}
.spaceport-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.spaceport-heading p{font:700 .6rem ui-monospace,monospace;letter-spacing:.18em;color:#a0c8e4!important;margin:0 0 8px!important}.spaceport-heading h2{font:500 clamp(1.35rem,3vw,2.15rem)/1.2 Georgia,serif;color:#edf7ff!important;margin:0!important}.spaceport-badge{font:700 .6rem ui-monospace,monospace;letter-spacing:.1em;padding:9px;border:1px solid #526b87;border-radius:4px;color:#a6dfef}.spaceport-status{color:#bdd0e6!important;font-size:.8rem!important;min-height:1.5em}
.spaceport-window{border:1px solid #526b87;border-radius:18px;overflow:hidden;background:#091225}.spaceport-scene{display:block;width:100%;height:auto}.spaceport-download{--cargo:#79e5ff}.spaceport-upload{--cargo:#c3a1ff}.spaceport-lane-line{fill:none;stroke:var(--cargo);stroke-width:2;stroke-dasharray:7 16;opacity:.35}.spaceport-lane-title{fill:var(--cargo);font:700 20px ui-monospace,monospace;letter-spacing:3px}.spaceport-small{fill:#aac6dc;font:500 10px ui-monospace,monospace;letter-spacing:1px}.spaceport-lane[data-hot=true]{filter:drop-shadow(0 0 7px #ff9c39)}.spaceport-exhaust{opacity:.8;filter:drop-shadow(0 0 5px var(--cargo))}.spaceport-gate-core{opacity:.08;transition:opacity .8s}.spaceport-gate-swirl{opacity:.15;transform-origin:550px 260px;animation:spaceport-spin 9s linear infinite}.spaceport-gate-word{fill:#daedff;font:600 16px ui-monospace,monospace;letter-spacing:2px}.spaceport-gate-status{fill:#88a6c6;font:600 12px ui-monospace,monospace;letter-spacing:3px}.spaceport-panel[data-overdrive=true] .spaceport-gate-core{opacity:.9}.spaceport-panel[data-overdrive=true] .spaceport-gate-swirl{opacity:.9;animation-duration:2.5s;filter:drop-shadow(0 0 8px #81eaff)}.spaceport-panel[data-overdrive=true] .spaceport-gate-segment{fill:#b5eaff;filter:drop-shadow(0 0 6px #88cfff)}.spaceport-panel[data-overdrive=true] .spaceport-gate-status{fill:#f5f3ff}
.spaceport-echo-ring{transform-origin:170px 473px;animation:spaceport-echo var(--echo-time) ease-out infinite}.spaceport-dock-lights{animation:spaceport-beacon 1.8s ease-in-out infinite alternate}.spaceport-panel[data-motion=false] :is(.spaceport-echo-ring,.spaceport-gate-swirl,.spaceport-dock-lights){animation-play-state:paused}
.spaceport-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.spaceport-readings>div{border:1px solid #536b85;border-radius:8px;padding:15px 12px;background:#0c1729;min-width:0}.spaceport-readings dt{font:700 .6rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#abc6df}.spaceport-readings dd{margin:8px 0 0;font:500 clamp(1.1rem,2.1vw,1.7rem) Georgia,serif;color:#e4f0ff;overflow-wrap:anywhere}.spaceport-readings small{font:500 .6rem ui-monospace,monospace;color:#a5c1da;white-space:nowrap}.spaceport-readings [data-hot=true]{border-color:#ffb55f;box-shadow:inset 0 0 20px #ff8c1722,0 0 12px #ff8c1722}
.spaceport-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#bbcfe3}.spaceport-controls label{display:flex;gap:8px;align-items:center}.spaceport-controls input{width:auto;margin:0}.spaceport-controls span{font-size:.65rem;color:#9bb6cf}.spaceport-controls [hidden]{display:none}.spaceport-panel .spaceport-note{font-size:.7rem;line-height:1.6;color:#a9bfd5!important;margin:16px 0 0}
@keyframes spaceport-spin{to{transform:rotate(360deg)}}@keyframes spaceport-echo{from{transform:scale(.1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes spaceport-beacon{to{opacity:.45}}
@media(max-width:650px){.speedtest-bench[data-style=spaceport] .spaceport-panel{padding:15px 9px}.spaceport-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spaceport-controls{gap:10px}.spaceport-heading p{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.spaceport-panel *{animation:none!important;transition:none!important}}

.spaceport-warp{opacity:0;transform-origin:550px 260px;pointer-events:none;filter:drop-shadow(0 0 4px #79dfff);stroke-linecap:round}