*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#243e3d;background:#ebe8db;font-family:Arial,'Noto Sans',sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #498d86;outline-offset:5px}#cabin{position:relative;height:100svh;min-height:780px;overflow:hidden;animation:arrive .8s ease-out}.backdrop,.wash{position:absolute;inset:0;pointer-events:none}.backdrop{inset:-10px;background:url('/assets/cockpit-v1.png') center/cover;transform:translateX(var(--drift,0px));transition:transform 1.3s ease}.wash{background:linear-gradient(180deg,#f2eee1b8,transparent 24%),linear-gradient(0deg,#eae8dc9c,transparent 30%),linear-gradient(90deg,#ebe8dc55,transparent 55%)}header{position:relative;z-index:5;height:94px;margin:0 4.5%;display:flex;align-items:center;gap:38px;border-bottom:1px solid #45615b40}.brand{font-family:Georgia,serif;font-size:31px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand i,.speaker i{font-style:normal;color:#ad9867}.brand small{font:9px/1.9 Arial;letter-spacing:2px;border-left:1px solid #45615b40;padding-left:16px}nav{display:flex;gap:28px;font-size:11px;letter-spacing:1.2px;height:100%;align-items:center}nav a{opacity:.7}.current{height:100%;display:flex;align-items:center;border-bottom:2px solid #3c716c}.tools{margin-left:auto;display:flex;gap:12px;align-items:center}.tools button,.tools select{background:#f5f2e4ad;border:1px solid #45615b38;border-radius:24px;padding:10px 15px;font-size:11px}.scene-label{position:absolute;left:4.5%;top:123px;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.scene-label i,.instrument-head i{width:5px;height:5px;border-radius:50%;background:#6b8b68;box-shadow:0 0 0 4px #68916b17}.scene-label span{opacity:.6}.heading{position:absolute;left:53%;top:19%;z-index:2}.heading>span{font-size:9px;letter-spacing:4px}.heading h1{font:clamp(32px,3.35vw,62px)/1.45 Georgia,'Songti TC',serif;font-weight:400;letter-spacing:3px;margin:22px 0 14px}.heading p{font-size:12px;letter-spacing:1px;line-height:1.8;max-width:480px}.navigator{position:absolute;left:7%;bottom:-28%;height:117%;width:auto;aspect-ratio:2/3;background:none;border:0;padding:0;z-index:2;transform:translateX(var(--drift,0px));transition:transform 1.2s;animation:breathe 7s ease-in-out infinite}.navigator img{width:100%;height:100%;object-fit:contain}.identity{position:absolute;left:8%;bottom:16%;z-index:3;display:flex;flex-direction:column;gap:7px;pointer-events:none}.identity>span{font-size:8px;letter-spacing:2.8px}.identity strong{font:40px Georgia;color:#536e60}.identity small{font-size:10px;letter-spacing:1px}.room-arrow{position:absolute;z-index:6;top:46%;left:1.2%;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;background:#f5f1e4d6;border:1px solid #6a7a6a42;border-radius:35px;padding:14px 10px;transition:background .2s}.room-arrow:hover{background:#fff9e8}.room-arrow b{font-size:24px;font-weight:400}.instrument{position:absolute;z-index:4;left:57%;top:53%;width:32%;max-width:620px;border:1px solid #d4ba7c;border-radius:8px;background:linear-gradient(130deg,#122d31f5,#182d2ced);color:#d5e6d9;padding:16px 22px;box-shadow:0 0 0 5px #8a7d5d35,0 12px 30px #152c3540;transition:box-shadow .3s,transform .3s;text-align:left}.instrument:hover{box-shadow:0 0 0 5px #cab47b65,0 0 32px #b9d2b94d;transform:translateY(-3px)}.instrument-head{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px}.instrument-head i{background:#b8d5b2}.instrument-head small{margin-left:auto;font-size:8px;letter-spacing:2px;color:#b5a577}.instrument-body{display:flex;align-items:center;gap:25px;height:125px}.chart{width:130px;height:130px;overflow:visible;flex-shrink:0}.orbit{stroke:#c7d6ac38;fill:none;stroke-width:.25;stroke-dasharray:1 2}.axes{stroke:#99ced861;fill:none;stroke-width:.3}.beacon{fill:#d1edf1;filter:drop-shadow(0 0 3px #c4ecf4);animation:pulse 4s ease-in-out infinite}.readouts{display:flex;flex-direction:column;gap:3px}.readouts small{font-size:9px;letter-spacing:2px}.readouts strong{font:38px Georgia;font-weight:400}.readouts>span{font-size:8px;opacity:.7;letter-spacing:1px}.instrument-foot{border-top:1px solid #d2d7b92d;display:flex;justify-content:space-between;font-size:10px;padding-top:10px;letter-spacing:1px}.dialogue{position:absolute;z-index:5;left:40%;bottom:5.5%;width:51%;max-width:900px;background:#f3f1e6f2;border:1px solid #fff9;box-shadow:0 9px 40px #364c4220;backdrop-filter:blur(14px);padding:22px 27px 14px;border-radius:3px}.speaker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px}.speaker>span{flex:1;height:1px;background:#8a998b50}.speaker small{font-size:8px;letter-spacing:0;color:#637368}.dialogue p{font:18px/1.85 Georgia,'Songti TC',serif;margin:14px 0;min-height:65px}.choices{display:flex;gap:7px;flex-wrap:wrap}.choices button{background:transparent;border:1px solid #82978855;padding:10px 11px;font-size:10px;line-height:1.5}.choices small{margin-right:8px;opacity:.6}.choices button:hover,.choices button.selected{background:#dce4d9}.dialogue footer{display:flex;justify-content:space-between;border-top:1px solid #82978840;font-size:8px;margin-top:14px;padding-top:10px;color:#68776d;gap:12px}.bottom-note{position:absolute;left:4.5%;bottom:15px;font-size:7px;letter-spacing:2px}dialog{width:min(560px,92vw);padding:35px;border:1px solid #cbb98c;background:#f1eee2;color:#263e3b;border-radius:5px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#102623a6;backdrop-filter:blur(7px)}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:27px;padding:5px 10px}.modal-eyebrow{font-size:8px;letter-spacing:2px;color:#777e66}dialog h2{font:32px Georgia;margin:24px 0 12px}.lead{font:18px/1.8 Georgia}.briefing{background:#183132;color:#d5e6d9;padding:15px 25px;display:flex;gap:25px;align-items:center;border:1px solid #af9d72;border-radius:4px}.briefing .chart{width:160px;height:160px}.briefing dl{flex:1}.briefing dl div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #adc2b22b;padding:8px 0;gap:15px}.briefing dt{font-size:11px}.briefing dd{font:24px Georgia;margin:0}.notice{font-size:11px;line-height:1.9;color:#687569;margin:22px 0}.enter-atlas{display:flex;justify-content:space-between;background:#336963;color:#f4f1e7;padding:16px 20px;font-size:13px;border-radius:3px}.still .navigator,.still .beacon{animation:none}@keyframes breathe{50%{translate:0 -5px}}@keyframes pulse{50%{opacity:.55}}@keyframes arrive{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.instrument{top:55%;padding:18px 25px}.instrument-body{height:140px}.dialogue{bottom:6%;padding:25px 28px 16px}.dialogue p{font-size:20px}.navigator{left:10%}}
@media(max-width:1050px){header{gap:20px}nav{gap:15px}.heading{left:49%}.instrument{left:50%;width:43%;top:48%}.dialogue{left:35%;width:59%;bottom:5%}.navigator{left:-5%;height:112%}.identity{left:7%;bottom:10%}.heading h1{font-size:38px}.dialogue p{font-size:17px}}
@media(max-width:680px){#cabin{height:auto;min-height:100svh;padding-bottom:35px}.backdrop{position:fixed;background-position:56% center}.wash{position:fixed;background:linear-gradient(0deg,#ece9dcf7,transparent 90%)}header{height:auto;min-height:100px;flex-wrap:wrap;gap:14px;padding:16px 0 10px;margin:0 6%}.brand{font-size:25px;gap:8px}.brand small{font-size:7px;padding-left:10px}.tools{gap:5px}.tools button{display:none}.tools select{padding:8px;font-size:10px}nav{order:3;width:100%;height:30px;font-size:10px;gap:24px}.scene-label{top:143px;left:6%;font-size:8px}.heading{position:relative;left:auto;top:auto;margin:68px 6% 0 45%;min-height:190px}.heading>span{font-size:7px;letter-spacing:1.5px}.heading h1{font-size:26px;letter-spacing:1px;margin:12px 0}.heading p{font-size:10px;line-height:1.7}.navigator{left:-97px;top:181px;bottom:auto;height:540px;width:360px;z-index:1}.identity{left:6%;top:168px;bottom:auto}.identity>span{font-size:6px}.identity strong{font-size:26px}.identity small{display:none}.room-arrow{left:4%;top:315px;padding:8px;gap:3px;font-size:8px;z-index:4}.room-arrow b{font-size:19px}.instrument{position:relative;left:auto;top:auto;width:72%;margin:10px 5% 0 23%;padding:12px 14px;max-width:none}.instrument-head{font-size:10px}.instrument-head small{font-size:6px;letter-spacing:1px}.instrument-body{height:105px;gap:12px}.instrument .chart{width:100px;height:100px}.readouts strong{font-size:32px}.readouts small{font-size:8px;letter-spacing:1px}.readouts>span{font-size:7px}.instrument-foot{font-size:9px}.dialogue{position:relative;left:auto;bottom:auto;width:auto;margin:22px 5% 0;padding:18px 20px 13px}.dialogue p{font-size:16px;min-height:0}.choices{gap:6px}.choices button{font-size:10px;padding:9px 10px}.dialogue footer{font-size:7px}.bottom-note{position:relative;left:auto;bottom:auto;margin:23px 6% 0;font-size:6px}.briefing{padding:12px;gap:12px}.briefing .chart{width:100px;height:100px}dialog{padding:28px 22px}.briefing dt{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.backdrop,.navigator{transform:none!important}}
@media(min-width:681px){.heading{top:16%}.heading h1{font-size:clamp(32px,3.1vw,52px);margin:17px 0 12px}.instrument{top:46%;padding:14px 20px}.instrument-body{height:108px}.instrument .chart{width:108px;height:108px}.dialogue{bottom:4%}}
@media(max-width:680px){.identity{display:none}}
html{overflow-x:clip}

.room-arrow.next-room{left:auto;right:1.2%}.room-arrow span{max-width:64px;text-align:center;line-height:1.5}.tools #motion{display:none}@media(max-width:680px){.tools .ship-map-button{display:inline-block;font-size:9px;padding:8px}.room-arrow.next-room{left:auto;right:4%;top:375px;padding:7px}.room-arrow.next-room span{max-width:66px;font-size:8px}header{gap:10px}.tools{gap:5px}}