*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#050a16;color:#fff8e9;font:16px/1.5 Arial,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #91e9ff;outline-offset:5px}[hidden]{display:none!important}.scene{position:fixed;inset:0;overflow:hidden;z-index:-1}.scene #scenery{width:100%;height:100%;background-image:url(/hubverse-transportation-hero.png);background-size:auto 269.474%;background-position:100% 10.87%;background-repeat:no-repeat;transform:scale(1.1);animation:idle 20s ease-in-out infinite alternate;filter:saturate(1.12)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.9),rgba(3,8,20,.15)),linear-gradient(0deg,#050a16 0%,transparent 45%,rgba(3,8,20,.35))}.light{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 40%,#f6cf7030 50%,transparent 60%);animation:light 10s linear infinite;pointer-events:none}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 5vw;font-size:14px;letter-spacing:.05em}header span{font-weight:bold}header b{color:#e7c67a;margin-left:14px;font-size:12px}header button,.controls button,#replay{border:1px solid #ffffff60;background:#061021c9;color:white;border-radius:30px;padding:11px 18px;min-height:46px}main{max-width:1500px;margin:auto;padding:5vh 7vw 24px}.eyebrow{color:#eed28b;font-size:14px;letter-spacing:.15em}h1{font:clamp(44px,7vw,94px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:22px 0;max-width:800px;text-shadow:0 4px 24px #0008}.intro{font-size:clamp(17px,2vw,22px);max-width:600px;color:#f0f1f4;text-shadow:0 2px 12px #000}.rides{display:flex;gap:14px;margin:30px 0;max-width:710px}.rides button{text-align:left;flex:1;padding:24px;background:#08182bdb;border:1px solid #9b8b6866;color:white;border-radius:18px;backdrop-filter:blur(14px);transition:transform .25s,border-color .25s}.rides button:hover{transform:translateY(-5px);border-color:#f4d889}.rides span{display:block;font-size:12px;letter-spacing:.1em;color:#e2c67b}.rides strong{display:block;font-size:26px;margin:9px 0}.rides small{font-size:15px;color:#c4d4e5}.direct{display:block;text-decoration:underline;text-underline-offset:5px;margin:20px 0;max-width:max-content}.quiet,footer{font-size:14px;color:#d1d7df}.quiet{max-width:620px}footer{padding:12px 7vw 24px}.flightline{display:flex;gap:30px;color:#eed28b;letter-spacing:.12em;font-size:14px}.window{height:24vh;min-height:150px;position:relative;max-width:950px}.window #movingLabel{position:absolute;bottom:10px;color:#f2d58c;font-size:14px;letter-spacing:.2em}#signal{position:absolute;left:65%;top:10%;display:flex;flex-direction:column;align-items:center;color:#0c1120;background:#f4d486;border:2px solid #fff0c2;border-radius:16px;padding:12px 20px;min-width:150px;box-shadow:0 0 50px #ffcf6966;animation:beacon 2.5s ease-in-out infinite alternate}#signal span{font-size:34px}#signal small{font-size:14px}#signal b{font-size:17px}.progress{height:5px;background:#ffffff35;max-width:650px;margin:20px 0}#bar{height:100%;width:0;background:#e7c67a;transition:width .15s linear}.controls{display:flex;gap:12px;flex-wrap:wrap}#travel h1{font-size:clamp(38px,5vw,70px)}#stamp{border:1px solid #dcb969;background:#0b1225df;border-radius:12px;padding:18px 28px;max-width:330px;margin:20px 0;transform:rotate(-2deg)}#stamp span{font-size:12px;letter-spacing:.15em;color:#edc97b}#stamp strong{font:26px/1.2 Georgia,serif;display:block;margin:10px 0;color:#ffe2a0}#stamp p{font-size:14px;margin:0;color:#d1d7df}.primary{display:inline-block;background:#eacb81;color:#12182b;font-weight:bold;border-radius:40px;padding:17px 25px;margin:12px 14px 12px 0}body[data-ride=air] .scene #scenery{animation:air 7s ease-in-out infinite alternate}body[data-ride=train] .scene #scenery{animation:train 9s linear infinite alternate}body.arrived .scene #scenery{background-size:cover;background-position:center;animation:idle 20s ease-in-out infinite alternate}body.paused *,body.still *{animation-play-state:paused!important}body.still .scene #scenery{transform:none}body.still *{transition:none!important}.nojs{padding:24px;background:#071527}.nojs a{text-decoration:underline}@keyframes idle{from{transform:scale(1.05)}to{transform:scale(1.13)}}@keyframes air{from{transform:scale(1.13) translate(-2%,2%)}to{transform:scale(1.36) translate(3%,-4%)}}@keyframes train{from{transform:scale(1.22) translateX(7%)}to{transform:scale(1.22) translateX(-7%)}}@keyframes light{from{transform:translateX(-40%)}to{transform:translateX(40%)}}@keyframes beacon{from{transform:translateY(-5px);box-shadow:0 0 20px #ffcf6955}to{transform:translateY(5px);box-shadow:0 0 60px #ffcf69aa}}@media(max-width:640px){header{padding:15px 18px;font-size:13px;flex-wrap:wrap}header span{order:-1;width:100%}header b{font-size:12px}main{padding:3vh 22px 20px}.scene #scenery{background-position:65% 10.87%}.shade{background:linear-gradient(0deg,#050a16 3%,#050a1699 58%,#050a1644)}h1{font-size:50px}.rides{flex-direction:column;gap:10px;margin:24px 0}.rides button{padding:16px 20px}.rides strong{font-size:24px;margin:4px 0}.window{height:24vh;min-height:150px}#signal{left:auto;right:5%;top:5%}.flightline{font-size:12px;justify-content:space-between;gap:8px}.controls{gap:8px}.controls button{font-size:14px;padding:10px 13px}footer{padding:12px 22px 24px}.primary{font-size:16px}#replay{margin-top:8px}}