@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;600;700;800&family=Rubik:wght@400;600;800&display=swap');

:root{--space:#03091d;--space-2:#09183b;--panel:#0d2148;--cyan:#55e6ff;--yellow:#ffd84d;--orange:#ff844b;--pink:#ff5b91;--green:#55e49b;--ink:#f7fbff;--muted:#aac2df;--line:rgba(158,214,255,.2)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:"Changa","Rubik",sans-serif;color:var(--ink);background:radial-gradient(circle at 25% 15%,#13316b 0,transparent 28%),radial-gradient(circle at 85% 80%,#32155d 0,transparent 25%),var(--space)}
button{font:inherit;cursor:pointer}.stars,.stars:before,.stars:after{position:fixed;inset:0;content:"";pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:47px 47px;opacity:.55;animation:drift 70s linear infinite}.stars:before{background-size:83px 83px;transform:translate(23px,12px);opacity:.4}.stars:after{background-size:131px 131px;transform:translate(53px,37px);opacity:.65}.screen{display:none;min-height:100vh;position:relative}.screen.active{display:block}.primary-btn,.secondary-btn,.back-btn{border:0;border-radius:8px;font-weight:800;transition:.2s transform,.2s box-shadow}.primary-btn{padding:15px 28px;background:var(--yellow);color:#182142;box-shadow:0 7px 0 #c68b20,0 12px 28px rgba(255,216,77,.3)}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:active{transform:translateY(5px);box-shadow:0 2px 0 #c68b20}.secondary-btn,.back-btn{padding:11px 17px;background:#163564;color:#fff;border:1px solid var(--line)}

/* Story */
#intro-screen{overflow:hidden;place-items:center;padding:30px}#intro-screen.active{display:grid}.intro-orbit{position:absolute;width:min(90vw,900px);aspect-ratio:1;border:1px solid rgba(85,230,255,.2);border-radius:50%;animation:spin 40s linear infinite}.story-stage{width:min(1060px,100%);text-align:center;z-index:1}.eyebrow{color:var(--cyan);font-weight:700;margin:0 0 5px}.story-stage h1,.final-content h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1;margin:0;text-shadow:0 5px 30px rgba(85,230,255,.35)}.characters{direction:ltr;display:flex;justify-content:center;align-items:center;gap:clamp(30px,8vw,110px);margin:35px 0 25px}.character{display:grid;justify-items:center;gap:14px;animation:float 3.5s ease-in-out infinite}.astronaut-character{animation-delay:-1.6s}.planet-face{display:grid;place-items:center;border-radius:50%;position:relative}.saturn-face{width:150px;height:150px;background:repeating-linear-gradient(165deg,#ffc65c 0 19px,#efa552 20px 34px);box-shadow:inset -20px -15px 0 rgba(117,63,53,.2),0 0 45px rgba(255,180,75,.35);font-size:38px;color:#4a2936}.ringless:before,.ringless:after{content:"";position:absolute;width:48px;height:9px;border-radius:50%;background:#74dfff;top:80px}.ringless:before{left:-15px;transform:rotate(24deg)}.ringless:after{right:-15px;transform:rotate(-24deg)}.astronaut-art,.player{background:#eef7ff;border:5px solid #9ad4eb;color:#142c55}.astronaut-art{width:110px;height:148px;border-radius:52px 52px 24px 24px;position:relative;display:flex;flex-direction:column;align-items:center}.visor,.player-head{display:grid;place-items:center;background:#153868;color:#78efff;border:5px solid #91c4da;border-radius:45%;margin-top:11px}.visor{width:78px;height:57px}.body-pack{display:grid;place-items:center;color:#ff9f43;font-size:25px}.speech{direction:rtl;max-width:360px;min-height:120px;padding:15px 20px;border-radius:8px;background:#fff;color:#12264c;box-shadow:0 12px 35px rgba(0,0,0,.3);position:relative}.speech:after{content:"";position:absolute;top:-11px;border:12px solid transparent;border-bottom-color:#fff}.saturn-speech:after{left:38px}.astronaut-speech:after{right:38px}.mission-brief{margin:0 auto 25px;padding:11px 20px;max-width:610px;background:rgba(6,18,48,.8);border:1px solid var(--cyan);border-radius:8px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.mission-brief span{color:var(--yellow);font-weight:800}

/* HUD */
.hud{min-height:84px;padding:10px 3vw;display:flex;align-items:center;gap:22px;background:rgba(4,13,36,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand small,.brand strong{display:block}.brand small{color:var(--cyan)}.mini-saturn{font-size:38px}.stats{display:flex;align-items:stretch;justify-content:center;gap:7px;flex:1}.stats>div{min-width:105px;display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;padding:5px 10px;border-left:1px solid var(--line)}.stats>div>span{font-size:21px;grid-row:1/3}.stats small{color:var(--muted);font-size:11px}.stats strong{font-family:Rubik,sans-serif}.hud-actions{display:flex;gap:7px}.icon-btn,.round-btn{border:1px solid var(--line);color:white;background:#122b57;border-radius:8px;min-height:45px}.icon-btn{padding:5px 12px}.icon-btn span{font-size:18px;margin-left:4px}.round-btn{width:45px;font-size:20px}.danger{color:#ff8da7}.objective-bar{position:relative;z-index:10;min-height:54px;padding:8px 4vw;display:flex;justify-content:center;align-items:center;gap:12px;background:#12325a;border-bottom:1px solid rgba(85,230,255,.35)}.objective-bar span{color:var(--yellow);font-weight:800}
.game-view{display:none;padding:22px 4vw 45px}.active-view{display:block}.view-heading{max-width:1300px;margin:auto auto 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.view-heading p{margin:0;color:var(--cyan);font-size:13px}.view-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}.map-tip{color:var(--muted)}

/* Map */
.solar-map{direction:ltr;position:relative;max-width:1300px;height:460px;margin:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 0 50%,rgba(255,167,59,.15),transparent 35%),linear-gradient(145deg,rgba(4,14,40,.8),rgba(13,25,60,.75))}.sun{position:absolute;left:-70px;top:115px;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#ffc52f;box-shadow:0 0 25px #ffad30,0 0 80px #ff873c;z-index:2;color:#4e2a18}.sun span{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 65% 35%,#fff7a6,transparent 25%)}.sun b{transform:translateX(70px)}.orbit{position:absolute;left:35px;top:50%;height:380px;border:1px solid rgba(116,204,255,.15);border-radius:50%;transform:translateY(-50%)}.orbit-1{width:350px}.orbit-2{width:580px}.orbit-3{width:820px}.orbit-4{width:1060px}.orbit-5{width:1320px}.map-planet{position:absolute;z-index:4;display:grid;justify-items:center;gap:7px;width:100px;border:0;color:#fff;background:none;transition:.2s transform}.map-planet:hover,.map-planet:focus{transform:scale(1.1)}.planet-ball{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;font-size:32px;box-shadow:inset -12px -10px 0 rgba(0,0,0,.18),0 0 24px var(--glow)}.map-planet small{font-size:12px;color:var(--muted)}.map-planet.saturn-target .planet-ball:after{content:"";position:absolute;width:90px;height:25px;border:5px solid #f3c76b;border-radius:50%;transform:rotate(-12deg)}.map-astronaut{position:absolute;z-index:5;font-size:33px;left:165px;top:205px;animation:fly 9s ease-in-out infinite}.planet-status-list{max-width:1300px;margin:12px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.status-card{padding:10px 12px;border-radius:8px;background:rgba(14,35,73,.9);border:1px solid var(--line)}.status-card strong{display:block}.status-card span{font-size:12px;color:var(--muted)}

/* Exploration */
.explore-heading{direction:ltr}.explore-heading>div{direction:rtl}.local-progress{direction:rtl;display:flex;gap:8px}.local-progress span{padding:6px 10px;background:#10284f;border-radius:6px}.exploration-area{direction:ltr;max-width:1300px;height:min(68vh,610px);min-height:480px;margin:auto;position:relative;overflow:hidden;border:2px solid var(--planet-accent,#55e6ff);border-radius:8px;background:linear-gradient(180deg,var(--sky-a,#0a1640),var(--sky-b,#182d56) 65%,var(--ground,#6f5260) 66%);box-shadow:0 15px 60px rgba(0,0,0,.3);outline:none}.planet-horizon{position:absolute;width:80%;height:180px;left:10%;bottom:-110px;border-radius:50%;background:var(--ground,#6f5260);box-shadow:0 -8px 28px rgba(255,255,255,.1)}#terrain-decor:before,#terrain-decor:after{content:"";position:absolute;bottom:17%;width:100px;height:55px;border-radius:50% 50% 0 0;background:rgba(0,0,0,.14)}#terrain-decor:before{left:12%}#terrain-decor:after{right:16%;width:150px;height:75px}.player{position:absolute;z-index:8;left:8%;top:55%;width:62px;height:84px;border-radius:30px 30px 14px 14px;transition:left .08s linear,top .08s linear;filter:drop-shadow(0 8px 6px rgba(0,0,0,.3))}.player-head{width:45px;height:35px;font-size:11px;margin:4px auto}.player-body{display:block;text-align:center;color:#ff9f43}.collectible{position:absolute;z-index:7;border:0;background:none;filter:drop-shadow(0 0 13px #fff);animation:bob 1.8s ease-in-out infinite}.ring-object{width:75px;height:55px;left:72%;top:25%;opacity:0;pointer-events:none;transition:.4s}.ring-object.revealed{opacity:1;pointer-events:auto}.ring-object span{display:block;width:65px;height:25px;border:8px solid var(--yellow);border-radius:50%;transform:rotate(-18deg)}.tool-object{left:27%;top:32%;font-size:45px}.tool-object:after{content:"";position:absolute;inset:-10px;border:2px dashed rgba(255,255,255,.5);border-radius:50%;animation:spin 5s linear infinite}.locked-zone{position:absolute;z-index:5;left:64%;top:15%;width:190px;height:180px;border:2px dashed rgba(255,255,255,.35);border-radius:50% 50% 8px 8px;background:rgba(0,0,0,.35);display:grid;place-content:center;text-align:center;color:#d6e1f0;cursor:pointer}.locked-zone>span{font-size:55px}.locked-zone.unlocked{border-color:var(--green);background:rgba(44,210,138,.1);opacity:.35}.controls-help{position:absolute;bottom:12px;left:20px;color:#e6f4ff;font-size:12px;background:rgba(4,13,36,.75);padding:5px 10px;border-radius:5px}.touch-controls{display:none;direction:ltr;position:absolute;right:15px;bottom:12px;width:132px;grid-template-columns:repeat(3,40px);gap:5px}.touch-controls button{height:40px;border:1px solid var(--line);border-radius:8px;color:#fff;background:rgba(18,43,87,.9)}.touch-controls button:first-child{grid-column:2}.touch-controls button:nth-child(2){grid-column:1}.touch-controls button:nth-child(3){grid-column:2}.touch-controls button:nth-child(4){grid-column:3}.collected{animation:collect .65s ease-in forwards!important}

.collectible{animation:none}.ring-object span,.tool-object>span{display:block;animation:bob 1.8s ease-in-out infinite}.collectible.collected{animation:collect .65s ease-in forwards!important}

/* Modal */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(1,5,18,.78);backdrop-filter:blur(8px)}.modal.open{display:grid}.modal-card{position:relative;width:min(660px,100%);max-height:90vh;overflow:auto;padding:30px;border:1px solid rgba(85,230,255,.35);border-radius:8px;background:linear-gradient(145deg,#122f5e,#091a3d);box-shadow:0 25px 80px #000;animation:pop .3s ease}.modal-close{position:absolute;left:12px;top:8px;border:0;background:none;color:#fff;font-size:32px}.modal-hero{text-align:center}.modal-icon{display:block;font-size:72px;filter:drop-shadow(0 0 18px rgba(255,255,255,.4));animation:bob 2s ease-in-out infinite}.modal-hero h2{margin:4px 0;color:var(--yellow);font-size:30px}.modal-hero p{font-size:18px}.knowledge-badge{display:inline-block;padding:6px 13px;border-radius:6px;background:#143d56;color:var(--green);font-weight:800}.modal-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.backpack-grid,.discoveries-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.item-card{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:7px;background:rgba(2,12,35,.42)}.item-card.empty{opacity:.45}.item-card>span{font-size:34px}.item-card strong,.item-card small{display:block}.item-card small{color:var(--muted);line-height:1.5}.capacity{height:9px;background:#07142f;border-radius:3px;overflow:hidden}.capacity span{display:block;height:100%;background:var(--green)}.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,100px);padding:10px 20px;border:1px solid var(--line);border-radius:8px;background:#102b54;color:white;opacity:0;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}#particle-layer i{position:absolute;z-index:20;width:8px;height:8px;border-radius:50%;background:var(--yellow);animation:particle .8s ease-out forwards}

/* Finale */
#final-screen.active{display:grid;place-items:center;padding:25px}.final-content{text-align:center;z-index:2}.restored-saturn{position:relative;width:220px;height:190px;margin:auto;display:grid;place-items:center}.restored-saturn .saturn-face{z-index:3}.final-ring{position:absolute;width:220px;height:58px;border:7px solid var(--yellow);border-radius:50%;transform:rotate(-12deg)}.ring-b{width:235px;border-color:#ff9f43}.ring-c{width:250px;border-color:#55e6ff}.ring-d{width:265px;border-color:#ff6d9d}.ring-e{width:280px;border-color:#9aee7e}.final-quote{color:var(--muted);font-size:18px}.final-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.final-stats div{padding:14px;background:rgba(13,33,72,.8);border:1px solid var(--line);border-radius:8px;font-size:26px}.final-stats b,.final-stats span{display:block}.final-stats b{color:var(--yellow)}.final-stats span{font-size:13px;color:var(--muted)}.final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

@keyframes float{50%{transform:translateY(-12px)}}@keyframes bob{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:400px 300px}}@keyframes fly{50%{left:82%;top:115px;transform:rotate(12deg)}}@keyframes pop{from{opacity:0;transform:scale(.82)}}@keyframes collect{50%{transform:scale(1.6) rotate(30deg);filter:drop-shadow(0 0 30px #fff)}to{transform:translate(-180px,180px) scale(0);opacity:0}}@keyframes particle{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
@media(max-width:900px){.hud{flex-wrap:wrap}.brand{min-width:0}.stats{order:3;width:100%}.stats>div{min-width:0;padding:4px;flex:1}.stats small{display:none}.hud-actions{margin-right:auto}.planet-status-list{grid-template-columns:repeat(2,1fr)}.characters{gap:20px}.speech{font-size:14px}.touch-controls{display:grid}.controls-help{display:none}.solar-map{height:520px}.orbit{display:none}.map-planet{position:absolute!important}.final-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#intro-screen{padding:20px 12px}.characters{flex-direction:column;margin:20px 0}.character{grid-template-columns:90px 1fr;align-items:center}.saturn-face{width:90px;height:90px;font-size:24px}.astronaut-art{width:75px;height:100px}.visor{width:57px;height:42px;font-size:12px}.speech{min-height:0;padding:10px;font-size:12px}.story-stage h1{font-size:2.4rem}.mission-brief{font-size:13px}.icon-btn b{display:none}.stats strong{font-size:12px}.view-heading{align-items:flex-start}.map-tip{display:none}.solar-map{height:560px}.planet-status-list{grid-template-columns:1fr}.map-planet{width:75px}.planet-ball{width:55px;height:55px}.exploration-area{min-height:520px}.locked-zone{width:135px;height:150px}.backpack-grid,.discoveries-grid{grid-template-columns:1fr}.modal-card{padding:28px 18px}.final-content h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}