@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#f8f3e8;background:#173e3a;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,a{color:inherit;font:inherit}button{border:0}#app{position:relative;isolation:isolate;background:#173e3a}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:86px;padding:0 4.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);pointer-events:none}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;text-decoration:none;font-size:12px;letter-spacing:.17em;font-weight:700;pointer-events:auto}.brand b{color:#ff6542}.brand-mark{position:relative;width:27px;height:27px;display:grid;place-content:center;gap:3px;transform:rotate(-12deg)}.brand-mark:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.75);border-radius:50%}.brand-mark i{width:13px;height:2px;display:block;background:#ff6542;border-radius:2px}.brand-mark i:nth-child(2){width:9px}.event{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.13em;color:#ffffffb8}.event b{color:#fff;font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#ff6542;box-shadow:0 0 0 5px #ff65421f;animation:pulse 1.8s ease-in-out infinite}.camera-button{justify-self:end;padding:10px 0;background:transparent;font:500 10px DM Mono,monospace;letter-spacing:.12em;cursor:pointer;pointer-events:auto;border-bottom:1px solid rgba(255,255,255,.7);transition:color .2s}.camera-button:hover{color:#ffbda5}.camera-button span{margin-left:12px;color:#ff6542}.hero{position:absolute;z-index:4;left:4.2vw;top:19%;width:min(450px,36vw);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 22px;font:500 10px DM Mono,monospace;letter-spacing:.18em;color:#ffffffb3}.eyebrow span{display:grid;place-content:center;width:27px;height:27px;color:#1f2825;background:#ffb445;border-radius:50%;font-size:9px;font-weight:700}h1{margin:0;font-size:clamp(45px,5.3vw,86px);line-height:.91;letter-spacing:-.065em;font-weight:600;text-wrap:nowrap;text-shadow:0 2px 30px rgba(2,18,16,.18)}h1 em{color:#ffb445;font-family:Playfair Display,Georgia,serif;font-weight:600}.intro{width:340px;max-width:100%;margin:27px 0 30px;font-size:12px;line-height:1.8;color:#ffffffad}.primary-button{pointer-events:auto;display:flex;align-items:center;gap:13px;min-width:157px;height:44px;padding:0 18px;border-radius:2px;background:#f6f0e3;color:#193b37;font:700 10px DM Mono,monospace;letter-spacing:.1em;cursor:pointer;box-shadow:0 8px 25px #0516132e;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#ffb445}.primary-button i{width:7px;height:7px;border-radius:50%;background:#ff6542}.primary-button.paused i{background:#173e3a}.telemetry{position:absolute;z-index:4;right:4.2vw;top:25%;width:185px;padding:17px 18px 14px;border-top:1px solid rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,#0f312d4d,#0f312d0f);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.telemetry-title{display:flex;justify-content:space-between;padding-bottom:13px;font:500 8px DM Mono,monospace;letter-spacing:.13em;color:#ffffff9e}.telemetry-title b{color:#ffb445}.metric.speed{display:flex;align-items:end;gap:7px}.metric.speed span{font:500 48px/1 DM Mono,monospace;letter-spacing:-.08em}.metric.speed small{padding-bottom:6px;font:500 8px DM Mono,monospace;color:#ffffff8c}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.metric-row p{margin:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.16)}.metric-row span,.metric-row b{display:block;font:500 7px DM Mono,monospace;letter-spacing:.1em}.metric-row span{margin-bottom:5px;color:#ffffff73}.metric-row b{font-size:12px;color:#ffb445}.signal{display:flex;align-items:end;gap:3px;margin-top:15px;color:#ffffff80;font:500 6px DM Mono,monospace;letter-spacing:.05em}.signal span{margin-right:auto}.signal i{width:2px;background:#ff6542}.signal i:nth-of-type(1),.signal i:nth-of-type(5){height:4px}.signal i:nth-of-type(2),.signal i:nth-of-type(4){height:7px}.signal i:nth-of-type(3){height:10px}.signal b{margin-left:5px;color:#ffb445}.course-status{position:absolute;z-index:4;left:4.2vw;bottom:5.2vh;display:flex;align-items:center;gap:17px}.gate-count{display:flex;align-items:baseline}.gate-count span{font:400 32px DM Mono,monospace;color:#ffb445}.gate-count small{font:400 9px DM Mono,monospace;color:#ffffff6b}.gate-copy{width:180px}.gate-copy span,.gate-copy b{display:block;font:500 7px DM Mono,monospace;letter-spacing:.15em}.gate-copy span{margin-bottom:5px;color:#ffffff73}.gate-copy b{font-size:9px}.gate-copy div{height:2px;margin-top:9px;background:#ffffff2e}.gate-copy i{display:block;width:20%;height:100%;background:#ff6542;transition:width .15s linear}.footer-note{position:absolute;z-index:4;left:50%;bottom:5.6vh;transform:translate(-50%);font:500 7px DM Mono,monospace;letter-spacing:.17em;color:#fff6}.footer-note span{color:#ffffffbf}.coordinates{position:absolute;z-index:4;right:4.2vw;bottom:5.2vh;text-align:right;font:400 7px/1.8 DM Mono,monospace;letter-spacing:.12em;color:#ffffff6b}.grain,.vignette{position:absolute;z-index:3;inset:0;pointer-events:none}.grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.vignette{background:radial-gradient(circle at 57% 47%,transparent 35%,rgba(3,30,27,.13) 75%,rgba(2,21,19,.34) 110%)}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 0 8px #ff654200}}@media(max-width:900px){.topbar{grid-template-columns:1fr 1fr;padding:0 24px}.event{display:none}.hero{left:24px;top:16%;width:min(510px,80vw)}.intro{font-size:11px;width:300px}.telemetry{right:24px;top:auto;bottom:40px;transform:scale(.85);transform-origin:bottom right}.course-status{left:24px;bottom:36px}.footer-note,.coordinates{display:none}}@media(max-width:600px){.topbar{height:66px;padding:0 17px}.camera-button{font-size:0}.camera-button span{font-size:13px;margin:0}.hero{left:17px;top:13%;width:calc(100vw - 34px)}h1{font-size:clamp(42px,14.5vw,67px);text-wrap:wrap}.intro{margin-top:17px;line-height:1.55;width:75vw}.telemetry{display:none}.course-status{left:17px;bottom:25px}.eyebrow{margin-bottom:14px}}