:root{color-scheme:dark;--bg:#050816;--panel:#10162a;--panel2:#16213e;--line:#2a3868;--text:#eef5ff;--muted:#9fb0d9;--accent:#73f7ff;--good:#83ffb4;--warn:#ffd166;--bad:#ff7b7b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#02030b;color:var(--text);overflow:hidden}.game-shell{height:100vh;display:grid;grid-template-columns:320px 1fr;grid-template-rows:1fr 118px}.sidebar{grid-row:1/3;background:linear-gradient(180deg,rgba(16,22,42,.96),rgba(7,10,24,.98));border-right:1px solid var(--line);padding:22px;overflow:auto}.brand{display:flex;gap:14px;align-items:center}.brand>span{font-size:44px;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent))}.brand h1{margin:0;font-size:28px;letter-spacing:.06em}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.resources{display:grid;gap:12px;margin:24px 0}.resources article{display:grid;grid-template-columns:38px 1fr auto;gap:4px 10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}.resources span{grid-row:1/3;font-size:30px;color:var(--accent)}.resources strong{font-size:22px}.resources small{color:var(--muted)}.resources em{grid-row:1/3;color:var(--good);font-style:normal}.planet-lists details{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}.planet-lists summary{cursor:pointer;padding:13px 14px;font-weight:700}.planet-list{display:grid;gap:8px;padding:0 10px 12px}.planet-item{width:100%;border:1px solid transparent;border-radius:12px;padding:10px;background:rgba(255,255,255,.06);color:var(--text);text-align:left;cursor:pointer}.planet-item.active,.planet-item:hover{border-color:var(--accent);background:rgba(115,247,255,.12)}.planet-item small{display:block;color:var(--muted);margin-top:3px}.planet-stage{position:relative;overflow:hidden;display:grid;place-items:center;padding:34px;background:#02030b}.stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(88,117,214,.16) 0 1px,transparent 1.6px) 0 0/22px 22px,radial-gradient(circle at 20% 25%,rgba(115,247,255,.18),transparent 30%),radial-gradient(circle at 82% 70%,rgba(125,140,255,.14),transparent 34%),#02030b;animation:star-drift 22s linear infinite}.stars::before,.stars::after{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 68% 18%,rgba(115,247,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 74%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 34% 78%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);background-size:210px 210px;opacity:.58;animation:star-twinkle 5s ease-in-out infinite alternate}.stars::after{filter:blur(1px);background-size:340px 340px;opacity:.34;animation-duration:8s}.selected-card,.planet-readout{position:absolute;z-index:2;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(7,10,24,.68);backdrop-filter:blur(10px);box-shadow:0 12px 38px rgba(0,0,0,.24)}.selected-card{top:28px;left:34px;min-width:320px}.name-row{display:flex;gap:10px}.name-row input{flex:1;min-width:0;background:#070b19;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:22px;font-weight:800;padding:9px 10px}.name-row button,.action-bar button{border:0;border-radius:12px;background:linear-gradient(135deg,#70f6ff,#7d8cff);color:#071022;font-weight:900;cursor:pointer}.name-row button{padding:0 14px}.selected-card p{color:var(--muted);margin:10px 0 0}.planet-readout{right:34px;bottom:28px;max-width:430px}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:rgba(255,255,255,.05)}.planet{width:min(46vw,460px);aspect-ratio:1;position:relative;z-index:1;display:grid;place-items:center;overflow:visible}.celestial-codebody{position:relative;width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 0 38px rgba(115,247,255,.22));animation:float-body 6s ease-in-out infinite}.planet-globe{position:relative;z-index:2;width:78%;height:78%;border-radius:50%;overflow:hidden;background:var(--planet-surface);box-shadow:inset -52px -30px 72px rgba(0,0,0,.52),inset 24px 18px 42px rgba(255,255,255,.14),0 0 52px var(--planet-glow)}.planet-globe::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 42%,rgba(255,255,255,.24) 48%,transparent 55%);mix-blend-mode:screen;animation:surface-spin 7s linear infinite}.planet-globe::after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.28),transparent 14%),radial-gradient(circle at 70% 62%,rgba(255,255,255,.12),transparent 18%);opacity:.75}.visual-exoplanet{--planet-surface:linear-gradient(135deg,#1b7cc8,#28d09f);--planet-glow:rgba(115,247,255,.42)}.visual-ocean{--planet-surface:linear-gradient(135deg,#063d91,#13a4d8);--planet-glow:rgba(65,197,255,.52)}.visual-metal{--planet-surface:linear-gradient(135deg,#888f9d,#d9d0b8);--planet-glow:rgba(214,224,240,.42)}.visual-gas{--planet-surface:linear-gradient(135deg,#ffb067,#9f5cff);--planet-glow:rgba(255,177,102,.45)}.visual-sun{--planet-surface:linear-gradient(135deg,#ffd166,#ff7b2e);--planet-glow:rgba(255,209,102,.88)}.visual-blackhole{--planet-surface:linear-gradient(135deg,#02030b,#10162a);--planet-glow:rgba(125,140,255,.62)}.planet-ring{position:absolute;z-index:1;width:112%;height:38%;border:16px solid rgba(211,231,255,.58);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 28px rgba(115,247,255,.28);animation:ring-glide 9s linear infinite}.visual-blackhole .planet-ring{width:122%;height:42%;border-color:rgba(115,247,255,.76);border-left-color:rgba(255,209,102,.45);border-right-color:rgba(125,140,255,.28);filter:blur(.4px)}.planet-band{position:absolute;left:-10%;right:-10%;height:7%;border-radius:999px;background:rgba(255,255,255,.28);animation:band-flow 8s linear infinite}.band-1{top:24%}.band-2{top:39%;opacity:.65}.band-3{top:51%;height:10%;opacity:.8}.band-4{top:66%;opacity:.54}.band-5{top:76%;height:5%;opacity:.45}.moon{position:absolute;z-index:3;width:8%;height:8%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#9fb0d9);box-shadow:0 0 18px rgba(255,255,255,.38);transform-origin:260% 260%;animation:moon-orbit 8s linear infinite}.moon-1{left:4%;top:18%}.moon-2{right:6%;bottom:18%;animation-duration:11s;animation-direction:reverse}.asteroid-field{position:relative;width:100%;height:100%;animation:float-body 7s ease-in-out infinite}.asteroid-rock{position:absolute;width:18%;height:15%;border-radius:45% 55% 48% 52%;background:linear-gradient(135deg,#d6e0f0,#6b7284 55%,#242b3c);box-shadow:inset -14px -8px 18px rgba(0,0,0,.42),0 0 22px rgba(214,224,240,.18);animation:rock-spin 5s linear infinite}.rock-1{left:17%;top:42%}.rock-2{left:34%;top:24%;width:14%;height:12%;animation-duration:7s}.rock-3{left:55%;top:53%;width:22%;height:18%;animation-duration:6s}.rock-4{left:72%;top:34%;width:16%;height:14%;animation-duration:8s}.rock-5{left:46%;top:76%;width:13%;height:11%;animation-duration:5.5s}.rock-6{left:25%;top:67%;width:11%;height:10%;animation-duration:9s}.rock-7{left:62%;top:18%;width:10%;height:9%;animation-duration:6.5s}@keyframes star-drift{to{background-position:22px 22px,0 0,0 0,0 0}}@keyframes star-twinkle{to{opacity:.88;transform:translate3d(12px,8px,0)}}@keyframes float-body{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes surface-spin{to{transform:translateX(120%)}}@keyframes ring-glide{to{filter:hue-rotate(32deg)}}@keyframes band-flow{to{transform:translateX(18%)}}@keyframes moon-orbit{to{transform:rotate(360deg)}}@keyframes rock-spin{to{transform:rotate(360deg)}}.action-bar{grid-column:2;background:rgba(7,10,24,.92);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 22px}.action-bar button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:14px 18px;background:linear-gradient(135deg,#1de3ee,#8aa1ff)}.action-bar button:disabled{filter:grayscale(.8);opacity:.45;cursor:not-allowed}.action-bar span{grid-row:1/3;font-size:34px}.action-bar small{font-weight:700;color:#263052}#toast{position:fixed;left:50%;bottom:136px;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:#10162a;border:1px solid var(--line);opacity:0;transition:.25s}#toast.show{opacity:1}@keyframes drift{to{transform:translateY(80px)}}@media (max-width:850px){body{overflow:auto}.game-shell{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto 560px auto}.sidebar{grid-row:auto}.action-bar{grid-column:auto;grid-template-columns:1fr}.selected-card,.planet-readout{left:16px;right:16px}.planet{width:min(72vw,360px)}}
.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:rgba(2,3,11,.78);backdrop-filter:blur(8px)}.modal-backdrop.hidden{display:none}.modal-card{width:min(560px,100%);border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(16,22,42,.98),rgba(7,10,24,.98));box-shadow:0 26px 80px rgba(0,0,0,.45),0 0 60px rgba(115,247,255,.12)}.modal-icon{display:inline-block;font-size:44px;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent))}.modal-card h2{margin:10px 0 8px;font-size:30px}.modal-card p,.modal-card li{color:var(--muted);line-height:1.55}.modal-card ul{padding-left:22px;margin:16px 0 22px}.modal-card button{width:100%;border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#70f6ff,#7d8cff);color:#071022;font-weight:900;cursor:pointer}

.victory-actions{display:grid;gap:12px;margin-top:22px}.victory-actions a,.victory-actions button{display:block;width:100%;border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#70f6ff,#7d8cff);color:#071022;font:inherit;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.victory-actions a:nth-child(2){background:linear-gradient(135deg,#83ffb4,#73f7ff)}.victory-actions a:nth-child(3){background:linear-gradient(135deg,#ffd166,#ff9f7d)}

.tech-tree{position:fixed;inset:0;z-index:9;padding:24px;background:radial-gradient(circle at 50% 15%,rgba(115,247,255,.16),rgba(2,3,11,.96) 48%,#02030b 100%);backdrop-filter:blur(10px);overflow:auto}.tech-tree.hidden{display:none}.tech-panel{min-height:100%;border:1px solid var(--line);border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(16,22,42,.94),rgba(7,10,24,.96));box-shadow:0 26px 80px rgba(0,0,0,.48)}.tech-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.tech-header h2{margin:4px 0 8px;font-size:clamp(32px,5vw,58px);letter-spacing:.04em}.tech-header p{margin:0;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent)!important;font-weight:900;font-size:12px}.tech-header button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.08);color:var(--text);font-size:34px;line-height:1;cursor:pointer}.tech-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tech-branch{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.045)}.tech-branch h3{margin:0 0 6px;font-size:22px}.tech-branch>p{margin:0 0 16px;color:var(--muted);line-height:1.45}.tech-levels{display:grid;gap:12px}.tech-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(2,3,11,.42)}.tech-card.unlocked{border-color:rgba(131,255,180,.58);background:rgba(131,255,180,.08)}.tech-card.locked{opacity:.62}.tech-card h4{margin:0 0 6px;display:flex;justify-content:space-between;gap:10px}.tech-card p{margin:0 0 10px;color:var(--muted);line-height:1.35}.tech-card button{width:100%;border:0;border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,#70f6ff,#7d8cff);color:#071022;font-weight:900;cursor:pointer}.tech-card button:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed}.tech-cost{display:block;color:var(--warn);font-size:12px;font-weight:800;margin-bottom:10px}.tech-effect{color:var(--good);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}@media (max-width:1100px){.tech-branches{grid-template-columns:1fr}.action-bar{grid-template-columns:repeat(2,1fr)}}
.resource-pickup{position:absolute;z-index:3;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 4px;align-items:center;min-width:74px;padding:9px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#071022;font-weight:900;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(115,247,255,.42),0 10px 26px rgba(0,0,0,.32);animation:pickup-pulse 1.8s ease-in-out infinite}.resource-pickup span{grid-row:1/3;font-size:22px}.resource-pickup strong{line-height:1}.resource-pickup small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(7,16,34,.72)}.pickup-energy{background:linear-gradient(135deg,#ffd166,#73f7ff)}.pickup-minerals{background:linear-gradient(135deg,#d6e0f0,#83ffb4)}.pickup-population{background:linear-gradient(135deg,#ff8bd1,#83ffb4)}@keyframes pickup-pulse{0%,100%{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}50%{filter:brightness(1.18);transform:translate(-50%,-50%) scale(1.08)}}