:root{--panel-bg: rgba(12, 16, 28, .82);--panel-border: rgba(120, 180, 255, .25);--accent: #5ad1ff;--accent2: #ffce3a;--good: #51e08a;--text: #eaf2ff;--muted: #9fb2d0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud button,#hud input{pointer-events:auto}.hidden{display:none!important}.primary-btn{pointer-events:auto;background:linear-gradient(135deg,#4aa8ff,#6a5bff);color:#fff;border:none;border-radius:12px;padding:14px 26px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #5078ff66;transition:transform .12s ease,box-shadow .12s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #5078ff8c}.icon-btn{pointer-events:auto;width:42px;height:42px;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel-bg);color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .12s,background .12s}.icon-btn:hover{transform:translateY(-2px);background:#283c64e6}.icon-btn.pulse{animation:pulse .8s ease-in-out infinite}.icon-btn.muted{opacity:.55;border-color:#ff787880}.icon-btn.active{border-color:#78c8ffcc;box-shadow:0 0 0 2px #78c8ff4d}@keyframes pulse{0%,to{box-shadow:0 0 #ffce3ab3}50%{box-shadow:0 0 0 10px #ffce3a00}}.builder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#05070f;background-image:radial-gradient(circle at 50% 30%,#16204a,#05070f 70%);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:auto;padding:20px}.builder-credit{position:fixed;bottom:10px;left:0;right:0;text-align:center;margin:0;font-size:.72rem;letter-spacing:.03em;color:#dce6fa99;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.builder-card{width:min(680px,96vw);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;padding:28px 30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px #0009}.title{font-size:2rem;background:linear-gradient(90deg,#6ad6ff,#ffce3a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.subtitle{text-align:center;color:var(--muted);margin:6px 0 18px}.builder-section{margin:18px 0}.builder-section h3{font-size:1rem;margin-bottom:10px;color:var(--accent)}.shape-row{display:flex;gap:12px;flex-wrap:wrap}.shape-card{flex:1 1 0;min-width:130px;background:#ffffff0d;border:2px solid transparent;border-radius:14px;padding:14px;color:var(--text);cursor:pointer;text-align:center;transition:border .12s,background .12s,transform .12s}.shape-card:hover{transform:translateY(-3px);background:#ffffff17}.shape-card.selected{border-color:var(--accent2);background:#ffce3a1f}.shape-name{font-weight:700;margin-top:8px}.shape-desc{font-size:.78rem;color:var(--muted);margin-top:2px}.shape-icon{height:96px;position:relative;margin:0 auto;width:100%;border-radius:10px;background:radial-gradient(circle at 50% 38%,#7896c82e,#080c168c);display:flex;align-items:center;justify-content:center;overflow:hidden}.shape-photo{width:100%;height:100%;object-fit:contain;display:block}.name-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--panel-border);background:#00000059;color:#fff;font-size:1rem}.swatch-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--accent)}.custom-color{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;color:var(--muted)}.custom-color input{width:40px;height:28px;border:none;background:none}#launch-btn{display:block;width:100%;margin-top:22px}.builder-tip{text-align:center;color:var(--muted);font-size:.8rem;margin-top:10px}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.planet-info{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:8px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#planet-index{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}#planet-name{font-size:1.25rem;font-weight:800}.top-actions{display:flex;align-items:center;gap:8px}#rover-tag{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:9px 14px;font-weight:700;font-size:.9rem}#missions-panel{position:absolute;top:80px;left:16px;width:290px;max-width:42vw;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#missions-panel h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:10px}#mission-list{list-style:none;display:flex;flex-direction:column;gap:12px}.mission-top{display:flex;align-items:center;gap:8px;font-size:.92rem}.mission-label{flex:1}.mission-detail{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.mission-bar{margin-top:6px;height:6px;border-radius:4px;background:#ffffff1f;overflow:hidden}.mission-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--good));transition:width .3s ease}.mission.done .mission-label{color:var(--good);text-decoration:line-through;opacity:.8}#heat-meter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:280px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:10px 14px;text-align:center}.heat-label{font-weight:700;font-size:.8rem;margin-bottom:6px}.heat-track{height:12px;background:#ffffff1f;border-radius:8px;overflow:hidden}#heat-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd24a,#ff7a1a);transition:width .2s linear}#heat-fill.danger{background:linear-gradient(90deg,#ff5a3c,#ff1a1a);animation:flash .4s steps(2) infinite}@keyframes flash{50%{opacity:.6}}#toast-area{position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:min(560px,92vw);display:flex;flex-direction:column;gap:10px;align-items:center}.toast{width:100%;background:var(--panel-bg);border:1px solid var(--panel-border);border-left:4px solid var(--accent);border-radius:12px;padding:12px 16px;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .35s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translateY(0)}.toast-upgrade{border-left-color:var(--accent2);background:#281e08d9}.toast-title{font-weight:800;margin-bottom:4px}.toast-text{font-size:.9rem;color:#dce6f7;line-height:1.35}.side-panel{position:absolute;top:80px;right:16px;width:320px;max-width:90vw;max-height:76vh;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.side-panel h3{margin-bottom:12px;color:var(--accent)}.garage-sub{color:var(--muted);font-size:.82rem;margin-bottom:12px}.upgrade-row{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;margin-bottom:8px}.upgrade-row.locked{opacity:.55}.upgrade-row.unlocked{border-color:#ffce3a66;background:#ffce3a12}.upgrade-head{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;gap:8px}.upgrade-th{color:var(--muted);font-weight:600;font-size:.76rem;white-space:nowrap}.upgrade-fact{font-size:.8rem;color:#cdd9ee;margin-top:6px;line-height:1.3}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02040a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s;padding:20px;pointer-events:auto}.modal-overlay.show{opacity:1}.modal-card{width:min(640px,96vw);max-height:90vh;overflow-y:auto;background:linear-gradient(160deg,#141c38f5,#080a16f5);border:1px solid var(--panel-border);border-radius:20px;padding:28px 30px;text-align:center;box-shadow:0 24px 70px #000000b3}.modal-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--accent2)}.modal-title{font-size:1.9rem;margin:6px 0 12px}.modal-intro{color:#d6e1f4;line-height:1.5;margin-bottom:16px}.modal-cols{display:flex;gap:20px;text-align:left;margin-bottom:20px}.modal-cols>div{flex:1}.modal-cols h4{color:var(--accent);margin-bottom:8px;font-size:.9rem}.fact-ul,.mission-ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:#d6e1f4}.fact-ul li{padding-left:14px;position:relative;line-height:1.35}.fact-ul li:before{content:"✦";position:absolute;left:0;color:var(--accent2)}.modal-btn{margin-top:6px}@media(max-width:560px){.modal-cols{flex-direction:column;gap:12px}#missions-panel{width:230px}}.travel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(circle at 50% 50%,#0a1030,#000 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;transition:opacity .6s}.travel-overlay.fade{opacity:0}.warp-stars{position:absolute;top:0;right:0;bottom:0;left:0}.warp-stars span{position:absolute;left:50%;top:50%;width:2px;height:2px;background:#fff;border-radius:2px;transform:rotate(var(--angle)) translate(0);animation-name:warp;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes warp{0%{transform:rotate(var(--angle)) translate(0) scaleX(1);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translate(70vw) scaleX(30);opacity:0}}.travel-text{position:relative;text-align:center;z-index:1}.travel-small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.travel-big{color:#cdd9ee;margin-top:8px;font-size:1rem}.travel-dest{font-size:2.6rem;font-weight:800;background:linear-gradient(90deg,#6ad6ff,#ffce3a);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px;animation:zoomin 3s ease}@keyframes zoomin{0%{transform:scale(.6);opacity:0}40%{opacity:1}to{transform:scale(1.1)}}.travel-map{position:relative;z-index:1;width:min(760px,94vw);height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.6));animation:zoomin 1.4s ease}.travel-orbit{fill:none;stroke:#96b4e62e;stroke-width:1}.travel-body{stroke:#ffffff40;stroke-width:.5}.travel-sun{filter:drop-shadow(0 0 10px #ffcf4a) drop-shadow(0 0 20px #ff9b3a)}.travel-dest-halo{fill:none;stroke:#ffce3a;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:destpulse 1.1s ease-in-out infinite}@keyframes destpulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.travel-label{fill:#aebccf;font-size:11px;font-weight:600;font-family:inherit}.travel-label.to{fill:#ffd75e;font-weight:800}.travel-label.from{fill:#7fd6ff}.travel-rocket{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}#minimap-wrap{position:absolute;bottom:16px;right:16px;width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:0 6px 20px #00000073}#minimap{display:block;width:180px;height:180px}.minimap-label{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.6rem;letter-spacing:2px;color:var(--muted);pointer-events:none}#dpad{position:absolute;bottom:26px;left:26px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#141c2e8c,#0a0e1859);border:2px solid rgba(120,180,255,.35);display:none;touch-action:none;user-select:none;-webkit-user-select:none}#dpad.show{display:block}.dpad-btn{position:absolute;width:56px;height:56px;border:none;background:#78aaff2e;color:#eaf2ff;font-size:1.4rem;border-radius:14px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}.dpad-btn.active{background:#78aaff8c}.dpad-up{top:6px;left:57px}.dpad-down{bottom:6px;left:57px}.dpad-left{left:6px;top:57px}.dpad-right{right:6px;top:57px}.dpad-hub{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:#78aaff1f}.upgrade-effect{font-size:.78rem;color:#9fe0b8;margin:2px 0 4px}.upgrade-row.locked .upgrade-effect{color:var(--muted)}#photo-dock{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;max-width:70vw;pointer-events:none}#photo-dock.hidden{display:none}#photo-roll{display:flex;gap:8px;max-width:70vw;overflow-x:auto;padding:2px;pointer-events:auto;scrollbar-width:thin}.photo-thumb{position:relative;flex:0 0 auto;width:96px;height:60px;border-radius:8px;overflow:hidden;border:2px solid rgba(150,190,255,.5);background:#0a0e1899;box-shadow:0 3px 10px #0006;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .25s,transform .25s}.photo-thumb.in{opacity:1;transform:none}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-cap{position:absolute;left:0;right:0;bottom:0;font-size:.56rem;line-height:1.1;padding:2px 3px;color:#eaf2ff;background:linear-gradient(transparent,#000c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-actions{display:flex;gap:8px;pointer-events:auto}.photo-btn{border:none;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:700;cursor:pointer;color:#08101f;background:linear-gradient(135deg,#ffce3a,#ff9e2c);box-shadow:0 3px 12px #0006;touch-action:manipulation}.photo-btn:active{transform:translateY(1px)}.photo-btn.send{color:#eaf6ff;background:linear-gradient(135deg,#2f86ff,#4ad6ff)}.photo-btn.send.hidden{display:none}#cam-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}#cam-flash.flash{animation:camflash .4s ease-out}@keyframes camflash{0%{opacity:.85}to{opacity:0}}#viewfinder{position:absolute;top:50%;left:50%;width:min(46vw,460px);height:min(30vw,300px);transform:translate(-50%,-54%);pointer-events:none}#viewfinder.hidden{display:none}.vf-corner{position:absolute;width:26px;height:26px;border:3px solid rgba(255,255,255,.85)}.vf-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.vf-corner.tr{top:0;right:0;border-left:none;border-bottom:none}.vf-corner.bl{bottom:0;left:0;border-right:none;border-top:none}.vf-corner.br{bottom:0;right:0;border-left:none;border-top:none}.vf-reticle{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.7);border-radius:50%}#vf-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem;line-height:1;color:#ffce3a;text-shadow:0 0 8px rgba(0,0,0,.7)}#vf-arrow.hidden{display:none}#vf-hint{position:absolute;bottom:-38px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.9rem;font-weight:700;color:#fff;background:#080c16b3;padding:5px 12px;border-radius:999px}#viewfinder.ready .vf-corner,#viewfinder.ready .vf-reticle{border-color:#5dff9b}#viewfinder.ready #vf-hint{background:#145a32d9;color:#d6ffe6}.photo-btn.ready{background:linear-gradient(135deg,#4dff8e,#25d39a);color:#06210f;animation:photopulse 1s ease-in-out infinite}@keyframes photopulse{0%,to{box-shadow:0 3px 12px #0006}50%{box-shadow:0 0 18px 4px #4dff8eb3}}@media(max-width:640px){#topbar{padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top))}.planet-info{padding:5px 11px;border-radius:10px}#planet-name{font-size:1rem}#planet-index{font-size:.58rem}#rover-tag{display:none}.top-actions{gap:6px}.icon-btn{width:38px;height:38px;font-size:1.05rem;border-radius:9px}#missions-panel{top:58px;left:max(8px,env(safe-area-inset-left));width:auto;max-width:58vw;padding:8px 11px;border-radius:12px}#missions-panel h2{font-size:.78rem;margin-bottom:7px}#mission-list{gap:8px}.mission-top{font-size:.8rem;gap:6px}.mission-detail{font-size:.74rem}#heat-meter{top:56px;bottom:auto;width:min(64vw,220px);padding:6px 12px}.heat-label{font-size:.68rem;margin-bottom:4px}.heat-track{height:9px}#minimap-wrap{width:112px;height:112px;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}#minimap{width:112px;height:112px}.minimap-label{font-size:.5rem;top:5px}#dpad{width:144px;height:144px;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom))}.dpad-btn{width:46px;height:46px;font-size:1.2rem;border-radius:12px}.dpad-up{top:5px;left:49px}.dpad-down{bottom:5px;left:49px}.dpad-left{left:5px;top:49px}.dpad-right{right:5px;top:49px}.dpad-hub{width:34px;height:34px}#photo-dock{bottom:166px;max-width:94vw}#photo-roll{max-width:94vw}.photo-thumb{width:74px;height:46px}.photo-btn{padding:9px 14px;font-size:.82rem}#toast-area{bottom:264px;width:min(94vw,460px)}.side-panel{top:54px;left:8px;right:8px;width:auto;max-width:none;max-height:64vh}}@media(max-height:480px){#missions-panel{top:52px;max-height:44vh;overflow-y:auto;padding:8px 11px}#missions-panel h2{font-size:.78rem;margin-bottom:6px}#mission-list{gap:7px}.mission-top{font-size:.8rem}#heat-meter{top:50px;bottom:auto;width:min(46vw,220px);padding:5px 12px}#minimap-wrap{width:96px;height:96px;right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom))}#minimap{width:96px;height:96px}#dpad{width:132px;height:132px;left:max(8px,env(safe-area-inset-left));bottom:max(6px,env(safe-area-inset-bottom))}.dpad-btn{width:42px;height:42px;font-size:1.1rem}.dpad-up{top:4px;left:45px}.dpad-down{bottom:4px;left:45px}.dpad-left{left:4px;top:45px}.dpad-right{right:4px;top:45px}.dpad-hub{width:30px;height:30px}#photo-dock{bottom:max(8px,env(safe-area-inset-bottom));max-width:52vw}#toast-area{bottom:84px;width:min(60vw,420px)}.side-panel{top:50px;max-height:82vh}}