:root{color:#f5efe4;background:#b9c6c5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{min-width:320px;background:linear-gradient(180deg,#b8d6dc,#9eb8b3 44%,#314331)}button{font:inherit}.experience{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;min-height:100dvh;isolation:isolate;background:radial-gradient(circle at 70% 20%,rgba(244,155,77,.2),transparent 34%),linear-gradient(180deg,#0d1b26,#071017)}.experience:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,#eff6f2bd,#eff6f257,#eff6f200 56%),linear-gradient(180deg,#fffbf029,#fffbf000 46%)}.viewport{position:absolute;top:-12vh;right:0;bottom:-12vh;left:0}.viewport canvas{cursor:grab;touch-action:none}.viewport canvas.is-dragging{cursor:grabbing}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px,5px 5px}.hud{position:absolute;top:clamp(30px,5.5vh,72px);left:clamp(18px,5vw,74px);z-index:5;width:min(620px,calc(100vw - 36px));padding-left:clamp(13px,1vw,18px);pointer-events:none;border-left:1px solid rgba(185,88,43,.72);text-shadow:none;animation:title-in .9s cubic-bezier(.22,1,.36,1) .16s both}.kicker{margin:0 0 10px;color:#a75a2e;font-size:clamp(.62rem,1vw,.72rem);font-weight:820;letter-spacing:.19em;text-transform:uppercase}h1{max-width:11.2ch;margin:0;color:#182324e6;font-size:clamp(2.9rem,6.1vw,5.8rem);font-weight:780;line-height:.91;letter-spacing:0}.caption{max-width:29ch;margin:clamp(14px,1.8vw,20px) 0 0;color:#1e2b2abd;font-size:clamp(.94rem,1.45vw,1.04rem);font-weight:470;line-height:1.5}.flight-controls{position:absolute;top:clamp(24px,4.5vh,58px);right:clamp(18px,4vw,64px);z-index:6;isolation:isolate;width:min(340px,calc(100vw - 36px));padding:15px;overflow:hidden;color:#fff8ea;background:linear-gradient(145deg,#243739eb,#081215db 58%,#050c0ff0),radial-gradient(circle at 18% 0%,rgba(255,236,190,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(95,184,190,.12),transparent 44%);border:1px solid rgba(255,255,255,.24);border-radius:8px;box-shadow:0 26px 90px #0000006b,inset 0 1px #ffffff47,inset 0 -1px #ffffff12;backdrop-filter:blur(20px) saturate(130%) contrast(112%);-webkit-backdrop-filter:blur(20px) saturate(130%) contrast(112%);animation:readout-in 1s cubic-bezier(.22,1,.36,1) .55s both}.flight-controls:before,.flight-controls:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:""}.flight-controls:before{background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 30%);border-radius:inherit;-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%)}.flight-controls:after{top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,255,255,.12);border-radius:7px;box-shadow:inset 10px 0 24px #ffffff09,inset -14px -16px 32px #00000047}.mode-switch,.control-list{position:relative;z-index:1}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:14px;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:6px;box-shadow:inset 0 1px #ffffff2e,0 12px 26px #0000001f}.mode-switch button{min-width:0;padding:10px 12px;color:#fff9ebc7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:linear-gradient(180deg,#ffffff17,#01090c6b),#040a0d7a;border:0;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.mode-switch button:hover{color:#fff7e8;background:linear-gradient(180deg,#ffffff29,#203d4075),#28444680}.mode-switch button.is-active{color:#1b251f;background:linear-gradient(180deg,#fffbe2e0,#ebbd69db),#f2c778;box-shadow:inset 0 1px #ffffffad,inset 0 -1px #6f481638}.control-list{display:grid;gap:8px;margin:0}.control-list div{display:grid;grid-template-columns:minmax(95px,.72fr) minmax(0,1fr);align-items:baseline;gap:10px;min-height:28px;padding:2px 0 8px;border-bottom:1px solid rgba(255,255,255,.1)}.control-list div:last-child{padding-bottom:0;border-bottom:0}.control-list dt{color:#fff7e8;font-size:clamp(.88rem,1.5vw,1rem);font-weight:850;text-shadow:0 1px 8px rgba(0,0,0,.35)}.control-list dd{min-width:0;margin:0;color:#fff9ebe6;font-size:clamp(.86rem,1.5vw,.98rem);line-height:1.7}kbd{display:inline-grid;min-width:1.55em;height:1.55em;place-items:center;padding:0 .42em;color:#fff8ea;font:inherit;font-weight:750;line-height:1;background:linear-gradient(180deg,#ffffff2e,#ffffff0e),#0b181b9e;border:1px solid rgba(255,255,255,.28);border-radius:4px;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000042,0 2px 8px #0000001f}kbd.is-active{color:#1b251f;background:linear-gradient(180deg,#fffbe2e6,#ebbd69db),#f2c778;border-color:#ffffff52}.readout{position:absolute;right:clamp(18px,4vw,64px);bottom:clamp(54px,9vh,82px);z-index:6;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));width:min(456px,calc(100vw - 36px));overflow:hidden;color:#fff8ea;background:linear-gradient(135deg,#1c3438e6,#071012d1 58%,#04090be6),radial-gradient(circle at 10% 0%,rgba(255,213,136,.16),transparent 36%),radial-gradient(circle at 86% 100%,rgba(84,172,184,.13),transparent 42%);border:1px solid rgba(255,248,224,.22);border-radius:8px;box-shadow:0 20px 64px #00000057,inset 0 1px #fff3,inset 0 -1px #ffffff0f;backdrop-filter:blur(18px) saturate(128%) contrast(108%);-webkit-backdrop-filter:blur(18px) saturate(128%) contrast(108%);animation:readout-in 1s cubic-bezier(.22,1,.36,1) 1s both}.readout:before,.readout:after{position:absolute;pointer-events:none;content:""}.readout:before{top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(244,184,95,.62),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%);-webkit-mask-image:linear-gradient(#000 0 2px,transparent 2px);mask-image:linear-gradient(#000 0 2px,transparent 2px)}.readout:after{top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,255,255,.08);border-radius:7px;box-shadow:inset 12px 0 26px #ffffff09}.readout-cell{position:relative;min-width:0;padding:11px 16px 12px}.readout-cell+.readout-cell{border-left:1px solid rgba(255,255,255,.12)}.readout-cell:first-child:before{position:absolute;top:50%;left:10px;width:5px;height:26px;content:"";background:linear-gradient(180deg,#f7d18b,#5db9bd);border-radius:999px;box-shadow:0 0 18px #74cecd47;transform:translateY(-50%)}.readout-cell:first-child{padding-left:24px}.readout span{display:block;overflow:hidden;color:#ffdea2b3;font-size:.64rem;font-weight:800;letter-spacing:.11em;line-height:1.15;text-shadow:0 1px 8px rgba(0,0,0,.35);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.readout strong{display:block;margin-top:5px;overflow:hidden;color:#fff8ea;font-size:clamp(.94rem,1.8vw,1.12rem);font-weight:760;line-height:1.12;text-shadow:0 1px 2px rgba(0,0,0,.24),0 10px 28px rgba(0,0,0,.28);text-overflow:ellipsis;white-space:nowrap}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:24px;color:#fff8ebb8;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#071017}@keyframes title-in{0%{opacity:0;transform:translate3d(-24px,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes readout-in{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:760px){.hud{top:clamp(52px,9vh,78px);width:min(350px,calc(100vw - 36px))}.caption{max-width:28ch}.flight-controls{top:auto;right:auto;bottom:clamp(88px,12vh,110px);left:18px;width:min(268px,calc(100vw - 36px));padding:12px;background:linear-gradient(145deg,#243739f0,#081215e0 58%,#050c0ff0),radial-gradient(circle at 22% 0%,rgba(255,236,190,.12),transparent 40%),#1a2d30db}.mode-switch button{padding:9px 8px;font-size:.68rem}.control-list{gap:7px}.control-list div{grid-template-columns:minmax(86px,.68fr) minmax(0,1fr);gap:8px}.control-list dt,.control-list dd{font-size:.82rem}.readout{display:none}}