@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#132b33;color:#fff;font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer;border:0}#world{position:fixed;inset:0;width:100%;height:100%}#menu{position:relative;min-height:100dvh;padding:32px 4.5vw 25px;background:linear-gradient(90deg,rgba(6,25,29,.85),rgba(6,25,29,.15)),linear-gradient(0deg,rgba(6,25,29,.8),transparent 85%)}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.brand{font-size:18px;font-weight:800;letter-spacing:2px}.intro{margin:65px 0 38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#ccddba}h1{font-size:clamp(45px,5.8vw,84px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:20px 0}p{font-size:14px;line-height:1.8;color:#d1dad5}#cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid #ffffff35;background:#142d31;border-radius:13px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-7px);border-color:#d4efac}.photo{height:140px;background-size:cover;background-position:center;position:relative}.num{position:absolute;top:12px;left:12px;font-size:10px;background:#0c272c80;padding:5px 7px;border-radius:20px}.cardcontent{padding:17px}.country{font-size:9px;letter-spacing:1.7px;color:#afc0b8;text-transform:uppercase}.card h2{font-size:23px;letter-spacing:-.8px;margin:6px 0}.card p{font-size:11px;margin:0 0 18px;min-height:18px}.card button{width:100%;border:1px solid #ffffff40;background:transparent;color:white;padding:11px 6px;border-radius:5px;font-size:11px;transition:background .2s}.card button:hover{background:#d9edbb;color:#163231}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a6b9b7;margin-top:28px}#hud{position:fixed;inset:0;pointer-events:none}.top,.bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.top{top:25px}.bottom{bottom:23px}.top button,.bottom button{background:#102b36bd;color:white;border:1px solid #ffffff40;border-radius:25px;padding:12px 18px;pointer-events:auto;font-size:12px}.location{text-align:center;text-shadow:0 2px 10px #000}.location b{display:block;font-size:22px}.location span{font-size:11px}.bottom span{background:#102b36aa;border-radius:20px;padding:12px;font-size:11px}#cross{position:absolute;left:50%;top:50%;opacity:.55}#pause{position:fixed;inset:0;background:#081c2a6b;backdrop-filter:blur(4px);display:grid;place-items:center;text-align:center}#pause[hidden],[hidden]{display:none!important}#pause>div{background:#142c33e8;padding:40px;border-radius:16px;border:1px solid #ffffff35}#pause h2{font-size:32px;margin:12px}#resume{padding:14px 25px;background:#d9edbb;color:#142c33;border-radius:6px}#touch{display:none}#error{position:fixed;inset:35% 15%;padding:40px;background:#263640} @media(max-width:800px){#cards{grid-template-columns:repeat(2,1fr)}.intro{margin-top:40px}h1{letter-spacing:-2px}.photo{height:130px}header>span{display:none}footer{flex-direction:column}#menu{padding:24px}#touch{display:flex;position:absolute;bottom:70px;left:20px;right:20px;justify-content:space-between;align-items:end;pointer-events:none}.pad{display:grid;grid-template-columns:repeat(3,45px);gap:5px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.pad button,#jump{pointer-events:auto;background:#17344399;color:white;border:1px solid #fff6;border-radius:12px;min-height:45px;touch-action:none}.bottom span{display:none}.top{left:10px;right:10px}.top button{padding:10px;font-size:10px}.location b{font-size:18px}#jump{padding:12px}}

.mission{font-size:clamp(16px,1.7vw,22px);max-width:670px;color:#f3f4e9;line-height:1.5;margin:23px 0 10px}.intro{margin-top:45px} @media(min-width:801px) and (max-width:1050px){#cards{grid-template-columns:repeat(3,1fr)}}

#subHUD{position:fixed;inset:0;pointer-events:none}.porthole{position:absolute;inset:-12%;border:9vw solid #152329a6;border-radius:48%;box-shadow:inset 0 0 30px #0008}.instruments{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:grid;gap:6px;text-align:center;padding:14px 26px;background:#0a1a22cc;border:1px solid #70959d;border-radius:10px;color:#badbdb;font:12px monospace;min-width:330px}.instruments b{letter-spacing:2px;color:#f2d193;font-size:11px}.instruments small{opacity:.65}#diveDown{pointer-events:auto;background:#173443c9;color:white;border:1px solid #fff6;border-radius:12px;min-height:45px;touch-action:none} @media(max-width:800px){.instruments{bottom:135px;min-width:280px;font-size:10px}.porthole{border-width:5vw}.location span{max-width:180px;display:block}#touch{gap:8px}}

#spaceCredit{position:fixed;left:22px;bottom:76px;max-width:320px;padding:9px 12px;border-radius:8px;background:#211128aa;color:#ead3e9;font-size:10px;line-height:1.6}#spaceCredit a{color:#fff} @media(max-width:800px){#spaceCredit{bottom:140px;left:12px;max-width:240px;font-size:9px}}

#cosmosHUD{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#080611bd;border:1px solid #beb2df55;border-radius:12px;padding:14px 20px;text-align:center;min-width:300px;backdrop-filter:blur(8px);color:#eee3ff}#cosmosHUD>span{font-size:13px;display:block;margin-bottom:10px}#cosmosHUD button{padding:9px 18px;color:#f5eeff;background:#64507877;border:1px solid #b6a4d477;border-radius:6px;margin:0 3px}#cosmosHUD button:disabled{opacity:.3;cursor:default}#cosmosHUD small{font-size:9px;display:block;margin-top:10px;color:#c6a9c6}@media(max-width:800px){#cosmosHUD{bottom:140px;min-width:270px;padding:10px}#cosmosHUD button{padding:8px 14px}}