@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--lime:#d6efaa;--ink:#e9eddf;--muted:#a4b0a7;--glass:rgba(19,30,28,.86);--line:rgba(227,239,208,.14)}*{box-sizing:border-box}body{margin:0;background:#293d32;color:var(--ink);font:14px 'DM Sans',sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:rgba(29,43,37,.8);border-radius:5px;padding:10px 15px}button:hover{background:#3b5141;border-color:var(--lime)}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}#view,#vignette{position:fixed;inset:0}#view canvas{display:block;width:100%;height:100%}#vignette{pointer-events:none;background:radial-gradient(ellipse at 53% 47%,transparent 25%,rgba(10,21,18,.25) 85%)}header{height:80px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:linear-gradient(#14221ded,transparent);z-index:2}.brand{font:700 26px 'Barlow Condensed',sans-serif;letter-spacing:3px;display:flex;align-items:center;gap:10px}.brand .star{font-size:36px;color:var(--lime)}.brand small{font:11px 'DM Sans';letter-spacing:3px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px;margin-left:8px}.topnav{display:flex;gap:32px;position:absolute;left:50%;transform:translateX(-50%)}.nav{border:0;background:none;padding:25px 3px;border-radius:0;color:#b6c1b7}.nav.active{border-bottom:2px solid var(--lime);color:var(--lime)}.connection{display:flex;gap:9px;align-items:center;color:#c2cec0;font-size:12px}.connection i{width:6px;height:6px;background:#adc884;border-radius:50%}.connection button{margin-left:10px;background:none;font-size:21px;padding:5px 12px}main{position:absolute;inset:80px 0 0;pointer-events:none}main button{pointer-events:auto}.location{position:absolute;left:38px;top:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#c0cdba}.eyebrow span{margin:0 10px;color:#829b87}h1{font:600 78px/.98 'Barlow Condensed',sans-serif;letter-spacing:-1px;margin:13px 0 10px}.planetDot{color:var(--lime)}.biome{letter-spacing:4px;font-size:11px;color:#cfdbc9}.weather{display:flex;align-items:center;gap:10px;margin-top:25px;color:#d5e2ce;font-size:12px}.weather #sun{color:var(--lime);font-size:18px}.divider{height:12px;width:1px;background:var(--line);margin:0 3px}.danger{display:flex;gap:14px;margin-top:14px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#b3c3ac}.danger b{color:var(--lime);letter-spacing:4px;font-size:11px}.panel{background:var(--glass);border:1px solid var(--line);border-radius:7px;backdrop-filter:blur(15px);box-shadow:0 10px 40px #0a17161a}.mission{position:absolute;right:28px;top:29px;width:276px;padding:20px}.mission .eyebrow{display:flex;justify-content:space-between}.mission .eyebrow span{margin:0}h2{font:600 27px 'Barlow Condensed',sans-serif;letter-spacing:.2px;margin:14px 0 10px}.mission p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:19px}.objective{display:flex;align-items:center;gap:9px;font-size:11px;padding:10px 0;border-top:1px solid var(--line)}.objective b{font-size:10px;font-weight:400;margin-left:auto;color:var(--muted)}.objective.done .check{color:var(--lime)}.reward{border-top:1px solid var(--line);padding-top:14px;margin-top:5px;color:var(--lime);display:flex;gap:9px;font-size:14px}.reward span{font-size:8px;letter-spacing:1.3px;padding-top:4px}.mini{position:absolute;right:28px;bottom:124px;width:208px;padding:13px}.minihead{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted)}#minimap{width:180px;height:140px;margin-top:5px}.maplegend{display:flex;gap:12px;font-size:8px;color:var(--muted)}.maplegend span{display:flex;align-items:center;gap:4px}.maplegend i{width:4px;height:4px;border-radius:50%}.green{background:#daefab}.purple{background:#aa89ef}.red{background:#e99478}.resources{position:absolute;top:284px;left:38px;display:flex;gap:21px;align-items:center;padding:12px 16px}.resources>div{display:flex;gap:8px;align-items:center}.resources small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:3px}.resources b{font-size:17px;font-weight:500}.resourceIcon{font-size:25px;color:var(--lime)}.crystal{color:#acb8eb}.ore{color:#dcb998}.resources button{margin-left:5px;padding:9px 12px;font-size:11px;border-color:#bdd9915c;color:var(--lime)}kbd{font:9px 'DM Sans';border:1px solid #b9c5b340;border-radius:3px;padding:2px 4px;color:#c7d0bd;margin-left:6px}.player{position:absolute;bottom:38px;left:28px;width:280px;display:flex;padding:12px;align-items:center;gap:12px}.portrait{display:grid;place-items:center;height:44px;width:44px;flex-shrink:0;background:#748967;color:#e1edc2;border-radius:6px;font-size:28px;border:1px solid #c4d3b6}.playerinfo{flex:1}.playerinfo>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.playerinfo small{font-size:8px;color:var(--lime)}.health{position:relative;height:10px;background:#344937;border-radius:2px}.health i{display:block;background:#b8d68d;height:100%;width:100%;border-radius:2px}.health span{position:absolute;inset:0;text-align:center;font-size:8px;line-height:10px;color:#1a281b;font-weight:700}.xp{height:2px;margin-top:5px;background:#3f5140}.xp i{display:block;background:#ded6a0;height:100%;width:0}.player button{background:none;padding:3px;border:none;color:var(--muted)}.abilities{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:flex-end}.ability{height:65px;width:64px;position:relative;background:#192b25d9;border:1px solid #cedac735;border-bottom:2px solid #b1c593;padding:8px;display:flex;align-items:center;justify-content:center}.ability:first-child{height:73px;width:73px;background:#384c35e0;border-color:#c5de9c}.ability>span{font-size:27px;color:#d8e8bd}.ability kbd{position:absolute;bottom:4px;font-size:8px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}.ability small{position:absolute;bottom:-20px;font-size:9px;color:#c5d2bf}.ability.cooldown{opacity:.4}.bottomnote{position:absolute;right:28px;bottom:35px;font-size:8px;letter-spacing:1.5px;color:#bac8b9}.bottomnote span{padding:0 8px;color:var(--lime)}#context{position:absolute;bottom:134px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:#172b2399;padding:9px 16px;border-radius:20px;color:#dae8cf}#toast{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#182a22ee;border:1px solid #d6efaa66;padding:12px 20px;border-radius:5px;opacity:0;transition:opacity .2s;max-width:420px;text-align:center;font-size:13px}#toast.visible{opacity:1}dialog{background:#172820;color:var(--ink);border:1px solid #d6efaa44;border-radius:12px;padding:28px;width:min(860px,94vw);max-height:90vh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#081912b3;backdrop-filter:blur(6px)}.dialoghead{display:flex;align-items:center;justify-content:space-between}.dialoghead h2{font-size:34px;margin-bottom:0}.close{font-size:24px;background:none;border:0;padding:5px 10px}.muted{font-size:14px;color:var(--muted);line-height:1.7}#planetCards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:26px}.planetcard{display:flex;flex-direction:column;align-items:center;padding:25px 8px 17px;background:#23372b;min-height:185px}.orb{height:68px;width:68px;border-radius:50%;background:radial-gradient(circle at 28% 23%,var(--p),#152321);box-shadow:inset -12px -8px 15px #0006,0 0 25px #bcd39811;margin-bottom:16px}.planetcard strong{font:600 23px 'Barlow Condensed'}.planetcard small{font-size:9px;color:var(--muted);margin-top:8px}.planetcard.selected{border-color:var(--lime)}.mothership{display:flex;gap:17px;align-items:center;background:#22372d;margin-top:20px;padding:16px;font-size:28px;color:var(--lime)}.mothership strong{font-size:14px;color:var(--ink)}.mothership p{font-size:12px;color:var(--muted);margin:5px 0;line-height:1.7}.blueprints{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.blueprints button{text-align:left;padding:25px 20px;background:#26392d}.blueprints span{font-size:35px;color:var(--lime)}h3{font:600 25px 'Barlow Condensed';margin:15px 0 5px}.blueprints p{color:var(--muted);font-size:13px;line-height:1.6}.blueprints small{color:var(--lime);font-size:11px}.dialogactions{display:flex;gap:10px;flex-wrap:wrap}#colonyStats{display:flex;gap:30px;margin:25px 0}#colonyStats b{font:500 40px 'Barlow Condensed';display:block;color:var(--lime)}#colonyStats small{color:var(--muted)}#identityDialog{max-width:490px}.credential{background:#253c2e;padding:20px;display:grid;gap:8px;margin-bottom:20px}.credential small{font-size:10px;letter-spacing:2px;color:var(--muted)}.credential strong{font:600 30px 'Barlow Condensed';letter-spacing:3px}.credential strong:last-child{color:var(--lime)}details{margin-top:20px}summary{cursor:pointer;color:var(--muted)}form{display:grid;gap:12px;margin-top:18px}label{display:grid;gap:5px;color:var(--muted)}input{padding:12px;background:#0f2017;color:var(--ink);border:1px solid var(--line);border-radius:4px}#loading{position:fixed;inset:0;z-index:5;background:#192b23;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading .star{font-size:70px;color:var(--lime);animation:pulse 2s infinite}#loading h2{font-size:35px}#loading p{color:var(--muted)}@keyframes pulse{50%{opacity:.4;transform:rotate(30deg)}}#touchMove{display:none;pointer-events:auto}button:disabled{opacity:.45;cursor:default} @media(max-height:720px){.mission{top:15px}.mini{bottom:120px}.location{top:12px}h1{font-size:65px}.resources{top:250px}.mission p{margin-bottom:12px}.objective{padding:8px 0}}@media(max-width:1000px){.brand small{display:none}.topnav{gap:20px}.mission{width:235px}.resources{gap:12px}.mini{width:188px}#minimap{width:160px}.player{width:235px}.bottomnote{display:none}}@media(max-width:700px){header{height:65px;padding:0 16px}.brand{font-size:21px}.brand .star{font-size:27px}.topnav{left:auto;right:15px;transform:none;gap:14px}.nav{font-size:11px;padding:20px 0}.nav kbd,.connection{display:none}main{top:65px}.location{left:20px;top:12px}h1{font-size:52px}.eyebrow{font-size:8px}.biome{font-size:9px;letter-spacing:2px}.weather{margin-top:12px}.danger{margin-top:8px}.mission{display:none}.resources{left:16px;top:205px;gap:13px;padding:9px}.resources b{font-size:14px}.resources small{font-size:7px}.resourceIcon{font-size:20px}.resources button{padding:8px;font-size:10px}.resources button kbd{display:none}.mini{right:12px;top:12px;bottom:auto;width:125px;padding:8px;opacity:.85}#minimap{width:108px;height:94px}.minihead{font-size:7px;letter-spacing:0}.maplegend{display:none}.player{bottom:20px;left:12px;width:180px;padding:8px;gap:7px}.portrait{height:31px;width:31px;font-size:22px}.playerinfo>div:first-child{font-size:9px}.player button{display:none}.abilities{bottom:28px;right:12px;left:auto;transform:none;gap:5px}.ability,.ability:first-child{width:42px;height:48px}.ability>span{font-size:22px}.ability kbd{font-size:6px}.ability small{font-size:8px;bottom:-16px}#context{bottom:105px;font-size:9px;max-width:94vw;white-space:normal;text-align:center}#touchMove{display:block;position:absolute;bottom:150px;left:20px;text-align:center}#touchMove button{width:42px;height:42px;padding:5px;background:#253b2bd9;touch-action:none}#touchMove>div{display:flex;gap:4px;margin-top:4px}#planetCards{grid-template-columns:repeat(2,1fr)}.planetcard{min-height:130px;padding:14px}.orb{height:42px;width:42px;margin-bottom:9px}.blueprints{grid-template-columns:1fr}.blueprints button{padding:15px}.blueprints p{margin:7px 0}.blueprints span{float:right}.dialoghead h2{font-size:28px}dialog{padding:20px}#toast{top:130px;width:85vw}#colonyStats{gap:18px}.location .eyebrow{max-width:190px}}

@media(min-width:701px) and (max-width:1000px){.abilities{left:57%;}.player{width:215px}.mission{width:235px}}