@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
/* Session lobby and shared crew experience */
:root{font-family:'DM Sans',sans-serif;color:#ecf3eb;background:#132e30}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%}header{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.mark{font-size:40px;color:#ffaf64}.brand strong{font:700 32px 'Barlow Condensed',sans-serif;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#bfd4cc}.top{display:flex;gap:10px;align-items:center}.live{font-size:10px;letter-spacing:1.5px;margin-right:15px;color:#d3eac8}button{cursor:pointer;border:1px solid #ffffff30;background:#163c3ae8;color:#eef5ee;padding:11px 17px;border-radius:5px;font:600 12px 'DM Sans',sans-serif}button:hover{background:#32605b}button:focus-visible{outline:2px solid #ffb866}button:disabled{opacity:.6;cursor:wait}.mission{position:absolute;top:130px;left:32px;width:245px;background:linear-gradient(110deg,#103330ec,#123b3580);border:1px solid #ffffff18;padding:23px;border-radius:8px;backdrop-filter:blur(12px)}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#b9d0c0}h1{font:600 39px/.99 'Barlow Condensed',sans-serif;margin:17px 0}p{font-size:12px;line-height:1.7;color:#bfd0c7}.progress{height:3px;background:#ffffff20;margin:24px 0 12px}.progress i{display:block;height:100%;width:0;background:#ffb669;transition:width .4s}.count{display:flex;align-items:center;justify-content:space-between}.count strong{font-size:22px}.count span{font-size:9px;letter-spacing:1px}.objective{border-bottom:1px solid #ffffff12;padding:13px 0;font-size:11px;display:flex;justify-content:space-between}.objective b{color:#ffbd76}.legend{display:flex;gap:6px;align-items:center;margin-top:18px;font-size:8px}.legend i{background:#def4b4;width:5px;height:5px;border-radius:50%}.legend i:nth-of-type(2){background:#79c9db}.legend i:nth-of-type(3){background:#ffad65}.radar{position:absolute;right:32px;bottom:146px;width:240px;padding:15px;background:#11342edf;border:1px solid #ffffff20;border-radius:7px}.radar .eyebrow{display:flex;justify-content:space-between}#map{width:100%;height:175px}.radar p{font-size:9px;margin:0}footer{position:absolute;bottom:48px;left:32px;right:32px;display:flex;gap:30px;align-items:center;background:#10332feb;border:1px solid #ffffff25;border-radius:7px;padding:18px 22px;backdrop-filter:blur(12px)}small{font-size:9px;letter-spacing:1px;color:#b6cdc2}.instrument strong{display:block;font:500 29px 'Barlow Condensed'}.instrument em{font:400 11px 'DM Sans';color:#bbcec2}.cargo{border-left:1px solid #ffffff25;padding-left:28px;flex:1}.cargo strong{display:block;font-size:13px;margin-top:6px}#action,#start{background:#ffb56c;color:#24382d;border:0;padding:16px 24px}#action:hover,#start:hover{background:#ffd196}.controls{position:absolute;bottom:15px;left:32px;display:flex;gap:22px;font-size:10px;color:#cbdbd1}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff35;border-radius:3px;padding:2px 4px;margin-right:4px}#toast{position:absolute;top:99px;left:50%;transform:translateX(-50%);padding:11px 20px;border-radius:5px;background:#143b33e8;font-size:12px;border:1px solid #ffffff25;white-space:nowrap}.veil{position:absolute;inset:0;background:#0829226b;display:grid;place-items:center;backdrop-filter:blur(5px)}.veil section{width:460px;padding:40px;background:#163d35f5;border:1px solid #d5edcc30;border-radius:12px;box-shadow:0 25px 80px #061e2960}.veil h2{font:600 49px/1 'Barlow Condensed';margin:22px 0}.veil p{font-size:13px}.brief{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:22px 0;color:#ffbd7b}#start{width:100%;margin:6px 0 15px}.veil small{display:block;text-align:center}.touch{display:none}@media(max-width:850px){.mission{top:100px;left:15px;width:185px;padding:16px}h1{font-size:30px}.radar{right:15px;width:170px}.live{display:none}header{left:15px;right:15px}.controls{gap:7px;font-size:8px;left:15px}footer{left:15px;right:15px;gap:15px;padding:12px}.cargo{padding-left:12px}.instrument strong{font-size:24px}#action{padding:12px}.veil section{max-width:90vw}}@media(pointer:coarse){.touch{display:flex;position:absolute;bottom:150px;left:15px;gap:4px}.controls{display:none}.mission{max-height:280px;overflow:auto}.radar{display:none}}
@media(min-width:851px) and (max-height:800px){.mission{top:110px;padding:18px;width:230px}h1{font-size:34px;margin:12px 0}.objective{padding:9px 0}.progress{margin-top:15px}.legend{margin-top:12px}}
[hidden]{display:none!important}.flight-panel{position:absolute;right:32px;top:100px;width:240px;padding:17px;background:#123b32ed;border:1px solid #ffffff25;border-radius:7px}.flight-panel .eyebrow{display:flex;justify-content:space-between}.flight-values{display:flex;justify-content:space-between;margin:13px 0}.flight-values span{font-size:9px;letter-spacing:1px}.flight-values b{display:block;font:500 23px 'Barlow Condensed';margin-top:3px}.flight-values i{font-style:normal}#hook-status{font-size:10px;color:#ffca8c}.rope-buttons,.flight-buttons{display:flex;gap:6px;margin-top:10px}.rope-buttons button,.flight-buttons button{flex:1;padding:8px 4px;font-size:10px}.flight-panel small{display:block;font-size:8px;letter-spacing:0;margin-top:12px}.settings-sheet{width:740px!important;max-height:92vh;overflow:auto;padding:28px!important}.settings-sheet h2{font-size:34px!important;margin:12px 0!important}.settings-sheet p{font-size:11px}.settings-sheet table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.settings-sheet td,.settings-sheet th{padding:7px 8px;border-bottom:1px solid #ffffff18}.settings-sheet th{color:#ffbf80}.settings-options{display:flex;gap:20px;margin:18px 0}.settings-options label{font-size:10px;flex:1}.settings-options b{float:right}input[type=range]{display:block;width:100%;accent-color:#ffb56c;margin-top:10px}.check{display:flex;align-items:center}#input-readout{font:11px monospace;background:#0c2e26;padding:12px;border-radius:4px}.credits a{color:#ffbe77}#settings-close{width:100%;background:#ffb56c;color:#18382c;margin-top:10px}.radar.expanded{width:480px;bottom:145px;right:calc(50% - 240px);z-index:4}.radar.expanded #map{height:370px}header,.mission,footer,.controls,.radar,.flight-panel{z-index:1}#toast{z-index:2}.veil{z-index:8}.veil section{width:520px}.veil h2{font-size:43px}.veil p{font-size:12px}.radar{bottom:145px}.radar #map{height:145px}@media(max-height:800px){.flight-panel{top:100px;padding:12px}.flight-values{margin:8px 0}.flight-values b{font-size:21px}.radar{width:210px}.radar #map{height:115px}.radar p{font-size:8px}}@media(max-width:850px){.flight-panel{right:15px;top:95px;width:185px}.radar{display:none}.settings-options{flex-wrap:wrap}.settings-sheet{max-width:95vw}.controls{gap:6px}.controls span:nth-child(2){display:none}}@media(max-width:600px){.mission{display:none}.flight-panel{width:170px}header .top{gap:4px}.top button{padding:9px}.brand strong{font-size:24px}.brand small{font-size:7px}.mark{font-size:25px}.live{display:none}footer{gap:10px}.cargo{display:none}.controls{display:none}.veil h2{font-size:32px}.veil section{padding:22px}.flight-panel .flight-buttons{display:none}}