:root{--ink: #06121c;--paper: #f4efe6;--accent: #ff5a3c;--accent-dim: #ff8a70;--rule: rgba(244, 239, 230, .18);--panel-bg: rgba(8, 20, 30, .42);--panel-border: rgba(244, 239, 230, .16);--panel-blur: 14px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#06121c;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%}#app>canvas{display:block;width:100%;height:100%}#app>canvas{opacity:0;transition:opacity .9s ease}body.is-ready #app>canvas{opacity:1}#app:before{content:"Building the birdªnd the bicycle…";white-space:pre;position:absolute;inset:0;z-index:50;display:grid;place-content:center;text-align:center;font-family:var(--display);font-size:clamp(1.1rem,2.4vw,1.8rem);line-height:1.5;color:#f4efe6b8;background:radial-gradient(circle at 50% 45%,#0d2438,#06121c 70%);transition:opacity .7s ease,visibility .7s}body.is-ready #app:before{opacity:0;visibility:hidden}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;padding:clamp(16px,2.4vw,30px);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:12px;transition:opacity .32s ease}.hud.is-hidden{opacity:0}.hud>*{pointer-events:auto}.hud__title,.hud__telemetry,.hud__controls{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(var(--panel-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(1.3);border-radius:3px}.hud__title{grid-column:1;grid-row:1;justify-self:start;padding:clamp(14px,1.6vw,20px) clamp(18px,2vw,26px);max-width:min(30rem,60vw);animation:slide-in .82s cubic-bezier(.2,.8,.2,1) both}.hud__title h1{margin:0;font-family:var(--display);font-size:clamp(1.35rem,2.8vw,2.3rem);font-weight:400;line-height:1.05;letter-spacing:-.015em}.hud__title h1 span{display:block;font-style:italic;color:var(--accent);margin-left:-.045em}.hud__title p{margin:.7em 0 0;max-width:34ch;font-size:clamp(.72rem,1.05vw,.82rem);line-height:1.55;color:#f4efe69e}.hud__telemetry{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end;padding:18px 20px;min-width:13.5rem;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;animation:slide-in-right .9s cubic-bezier(.2,.8,.2,1) both}.stat{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px}.stat--small{grid-column:span 1;grid-template-columns:1fr;gap:2px}.stat label{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#f4efe67a}.stat output{font-family:var(--mono);font-size:1.85rem;font-variant-numeric:tabular-nums;line-height:1;color:var(--paper);min-width:3.6ch;text-align:right}.stat--small output{font-size:1.1rem;text-align:left;color:#f4efe6e6}.stat i{font-style:normal;font-size:.66rem;letter-spacing:.06em;color:#f4efe673}.gauge{grid-column:1 / -1;position:relative;height:9px;margin-top:2px;border-radius:99px;background:#f4efe61a;overflow:hidden}.gauge span{position:absolute;inset:0;border-radius:99px;background:conic-gradient(from 180deg,var(--accent) 0deg,var(--accent) 0deg,transparent 0deg);transition:background 90ms linear}.hud__controls{grid-column:1 / -1;grid-row:3;justify-self:start;padding:12px 18px;animation:slide-in .9s .12s cubic-bezier(.2,.8,.2,1) both}.hud__controls dl{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;align-items:baseline}.hud__controls dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;color:var(--accent-dim)}.hud__controls dd{margin:0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#f4efe673}.hud__message{position:absolute;left:50%;bottom:clamp(28px,6vh,64px);transform:translate(-50%,12px);padding:10px 22px;border-radius:99px;background:#08141e9e;border:1px solid var(--panel-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.78rem;letter-spacing:.03em;color:#f4efe6d9;opacity:0;transition:opacity .32s ease,transform .32s ease;pointer-events:none;white-space:nowrap}.hud__message.is-visible{opacity:1;transform:translate(-50%)}@keyframes slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hud__title,.hud__telemetry,.hud__controls{animation:none;opacity:1}}@media (max-width: 720px){.hud{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.hud__telemetry{grid-column:1;grid-row:3;justify-self:stretch;grid-template-columns:repeat(3,1fr);padding:12px 14px;gap:10px}.stat,.gauge{grid-column:span 3}.hud__controls{grid-row:4}.hud__title p{display:none}}