/* Game instruments: open street, compact objective strip, amber salvage. */
#game{isolation:isolate;--hud:#0d202ded;--edge:#b7dbe538;--gold:#ffce73}
#world{z-index:0}.world-label{z-index:1;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;background:#112631e8;border:1px solid #d2ee8a55;border-radius:4px;padding:7px 10px}
header,.mission,.bottom-left,.controls,.career-hud{z-index:5}header{top:22px;left:24px;right:24px;gap:20px}.brand{font-size:16px}.brand-icon{width:42px;height:42px;font-size:29px}.location{padding-left:20px}.location h1{font-size:25px;margin:0 0 2px}.location .eyebrow{font-size:10px}.weather{font-size:12px}.icon-btn{border-radius:12px;background:var(--hud);border-color:var(--edge);width:44px;height:44px}
.panel{background:var(--hud);backdrop-filter:none;border-color:var(--edge);border-radius:4px 15px 4px 15px;box-shadow:0 5px 18px #020d1833}
.mission{left:24px;top:104px;width:470px;padding:12px 16px 14px;display:grid;grid-template-columns:1.15fr 1fr;gap:10px 20px;border-top:2px solid var(--lime)}
.mission>.panel-title{grid-column:1/-1;font-size:12px;letter-spacing:1px}.mission .progress-heading{margin:0 0 8px;font-size:14px;gap:12px}.mission .progress-heading strong{font-size:30px;font-weight:800}.mission .progress-heading small{font-size:14px}.mission .mission-foot{font-size:12px;margin-top:7px;flex-wrap:wrap;gap:2px 8px}.mission .container-heading{font-size:14px;min-height:30px}.mission .container-heading b{font-weight:800;font-size:18px;color:var(--lime)}.mission .bin-segments{gap:3px;margin-top:8px}.mission .bin-segments i{height:5px}.bin-sector{border-left:1px solid var(--edge);padding-left:18px}.mission #bin-status{display:none}.mission .container-guide{margin:7px 0 0;padding:0;border:0;line-height:1.35;font-size:12px;color:#d2e5ec}
.bottom-left{left:24px;bottom:24px;width:348px}.machine{padding:12px 16px;border-bottom:2px solid #9cb8c8}.machine .panel-title{font-size:12px;letter-spacing:1px}.machine-main{gap:18px;margin:12px 0}.speed{width:76px;height:76px;flex-shrink:0;border-radius:50%;border:3px solid #d2ee8a;box-shadow:inset 0 0 0 5px #ffffff08;align-items:center;justify-content:center;flex-direction:column;gap:0}.speed strong{font-size:35px;font-weight:800;letter-spacing:-1px}.speed>span{font-size:12px}.bucket-meter>div:first-child{font-size:14px;margin-bottom:8px}.bucket-meter b{font-size:23px;font-weight:800}.bucket-meter .track{height:8px}#load-state{font-size:12px}.machine-bottom{font-size:12px;padding-top:8px;gap:18px}.machine .hint{font-size:12px;margin-top:9px;padding-top:9px}.machine .live-dot{display:none}.scene-note{display:none}
.controls{bottom:24px;right:24px;width:auto;padding:10px 14px;background:#0c202bbb;border:0;border-radius:5px;display:flex;gap:20px}.controls>.panel-title{display:none}.control-row{margin:0;gap:9px;font-size:12px}.control-row:nth-child(3),.control-row:nth-child(4){display:none}kbd{font-size:12px}
.career-hud{display:flex;align-items:center;gap:9px;padding:11px 14px;color:#f6eddb;background:#172731ed;border:1px solid #ffce7366;border-radius:4px 14px 4px 14px;min-height:46px;font-size:14px;box-shadow:0 5px 18px #020d1833}.career-hud:hover{background:#31434a}.career-rank{font-size:12px;letter-spacing:1px;border-right:1px solid #ffffff30;padding-right:10px}.career-rank b{font-size:18px;color:var(--gold)}.credit-icon,.part-icon{color:var(--gold);font-size:20px}.career-caption{font-size:12px;letter-spacing:1px;margin-left:7px;color:#b9ccd5}
#reward-toast{position:absolute;z-index:7;left:50%;top:240px;transform:translateX(-50%);padding:12px 18px;background:#23352bf2;border:1px solid #ffce7388;border-radius:5px;color:#ffe1a5;font-size:14px;pointer-events:none;max-width:calc(100% - 32px);text-align:center;box-shadow:0 5px 24px #09121d66}
#unload-panel{left:50%!important;top:auto!important;bottom:98px;z-index:6}.unload{border-radius:4px 13px 4px 13px;min-height:48px;border-bottom:3px solid #859d54}.menu-open .career-hud,.menu-open #reward-toast{visibility:hidden}
#dialog{border-radius:6px 24px 6px 24px;border-top:3px solid var(--lime);background:#0d202dee}.menu-button,.primary{border-radius:4px 11px 4px 11px}.menu-level{padding:15px 0}.menu-footnote{margin-top:15px}.career-summary{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--gold);font-size:14px;padding:14px 0}.career-summary b{font-size:22px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.collection-grid span{display:grid;place-items:center;min-height:50px;border:1px dashed #afcad33b;border-radius:5px;color:#8a9fae;font-size:18px;text-align:center;padding:5px}.collection-grid .found{color:#ffdb9c;border:1px solid #ffce7355;background:#ffce7310;font-size:12px}#collection-count{float:right;font-weight:400;color:#ffce73}#dialog h3{font-size:16px;margin:22px 0 12px}.fleet-path{list-style:none;padding:0;counter-reset:fleet}.fleet-path li{counter-increment:fleet;border-left:2px solid #405961;padding:5px 0 5px 14px}.fleet-path li:first-child{border-color:var(--lime)}.fleet-path b{font-size:14px;display:block}.fleet-path span{font-size:12px;color:#a7bdc4}
@media(min-width:761px) and (max-height:650px){#game:not(.mobile) .mission{width:410px;top:88px;padding:10px 13px;gap:8px 12px}#game:not(.mobile) .bottom-left{display:block;bottom:16px;width:310px}#game:not(.mobile) .machine .hint{display:none}#game:not(.mobile) .speed{width:54px;height:54px}#game:not(.mobile) .speed strong{font-size:28px}}
@media(max-width:1000px){#game:not(.mobile) .career-caption{display:none}#game:not(.mobile) .mission{width:420px}#game:not(.mobile) .controls{gap:10px}}
.mobile .mobile-hud{gap:4px;max-width:510px}.mobile-hud>div{border-radius:3px 10px 3px 10px;border-top:2px solid #bde28a;background:#0e2430eb;box-shadow:none}.mobile-hud>div:nth-child(2){border-top-color:#8bbbc8}.mobile-hud>div:nth-child(3){border-top-color:#ffce73}.mobile .top-actions .icon-btn{border-radius:10px}.mobile .career-hud{padding:5px 9px;min-height:32px;gap:6px;font-size:12px;border-radius:4px 10px 4px 10px}.mobile .career-rank{font-size:10px;padding-right:6px}.mobile .career-rank b{font-size:14px}.mobile .career-caption{display:none}.mobile .credit-icon,.mobile .part-icon{font-size:16px}.mobile #reward-toast{top:calc(var(--safe-top) + 65px);font-size:12px;padding:8px 12px;max-width:45%;left:35%}.mobile .world-label{z-index:1;max-width:190px}.mobile .mobile-guidance{z-index:5;background:#091f2eac;border-radius:4px}.mobile .touch-bucket button{border-radius:4px 12px 4px 12px;background:#102936e8}.mobile .collection-grid{grid-template-columns:repeat(6,1fr)}.mobile .collection-grid span{min-height:42px}.mobile #dialog h3{margin:16px 0 9px}.mobile .fleet-path li{font-size:12px}.mobile #dialog .career-summary{padding-top:0}.mobile #dialog.home-view #menu-scroll{gap:20px}
@media(prefers-reduced-motion:reduce){.track>div{transition:none}}
/* Fullness lock is an authored image, with a draining striped return meter. */
.world-label.locked,.mobile .world-label.locked{width:68px;height:78px;padding:0;border:0;background:none;box-shadow:none;overflow:visible;display:flex;justify-content:center}.world-label.locked:after{display:none}.lock-indicator{display:flex;flex-direction:column;align-items:center;gap:5px}.lock-indicator img{object-fit:contain;filter:drop-shadow(0 2px 4px #041422b0);width:52px;height:52px}.lock-progress{width:64px;height:8px;overflow:hidden;background:#112431ed;border:1px solid #e4eee49c;border-radius:3px;box-shadow:0 2px 5px #06172299}.lock-progress i{display:block;height:100%;width:100%;transform-origin:left;background:repeating-linear-gradient(130deg,#edc971 0 5px,#9e762d 5px 9px)}
#event-feed{position:absolute;z-index:5;left:24px;width:410px;max-width:calc(100% - 48px);pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.event-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 10px;border-left:2px solid #ffce73;background:linear-gradient(90deg,#0b2132ed,#0b213292);color:#e7f1f6;font-size:12px;text-shadow:0 1px 3px #04131c;animation:event-in .23s ease-out;transition:opacity .6s,transform .6s}.event-line b{font-size:12px;color:#ffda94;font-weight:600}.event-mark{color:#ffce73;font-weight:800;font-size:16px}.event-line.leaving{opacity:0;transform:translateX(-16px)}.menu-open #event-feed{visibility:hidden}.mobile #event-feed{left:var(--safe-left);width:340px;max-width:56%}.mobile .event-line{font-size:11px;padding:5px 8px;gap:5px}.mobile .event-line b{font-size:10px}.mobile #mobile-bin{font-size:12px}@keyframes event-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.event-line{animation:none;transition:none}}