.frontier-banner{margin:22px 0;border:3px solid #95cbbb;box-shadow:6px 6px #080f20;padding:28px;background:linear-gradient(110deg,#1b3b49,#252e49);display:flex;gap:24px;align-items:center}.frontier-banner>div{flex:1}.frontier-banner small{font:12px Pixel;color:#9bd5c4;letter-spacing:2px}.frontier-banner h2{font:25px/1.5 Press;margin:14px 0;color:#efcd91}.frontier-banner p{font:21px Pixel;color:#c2d9d3;margin:0}.frontier-banner .button-row{margin:0;flex-direction:column}.frontier-banner .primary{white-space:nowrap}.wallet-menu{font:12px Pixel;padding:8px 13px;color:#b3ead5;border:2px solid #5d837f}.wallet-menu small{display:block;font:9px Pixel;color:#c4acd9;margin-top:5px}.frontier-hub-hero{position:relative;background:#122c3a;padding:28px;border:3px solid #507576;overflow:hidden}.frontier-hub-hero h3{font:27px/1.55 Press;color:#ebd8ad;margin:17px 0}.frontier-hub-hero em{color:#9edcc3;font-style:normal}.frontier-hub-hero p{font:20px/1.5 Pixel!important;margin-bottom:0}.hub-pixel-rocket{position:absolute;right:50px;top:65px;width:56px;height:118px;background:#c7dad2;border:6px solid #607c89;box-shadow:-15px 42px #edab75,15px 42px #edab75;transform:rotate(24deg)}.hub-pixel-rocket:before{content:'';position:absolute;left:8px;top:-28px;width:28px;height:28px;background:#dda577;box-shadow:7px -10px #dda577}.hub-pixel-rocket:after{content:'';position:absolute;left:7px;bottom:-70px;width:28px;height:40px;background:#f5d187;box-shadow:7px 25px #e39266}.hub-pixel-rocket i{position:absolute;left:8px;top:21px;width:29px;height:30px;background:#25445c;border:5px solid #81baae;box-shadow:0 45px #7d8889}.frontier-profile{display:flex;gap:15px;justify-content:space-between;border:2px solid #456579;background:#122638;padding:18px;margin:20px 0;font:12px Pixel;color:#b2c7c8}.frontier-profile b{display:block;font:28px Pixel;color:#c6f5d7;margin-top:5px}.frontier-contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.frontier-contracts button{border:2px solid #4e667f;background:#1e3045;text-align:left;padding:18px;display:grid;gap:12px;font:17px/1.3 Pixel}.frontier-contracts button.selected{border-color:#b3e6ca;box-shadow:inset 0 0 0 3px #446258;background:#234043}.frontier-contracts small{font-size:10px;color:#adbbb9}.frontier-contracts b{font-size:21px;color:#f1d09a}.frontier-contracts span{color:#c1d3d8}.frontier-contracts em{font:11px/1.5 Pixel;color:#a2d6c3;font-style:normal}.loot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.loot-card{border:2px solid var(--rarity);background:#142c3d;padding:18px;text-align:left;box-shadow:4px 4px #081523}.loot-card.equipped{background:#203c47}.loot-top{display:flex;gap:13px;align-items:center}.loot-icon{width:38px;height:38px;border:2px solid var(--rarity);display:grid;place-items:center;font:25px Pixel;color:var(--rarity)}.loot-card small{color:var(--rarity);font:12px Pixel}.loot-card h3{font:24px Pixel;color:#dce7cc;margin:14px 0 8px}.loot-card p{font:17px/1.4 Pixel!important;color:#adc5cf}.loot-card .loot-power{color:var(--rarity);font-size:14px!important}.loot-card .button-row{gap:9px;margin:12px 0 0}.loot-card .secondary{padding:9px;font:12px Pixel}.loot-card .text-button{font:12px Pixel}.equipped-strip{display:flex;gap:15px;font:12px Pixel;background:#102532;padding:15px}.equipped-strip>span{flex:1}.equipped-strip b{display:block;font:18px Pixel;margin-top:8px}.frontier-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:#0b1b2a;border:3px solid #496474}.frontier-map button{min-height:170px;text-align:left;display:flex;flex-direction:column;gap:14px;background:#203545;border:2px solid var(--sector);padding:17px;color:var(--sector);font:16px Pixel}.frontier-map button.current{background:#39505a}.frontier-map b{font:18px Pixel}.frontier-map small{font-size:10px}.frontier-map span{font-size:14px;color:#b5cad0}.frontier-map em{font:10px Pixel;margin-top:auto;font-style:normal}.frontier-map-player{position:absolute;width:11px;height:11px;box-shadow:0 0 0 3px #0b2035;background:#fff3b9;pointer-events:none}.result-loot{display:grid;gap:12px;padding:18px;background:#122638;font:17px Pixel}.result-loot:empty{display:none}.exp-result-icon{font:70px Pixel;text-align:center;color:#b9edc7}.web3-brand{display:flex;align-items:center;gap:25px;background:#152c3b;border:2px solid #7ea99d;padding:25px}.web3-brand small{font:10px Pixel;color:#a8b1df}.web3-brand h3{font:24px Pixel;color:#e8d5ac;margin:10px 0}.web3-brand b{font:27px Pixel;color:#a1ecd3}.web3-orbit{border:5px solid #97d9c5;width:70px;height:70px;display:grid;place-items:center;color:#e9c393;font:40px Press}.web3-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:15px}.web3-roadmap article{border:2px solid #5a6f84;background:#192e42;padding:20px}.web3-roadmap h3{font:24px Pixel;color:#e8d6af;margin:12px 0}.web3-roadmap p{font:18px/1.5 Pixel!important}.web3-roadmap span{font:11px Pixel;color:#c5b0de}.web3-roadmap .roadmap-live{color:#a4e9c7}
#frontier-hud{position:absolute;inset:0;pointer-events:none;font-family:Pixel;z-index:2}#frontier-hud button{pointer-events:auto;font-family:Pixel;background:#193446;border:2px solid #789da0;color:#d9e9c9;box-shadow:3px 3px #0b1423;cursor:pointer}#frontier-hud button:hover{background:#365765}#frontier-hud button:disabled{opacity:.55;cursor:default}.frontier-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:18px}.frontier-vitals{width:320px;background:#142939eb;border:3px solid #67828b;padding:13px 16px;box-shadow:5px 5px #081627}.frontier-vitals>span{display:block;font:14px Pixel;color:#b1e4cd}.frontier-vitals>b{font:23px Pixel;color:#e1eacf;display:block;margin-top:7px}.frontier-health{height:8px;background:#573b47;margin:9px 0 8px}.frontier-health i{display:block;height:100%;background:#9bd6a4;width:100%}.frontier-vitals small{font:12px Pixel;color:#a9c6cf}.frontier-actions{display:flex;align-items:flex-start;gap:9px}.frontier-actions button{padding:12px 15px;font-size:14px}.frontier-contract{position:absolute;top:165px;left:20px;width:250px;background:#13293adf;border-left:4px solid #ddbd86;padding:15px;display:grid;gap:9px}.frontier-contract>span{font-size:10px;color:#c7b28d}.frontier-contract>b{font-size:19px;color:#ecdbba}.frontier-contract small{font-size:12px;color:#b2d4ce}#frontier-feed{position:absolute;right:22px;top:83px;display:grid;gap:7px;color:#efd3b3;text-align:right;font-size:13px}#frontier-feed span{background:#142332bb;padding:5px 9px}#frontier-message{position:absolute;left:50%;top:42%;transform:translateX(-50%);font:17px/1.4 Pixel;color:#d5f1d5;background:#0d2738df;border:2px solid #81a59f;padding:12px 18px;max-width:550px;text-align:center}#frontier-message:empty{display:none}.frontier-bottom{position:absolute;left:20px;right:20px;bottom:48px;display:flex;align-items:center;gap:12px}.frontier-bottom button{padding:13px;font-size:14px}.frontier-bottom #frontier-use{background:#365542;flex:1;max-width:400px}.frontier-bottom #frontier-pack{font-size:15px;background:#132938df;padding:15px;color:#f1d295;border:2px solid #597584}.frontier-keys{position:absolute;bottom:18px;left:20px;right:20px;text-align:center;font-size:12px;letter-spacing:1px;color:#a2b8c3}
.splash-content h1.lost-title{font-size:clamp(25px,3.3vw,54px);line-height:1.55}.splash-subtitle.lost-subtitle{font-size:13px;letter-spacing:4px}.splash-actions #splash-web3{color:#b7e7d1}.lost-project-name{font:11px Pixel!important;letter-spacing:2px!important;display:block;margin-top:5px;color:#91c3b6!important}
@media(max-width:800px){.frontier-banner{padding:20px;flex-wrap:wrap}.frontier-banner h2{font-size:20px}.frontier-banner .button-row{flex-direction:row}.frontier-hub-hero h3{font-size:23px}.hub-pixel-rocket{right:35px;transform:scale(.75) rotate(24deg);transform-origin:right top}.frontier-contracts{grid-template-columns:1fr}.frontier-contracts button{gap:7px}.frontier-map button{min-height:155px;padding:10px}.frontier-map b{font-size:15px}.frontier-map span{font-size:12px}.frontier-map small{font-size:8px}.frontier-map em{font-size:8px}.frontier-top{top:10px;left:10px;right:10px}.frontier-vitals{width:245px;padding:10px}.frontier-actions button{padding:10px;font-size:12px}.frontier-contract{left:10px;top:144px;width:220px;padding:11px}.frontier-bottom{left:10px;right:10px;bottom:145px;gap:8px;flex-wrap:wrap}.frontier-bottom button{font-size:12px;padding:10px}.frontier-bottom #frontier-pack{font-size:12px;padding:11px}.frontier-bottom #frontier-use{order:3;max-width:none;min-width:100%}.frontier-keys{display:none}#frontier-feed{right:10px;top:72px;font-size:10px;max-width:170px}#frontier-message{font-size:15px;width:85%;top:51%}.loot-grid{grid-template-columns:1fr}.web3-roadmap{grid-template-columns:1fr}.web3-brand{padding:17px;gap:15px}.web3-brand h3{font-size:20px}}
@media(max-width:500px){.frontier-actions{flex-wrap:wrap;max-width:104px;gap:5px;justify-content:flex-end}.frontier-actions button{font-size:11px;padding:8px}.frontier-vitals{width:240px}.frontier-vitals>span{font-size:12px}.frontier-vitals>b{font-size:21px}.frontier-vitals small{font-size:11px}.frontier-contract{top:151px;width:201px}.frontier-contract>b{font-size:16px}.frontier-contract small{font-size:10px}#frontier-feed{top:280px;right:10px;max-width:175px}.frontier-hub-hero{padding:20px}.frontier-hub-hero h3{font-size:18px}.frontier-hub-hero p{font-size:17px!important;max-width:220px}.hub-pixel-rocket{right:25px;top:70px;transform:scale(.48) rotate(24deg)}.frontier-profile{gap:8px;padding:12px;font-size:10px}.frontier-profile b{font-size:22px}.frontier-map{gap:5px;padding:5px}.frontier-map button{padding:8px;min-height:177px;gap:11px}.frontier-map b{font-size:14px}.frontier-map span{font-size:12px}.frontier-banner h2{font-size:16px}.wallet-menu{font-size:9px;padding:6px}.wallet-menu small{font-size:8px}.splash-content h1.lost-title{font-size:clamp(22px,6.5vw,35px)}.splash-subtitle.lost-subtitle{font-size:10px;letter-spacing:2px}.equipped-strip{gap:8px}.equipped-strip b{font-size:14px}}
@media(pointer:coarse){.frontier-bottom{bottom:150px}.frontier-keys{display:none}}
@media(max-height:500px){.frontier-top{top:7px}.frontier-vitals{width:210px;padding:8px}.frontier-vitals>b{font-size:17px}.frontier-vitals>span,.frontier-vitals small{font-size:10px}.frontier-contract{top:127px;width:190px;padding:9px}.frontier-contract small{font-size:10px}.frontier-contract>b{font-size:15px}.frontier-bottom{left:135px;right:135px;bottom:12px;justify-content:center;gap:6px}.frontier-bottom #frontier-pack{position:absolute;bottom:90px;left:0;font-size:11px}.frontier-bottom #frontier-use{font-size:11px;padding:8px;order:0}.frontier-bottom button{font-size:11px;padding:8px}.frontier-keys{display:none}#frontier-message{top:40%;font-size:13px;padding:8px}#frontier-feed{top:60px;font-size:10px;max-width:210px}.frontier-hub-hero h3{font-size:20px}}

#frontier-shuttle{padding:10px;font-size:12px;border-color:#d3b483;color:#eacd9e}@media(max-width:650px){#frontier-shuttle{position:absolute;right:0;top:124px;font-size:10px;padding:9px}.station-top #crew-journal{top:76px}}@media(max-height:500px){#frontier-shuttle{position:static;padding:8px;font-size:10px}}

#frontier-message{top:auto;bottom:118px;font-size:15px;max-width:540px;background:#10283bdd}#frontier-message:empty{display:none}@media(max-width:800px){#frontier-message{top:auto;bottom:249px;font-size:13px;padding:8px 12px}}@media(max-height:500px){#frontier-message{bottom:64px;max-width:420px;font-size:12px}}
@media(max-width:500px) and (min-height:501px){#frontier-feed{top:155px;max-width:155px;font-size:9px}#frontier-feed span:nth-child(n+3){display:none}}