:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#f4efe3;background:#0d1020;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;image-rendering:pixelated}.hud{position:fixed;inset:0;z-index:2;pointer-events:none;padding:18px;background:radial-gradient(circle at center,transparent 45%,rgba(16,14,40,.22) 100%)}.hud__title{width:fit-content;max-width:min(520px,calc(100vw - 36px));padding:12px 14px;border:1px solid rgba(244,239,227,.25);background:#07091470;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 24px #b98cff29}.hud h1{margin:0 0 6px;font-size:14px;letter-spacing:.16em;text-transform:uppercase}.hud p{margin:0;font-size:12px;line-height:1.45;color:#f4efe3c7}.hud__sleep,.hud__stamina{width:188px;padding:8px 10px 9px;border:1px solid rgba(244,239,227,.2);background:#07091461}.hud__sleep{margin-top:10px;box-shadow:0 0 18px #ff30471a}.hud__stamina{margin-top:6px;box-shadow:0 0 18px #45e6b81a}.hud__sleep-row,.hud__stamina-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px;color:#f4efe3b8;text-transform:uppercase}.hud__sleep-status,.hud__stamina-status{color:#ffbec2cc;text-align:right;white-space:nowrap}.hud__stamina-status{color:#b1f4dad1}.hud__sleep-track,.hud__stamina-track{width:100%;height:8px;border:1px solid rgba(255,220,224,.28);background:#26030aa3}.hud__stamina-track{border-color:#c3ffe242;background:#0420189e}.hud__sleep-fill,.hud__stamina-fill{width:100%;height:100%;transition:width .22s linear}.hud__sleep-fill{background:linear-gradient(90deg,#8f001c,#ff334d 68%,#ff7a84);box-shadow:0 0 10px #ff3a4c6b}.hud__stamina-fill{background:linear-gradient(90deg,#2fa96f,#46e1c4 65%,#c8f26b);box-shadow:0 0 10px #46e1c457}.hud__flight{position:fixed;top:18px;right:18px;width:188px;padding:8px 10px 9px;border:1px solid rgba(244,239,227,.2);background:#07091461;box-shadow:0 0 18px #46e1c41f}.hud__flight-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:11px;color:#f4efe3b8;text-transform:uppercase}.hud__flight-track{width:100%;height:7px;margin-bottom:8px;border:1px solid rgba(216,251,255,.24);background:#03182a9e}.hud__flight-fill{width:0;height:100%;transition:width .16s linear}.hud__flight-fill--gas{background:linear-gradient(90deg,#ff7a84,#ffb15e 58%,#f1ec72);box-shadow:0 0 10px #ffb15e57}.hud__flight-fill--throttle{background:linear-gradient(90deg,#46e1c4,#7d62ff);box-shadow:0 0 10px #46e1c457}.hud__flight-altitude{font-size:11px;color:#d8fbffc7;text-transform:uppercase}.hud__badge{position:fixed;right:18px;bottom:18px;padding:8px 10px;border:1px solid rgba(244,239,227,.2);background:#07091461;font-size:11px;color:#f4efe3a8}.hud__look{position:fixed;left:18px;bottom:18px;min-width:96px;padding:8px 10px;border:1px solid rgba(244,239,227,.2);background:#07091461;font-size:11px;color:#f4efe3a8;text-transform:uppercase}.hud__look:empty{display:none}.telescope-scope{position:fixed;inset:0;z-index:2;display:none;pointer-events:none;background:linear-gradient(#82ffea2e,#82ffea2e) center / 2px 100% no-repeat,linear-gradient(90deg,#82ffea29,#82ffea29) center / 100% 2px no-repeat,radial-gradient(circle at center,transparent 0 35%,rgba(5,7,18,.46) 36% 52%,rgba(5,7,18,.82) 68%)}.telescope-scope--active{display:block}.telescope-scope__ring{position:absolute;left:50%;top:50%;width:min(68vw,68vh);aspect-ratio:1;border:2px solid rgba(130,255,234,.42);box-shadow:0 0 0 8px #07091429,0 0 28px #82ffea29;transform:translate(-50%,-50%)}.telescope-scope__cross{position:absolute;left:50%;top:50%;background:#ffd36a6b;transform:translate(-50%,-50%)}.telescope-scope__cross--vertical{width:2px;height:min(30vw,30vh)}.telescope-scope__cross--horizontal{width:min(30vw,30vh);height:2px}.hud__prompt{position:fixed;left:50%;bottom:58px;transform:translate(-50%);min-width:0;max-width:min(280px,calc(100vw - 36px));padding:8px 11px;border:1px solid rgba(244,239,227,.2);background:#0709146b;color:#f4efe3b8;font-size:11px;text-align:center;text-transform:uppercase}.hud__prompt:empty{display:none}.eyelids{--eyelid-cover: 0%;position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .18s ease}.eyelids--active{opacity:1}.eyelid{position:absolute;left:-6vw;width:112vw;height:var(--eyelid-cover);background:#010104;box-shadow:0 0 18px #010104c7;transition:height .12s linear}.eyelid--top{top:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),78% 100%,52% calc(100% - 5px),24% 100%,0 calc(100% - 8px));border-bottom-left-radius:48% 18px;border-bottom-right-radius:52% 15px}.eyelid--bottom{bottom:0;clip-path:polygon(0 8px,22% 0,48% 5px,76% 0,100% 10px,100% 100%,0 100%);border-top-left-radius:52% 15px;border-top-right-radius:48% 18px}.blackout{position:fixed;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:#010104;opacity:0;transition:opacity 1.35s ease}.blackout--visible{opacity:1}.blackout__message{font-size:12px;color:#ffdee0b8;letter-spacing:.18em;text-transform:uppercase}.underwater{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#1ecedc2e,#123da047),repeating-linear-gradient(0deg,#a9fff414 0 4px,#091f690a 4px 12px);mix-blend-mode:screen;opacity:0;transition:opacity .24s linear}@media(max-width:560px){.hud{padding:12px}.hud__title{max-width:calc(100vw - 24px)}.hud__sleep,.hud__stamina{width:min(188px,calc(100vw - 24px))}.hud__flight{top:12px;right:12px;width:min(172px,calc(100vw - 24px))}.hud__badge{right:12px;bottom:12px}.hud__look{left:12px;bottom:12px}.hud__prompt{bottom:54px;max-width:calc(100vw - 24px)}}
