.cockpit-menu{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;color:#fff0cf;font:14px ui-monospace,Consolas,monospace;isolation:isolate}.cockpit-menu[hidden]{display:none}.canopy{position:absolute;top:0;bottom:0;width:50%;z-index:-1;background:repeating-linear-gradient(165deg,transparent 0 140px,#0a0e14 142px 147px,transparent 150px 290px),linear-gradient(100deg,#151c25,#303944 48%,#151b24);box-shadow:inset 0 0 90px #03060b;transition:transform 1s cubic-bezier(.7,0,.2,1) .3s}.canopy:after{content:'';position:absolute;inset:8% 10%;border:2px solid #46505c;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%);box-shadow:inset 0 0 0 10px #141b24}.canopy-left{left:0;border-right:3px solid #0a0d13}.canopy-right{right:0;border-left:1px solid #f2ce4d55}.cockpit-console{width:min(360px,calc(100vw - 64px));padding:30px;background:linear-gradient(145deg,#202a35,#0e141d);border:2px solid #55616c;box-shadow:0 18px 60px #0009,inset 0 0 0 5px #0a1017;border-radius:14px;display:grid;gap:14px;transition:opacity .18s,transform .25s;max-height:calc(100dvh - 80px);overflow:auto}.cockpit-console label{color:#a6b5c4;font-size:12px;letter-spacing:2px}.cockpit-console input,.cockpit-console button{box-sizing:border-box;min-width:0;min-height:48px;padding:12px 16px;border:1px solid #455563;border-radius:3px;font:inherit;letter-spacing:1px}.cockpit-console input{width:100%;background:#090f17;color:#fff0cf}.cockpit-console button{cursor:pointer;background:#2e2814;color:#f4e2a0;border-color:#7c6f40}.cockpit-console button:hover{background:#473f20}.cockpit-console :focus-visible{outline:2px solid #f2ce4d;outline-offset:3px}.cockpit-console button:disabled{opacity:.5;cursor:wait}.room-row{display:grid;grid-template-columns:1fr 84px;gap:10px}.cockpit-console .launch{background:#ffc64d;color:#111923;border-color:#ffe099;margin-top:4px}.cockpit-console .launch:hover{background:#ffdb84}.cockpit-console p{min-height:18px;margin:0;font-size:12px;color:#ffc64d}.opening{pointer-events:none}.opening .cockpit-console{opacity:0;transform:translateY(12px)}.opening .canopy-left{transform:translateX(-102%)}.opening .canopy-right{transform:translateX(102%)}@media(prefers-reduced-motion:reduce){.canopy,.cockpit-console{transition:none}}
.start-countdown{position:fixed;inset:0;z-index:110;display:grid;place-items:center;pointer-events:none;--countdown-progress:100}
.start-countdown[hidden]{display:none}
.countdown-dial{position:relative;width:clamp(180px,18vw,290px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;gap:10px;background:url('/assets/menu/countdown-visor-frame.svg') center/contain no-repeat;filter:drop-shadow(0 0 5px #4de4f244)}
.countdown-dial span{position:absolute;inset:23% 18% 28%;display:grid;place-items:center;font:600 clamp(76px,7.5vw,120px)/1 'Barlow Condensed',system-ui,sans-serif;color:#edfeff;text-shadow:0 0 12px #4de4f288}
.start-countdown[data-step='0'] .countdown-dial span{font-size:clamp(52px,5.5vw,88px);letter-spacing:.03em}
.countdown-progress{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
.countdown-progress circle{fill:none;stroke:#91ecf4;stroke-width:3;stroke-dasharray:var(--countdown-progress) 100;opacity:.85;transition:stroke-dasharray .2s ease-out}
.countdown-dial i{height:4px;width:9%;margin-top:49%;background:#4de4f21a;border:1px solid #4de4f255;transform:skew(-12deg)}
.countdown-dial i.lit{background:#91ecf4;border-color:#c8faff;box-shadow:0 0 7px #4de4f277}
.tick .countdown-dial span{animation:visor-countdown-tick .65s ease-out}
@keyframes visor-countdown-tick{0%{opacity:.25;transform:scale(1.12)}25%{opacity:1}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.tick .countdown-dial span{animation:none}.countdown-progress circle{transition:none}}