:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-y:scroll}body.modal-open{position:fixed;width:100%;overflow-y:scroll}#root{width:100%;min-height:100vh}button{font-family:inherit;font-size:inherit;background:#000;color:#fff;border:1px solid #fff;border-radius:0;padding:.5rem 1rem;cursor:pointer}button:hover:not(:disabled){background-color:#333}button:active:not(:disabled){background-color:#555}button:disabled{opacity:.4;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{max-width:1000px;width:100%;min-width:900px;margin:0 auto;padding:0 1rem 2rem}.button{font-size:.875rem;padding:.375rem 1rem;font-weight:700}.button--small{font-size:.75rem;padding:.25rem .5rem}.button--large{font-size:1rem;padding:.5rem 1rem}.button--danger{border-color:#f55;color:#f55}.button--danger:hover:not(:disabled){background-color:#ff55551a}.settings-panel-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.settings-panel{background:#000;border:1px solid #fff;padding:1.5rem;min-width:350px;max-width:90vw}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-panel-title{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.settings-panel-close{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid white;color:#fff;cursor:pointer;padding:0;height:32px;width:32px}.settings-panel-close:hover{background:#111;border-color:#fff}.settings-panel-content{display:flex;flex-direction:column;gap:1.5rem}.settings-panel-section{display:flex;flex-direction:column;gap:.75rem}.settings-panel-section-divider{height:1px;width:100%;background-color:#fff;margin-top:20px;margin-bottom:15px}.settings-panel-section-title{font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.settings-panel-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-panel-label{font-size:.875rem}.settings-panel-item button{width:120px}.settings-panel-item button:active:not(:disabled){transform:scale(.98)}.settings-panel-countdown{font-size:.875rem;color:#888}.how-to-play-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.how-to-play-modal{background:#000;border:1px solid #fff;padding:1.5rem;min-width:320px;max-width:500px;max-height:80vh;overflow-y:auto}.how-to-play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.how-to-play-title{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.how-to-play-close{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid white;color:#fff;cursor:pointer;padding:0;height:32px;width:32px}.how-to-play-close:hover{background:#111;border-color:#fff}.how-to-play-content{display:flex;flex-direction:column;gap:1.25rem}.how-to-play-section h3{font-size:.875rem;color:#8f8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.how-to-play-section p{font-size:.875rem;line-height:1.5;color:#ccc}.how-to-play-section ul{margin:.5rem 0 0 1.25rem;padding:0}.how-to-play-section li{font-size:.875rem;line-height:1.5;color:#ccc;margin-bottom:.25rem}.how-to-play-section strong{color:#fff}.audio-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.audio-modal{background:#000;border:1px solid #fff;padding:1.5rem;min-width:320px;max-width:400px;max-height:80vh;overflow-y:auto}.audio-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.audio-modal-title{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.audio-modal-close{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid white;color:#fff;cursor:pointer;padding:0;height:32px;width:32px}.audio-modal-close:hover{background:#111;border-color:#fff}.audio-modal-content{display:flex;flex-direction:column;gap:1.25rem}.audio-modal-section h3{font-size:.875rem;color:#8f8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.audio-modal-placeholder{font-size:.875rem;color:#666;font-style:italic}.audio-modal-toggle{display:flex;align-items:center;gap:.5rem;background:#000;border:1px solid #fff;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;width:100%;justify-content:center}.audio-modal-toggle:hover{background:#111}.audio-modal-toggle--playing{border-color:#8f8;color:#8f8}.audio-modal-volume{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem 0}.audio-modal-volume-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em;min-width:50px}.audio-modal-volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;outline:none;cursor:pointer}.audio-modal-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;cursor:pointer}.audio-modal-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;cursor:pointer;border:none}.audio-modal-volume-value{font-size:.75rem;color:#888;min-width:36px;text-align:right}.audio-modal-track-info{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding:.75rem;border:1px solid #333}.audio-modal-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.audio-modal-track-name{font-size:1rem;color:#fff}.audio-modal-controls{display:flex;gap:.5rem;margin-top:.75rem}.audio-modal-control{display:flex;align-items:center;gap:.375rem;background:#000;border:1px solid #fff;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:.75rem;flex:1;justify-content:center}.audio-modal-control:hover{background:#111}.progress-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.progress-modal{background:#000;border:1px solid #fff;padding:1.5rem;width:650px;max-width:90vw;max-height:80vh;overflow-y:auto}.progress-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-modal-title{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.progress-modal-close{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid white;color:#fff;cursor:pointer;padding:0;height:32px;width:32px}.progress-modal-close:hover{background:#111;border-color:#fff}.progress-modal-content{display:flex;flex-direction:column;gap:1.25rem}.progress-modal-overall{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.progress-modal-overall-label{font-size:1rem;color:#ccc}.progress-modal-overall-value{font-size:1.125rem;font-weight:600;color:#8f8;margin-left:auto}.progress-modal-overall-bar{width:100%;height:8px;background:#222;border:1px solid #444}.progress-modal-overall-fill{height:100%;background:#8f8;transition:width .3s ease}.progress-modal-section{display:flex;flex-direction:column;gap:.5rem}.progress-modal-section-title{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#8f8;text-transform:uppercase;letter-spacing:.05em}.progress-modal-section-count{font-size:.875rem;color:#888}.progress-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}.progress-modal-item{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.875rem;color:#666;background:#111;border:1px solid #333}.progress-modal-item--complete{color:#8f8;border-color:#4a4}.progress-modal-item--complete svg{flex-shrink:0}.progress-modal-research-grid{display:flex;flex-direction:column;gap:.25rem}.progress-modal-research-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:.5rem;align-items:center}.progress-modal-research-material{font-size:.875rem;color:#ccc}.progress-modal-research-upgrade{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;color:#666;background:#111;border:1px solid #333}.progress-modal-research-upgrade--complete{color:#8f8;border-color:#4a4}.progress-modal-research-level{font-size:.75rem;color:#888;min-width:32px}.progress-modal-research-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-modal-ship-upgrades{display:flex;flex-direction:column;gap:.25rem}.progress-modal-ship-upgrade-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center}.progress-modal-ship-name{font-size:.875rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-modal-ship-upgrade{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.75rem;color:#666;background:#111;border:1px solid #333;width:150px;white-space:nowrap}.progress-modal-ship-upgrade--complete{color:#8f8;border-color:#4a4}.progress-modal-upgrade-level{font-size:.75rem;color:#888;min-width:32px}.game-nav{display:flex;justify-content:space-between;align-items:center;max-width:1000px;width:100%;min-width:900px;margin:0 auto;padding:1rem;border-bottom:1px solid #fff;margin-bottom:1.5rem}.game-nav-link{font-size:.875rem;padding:.5rem .75rem;color:#fff;text-decoration:none;border:1px solid #fff;background:#000}.game-nav-link:hover{background:#333}.game-nav-title{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.game-nav-buttons{display:flex;gap:.5rem}.game-nav-button{font-size:.875rem;padding:.5rem .75rem;cursor:pointer;line-height:1}.game-nav-button--icon{display:flex;align-items:center;justify-content:center;padding:.5rem}.fleet-expansion-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.fleet-expansion-modal{background:#000;border:1px solid #fff;padding:1.5rem;width:750px;height:600px;display:flex;flex-direction:column}.fleet-expansion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.fleet-expansion-title{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fleet-expansion-close{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid white;color:#fff;cursor:pointer;padding:0;height:32px;width:32px}.fleet-expansion-close:hover{background:#111;border-color:#fff}.fleet-expansion-tabs{display:flex;gap:0;margin-bottom:1rem;flex-shrink:0}.fleet-expansion-tab{flex:1;padding:.625rem 1rem;background:#000;border:1px solid #444;color:#888;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.fleet-expansion-tab:not(:last-child){border-right:none}.fleet-expansion-tab:hover:not(.fleet-expansion-tab--active){color:#fff;border-color:#666}.fleet-expansion-tab--active{background:#111;border-color:#fff;color:#8f8}.fleet-expansion-tab.fleet-expansion-tab--active:not(:last-child){border-right:1px solid #fff}.fleet-expansion-content{display:flex;flex-direction:column;flex:1;overflow-y:auto}.fleet-expansion-section{display:flex;flex-direction:column}.fleet-expansion-description{font-size:.75rem;color:#888;margin-bottom:1rem}.fleet-expansion-ships{display:flex;flex-direction:column;gap:.75rem}.fleet-expansion-ship{border:1px solid #444;padding:.75rem}.fleet-expansion-ship--unlocked{border-color:#8f8}.fleet-expansion-ship-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.fleet-expansion-ship-name{font-weight:600;font-size:.875rem}.fleet-expansion-ship-licensed{font-size:.75rem;color:#8f8;text-transform:uppercase;line-height:1;padding:calc(.25rem + 1px) 0}.fleet-expansion-ship-description{font-size:.75rem;color:#888;margin-bottom:.5rem}.fleet-expansion-ship-stats{display:flex;gap:1.5rem;margin-bottom:.5rem}.fleet-expansion-stat{display:flex;flex-direction:column;gap:.125rem}.fleet-expansion-stat-label{font-size:.625rem;color:#666;text-transform:uppercase}.fleet-expansion-stat-value{font-size:.75rem;font-variant-numeric:tabular-nums}.fleet-expansion-hangars{display:flex;flex-direction:column;gap:.5rem}.fleet-expansion-hangar{display:flex;justify-content:space-between;align-items:center;border:1px solid #444;padding:.5rem .75rem}.fleet-expansion-hangar--unlocked{border-color:#8f8}.fleet-expansion-hangar-info{display:flex;flex-direction:column;gap:.125rem}.fleet-expansion-hangar-name{font-size:.875rem;font-weight:600}.fleet-expansion-hangar-status{font-size:.75rem;color:#8f8}.fleet-expansion-hangar-cost{font-size:.75rem;color:#888}.button--expensive{color:#f55;border-color:#f55}.fleet-expansion-upgrades{display:flex;flex-direction:column;gap:1rem}.fleet-expansion-ship-upgrades{padding-bottom:1rem;border-bottom:1px solid #333}.fleet-expansion-ship-upgrades:last-child{border-bottom:none}.fleet-expansion-ship-upgrade-name{margin:0 0 .75rem;font-size:.875rem}.fleet-expansion-upgrades-grid{display:flex;flex-direction:column;gap:.5rem}.fleet-expansion-upgrade-header{display:grid;grid-template-columns:150px 105px 80px 100px 90px 70px;align-items:center;gap:.5rem;font-size:.75rem;color:#888;border-bottom:1px solid #666;padding-bottom:.375rem;margin-bottom:.25rem}.fleet-expansion-upgrade-row{display:grid;grid-template-columns:150px 105px 80px 100px 90px 70px;align-items:center;gap:.5rem;font-size:.75rem}.fleet-expansion-upgrade-name,.fleet-expansion-upgrade-effect{color:#fff}.fleet-expansion-upgrade-level{color:#888}.fleet-expansion-upgrade-current{color:#fff}.fleet-expansion-upgrade-current--upgraded{color:#8f8}.fleet-expansion-upgrade-cost{text-align:right}.fleet-expansion-upgrade-cost--expensive{color:#f55}.fleet-expansion-upgrade-maxed{color:#888;font-style:italic;grid-column:span 2;text-align:center}.fleet-expansion-empty{color:#888;text-align:center;padding:1.5rem}.credits-section{margin-bottom:2rem}.credits-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.credits-section-content{border:1px solid #fff;padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.credits-section-info{display:flex;flex-direction:column;gap:.25rem}.credits-section-amount{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.credits-section-label{font-size:.75rem;color:#888}.credits-section-actions{display:flex;align-items:center}.credits-section-actions button{font-size:1.125rem;padding:.625rem 1.5rem}.credits-section-actions button:active:not(:disabled){transform:scale(.98)}.material-row{border:1px solid #fff;padding:12px;height:220px}.material-row--pulse{animation:border-pulse 1s ease-in-out infinite}.material-row-header{display:flex;align-items:flex-start;gap:1rem}.material-row-controls{display:flex;align-items:center;gap:.5rem;margin-left:auto}.material-row-inventory{border-collapse:collapse;font-size:.8rem}.material-row-inventory th,.material-row-inventory td{text-align:center;padding:.125rem .5rem;width:65px}.material-row-inventory th{color:#888;font-weight:400;border-bottom:1px solid #666}.material-row-inventory--warning{color:#f90}.material-row-icon{width:85px;height:85px;border:1px solid #fff;flex-shrink:0}.material-row-icon-img{width:65px;height:65px;object-fit:contain;display:block;margin:10px}.material-row-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.material-row-name{font-weight:600;font-size:1.125rem}.material-row-description{font-size:.8rem;color:#666;font-style:italic}.material-row-content{height:105px}.material-buy{display:flex;flex-direction:column}.material-buy-header{display:grid;grid-template-columns:100px 100px 80px 80px 1fr 1fr 1fr;align-items:center;gap:.75rem;font-size:.875rem;color:#888;border-bottom:1px solid #666;height:25px;line-height:25px}.material-buy-header--right{text-align:right}.material-buy-row{display:grid;grid-template-columns:100px 100px 80px 80px 1fr 1fr 1fr;align-items:center;gap:.75rem;font-size:.875rem;height:42px}.material-buy-label{color:#888}.material-buy-upgraded{color:#8f8}.material-buy-cost{color:#888;text-align:right}.material-buy-cost--expensive{color:#f55}.material-buy-action{text-align:right}.material-buy-action .button{width:100px}.material-upgrades{display:flex;flex-direction:column}.material-upgrades-header{display:grid;grid-template-columns:155px 75px 70px 105px 60px 105px 1fr;align-items:center;gap:.5rem;font-size:.875rem;color:#888;border-bottom:1px solid #666;height:25px;line-height:25px}.material-upgrades-item{display:grid;grid-template-columns:155px 75px 70px 105px 60px 105px 1fr;align-items:center;gap:.5rem;font-size:.875rem;height:42px}.material-upgrades-name{color:#888}.material-upgrades-base,.material-upgrades-level{color:#fff}.material-upgrades-effect{color:#8f8}.material-upgrades-refined,.material-upgrades-refined-effect{color:#8cf}.material-upgrades-action{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.material-upgrades-cost{font-size:.875rem;color:#888}.material-upgrades-cost--expensive{color:#f55}.material-upgrades-maxed{font-size:.875rem;color:#888;font-style:italic;padding-right:10px;padding-top:5px;padding-bottom:10px}.refineries-tab{display:flex;flex-direction:column;gap:16px}.refineries-tab-licensed{display:flex;flex-direction:column;gap:8px}.refineries-tab-licenses{border:1px solid #fff;padding:16px}.refineries-tab-licenses-title{margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.refineries-tab-licenses-grid{display:flex;flex-direction:column;gap:8px}.refinery-license-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #333}.refinery-license-info{display:flex;flex-direction:column;gap:4px}.refinery-license-name{font-weight:700}.refinery-license-desc{font-size:12px;color:#888}.refinery-license-btn{width:140px}.refineries-tab-all-licensed{color:#8f8;text-align:center;padding:16px}.refinery-row{border:1px solid #fff;padding:.75rem}.refinery-row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.refinery-row-icon{width:85px;height:85px;border:1px solid #fff;flex-shrink:0;object-fit:contain}.refinery-row-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.refinery-row-name{font-weight:600;font-size:1.125rem}.refinery-row-description{font-size:.75rem;color:#666;font-style:italic}.refinery-row-stats{display:flex;gap:16px;padding:12px;border:1px solid #fff;width:max-content;margin-left:auto}.refinery-row-stat{display:flex;flex-direction:column;gap:4px}.refinery-row-stat-label{font-size:11px;color:#666;text-transform:uppercase}.refinery-row-stat-value{font-size:14px}.refinery-row-stat-value--active{color:#8f8}.refinery-row-assignment-header{display:grid;grid-template-columns:100px 100px 80px 80px 1fr 95px 95px 172px;align-items:center;gap:.75rem;font-size:.875rem;color:#888;border-bottom:1px solid #666;height:25px;line-height:25px}.refinery-row-assignment-row{display:grid;grid-template-columns:100px 100px 80px 80px 1fr 95px 95px 172px;align-items:center;gap:.75rem;font-size:.875rem;height:42px}.refinery-row-assignment-label{color:#888}.refinery-row-assignment-stat{text-align:left}.refinery-row-assignment-value{text-align:right}.refinery-row-assignment-value--assigned{color:#8f8}.refinery-row-assignment-value--available{color:#888}.refinery-row-controls-header{display:flex;gap:4px;justify-content:flex-end;margin-left:8px}.refinery-row-controls-header span{width:24px;text-align:center;font-size:11px;white-space:nowrap}.refinery-row-controls{display:flex;gap:4px;justify-content:flex-end;margin-left:8px}.refinery-row-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#000;border:1px solid #fff;color:#fff;cursor:pointer}.refinery-row-btn svg{stroke:#fff}.refinery-row-btn:hover:not(:disabled){background:#ffffff1a}.refinery-row-btn:disabled{border-color:#666;color:#666;cursor:not-allowed}.refinery-row-btn:disabled svg{stroke:#666}.refinery-row-assignment-stat--upgraded{color:#8cf}.research-upgrades-tab{display:flex;flex-direction:column;gap:.5rem}.research-upgrades-row{border:1px solid #fff;padding:12px;height:220px}.research-upgrades-row-header{display:flex;align-items:flex-start;gap:1rem}.research-upgrades-row-icon{width:85px;height:85px;border:1px solid #fff;flex-shrink:0}.research-upgrades-row-icon-img{width:65px;height:65px;object-fit:contain;display:block;margin:10px}.research-upgrades-row-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.research-upgrades-row-name{font-weight:600;font-size:1.125rem}.research-upgrades-row-description{font-size:.8rem;color:#666;font-style:italic}.tab-group{display:flex;gap:0}.tab-group-tab{font-size:.875rem;padding:.375rem .75rem;border:1px solid #fff;background:#000;color:#888;cursor:pointer;transition:color .15s ease,background-color .15s ease}.tab-group-tab:not(:first-child){border-left:none}.tab-group-tab:hover{color:#fff}.tab-group-tab--active{color:#fff;background-color:#333}.salvage-section{margin-bottom:2rem}.salvage-section-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.salvage-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.salvage-section-list{display:flex;flex-direction:column;gap:.5rem}.threshold-display{display:flex;align-items:center;gap:.75rem}.threshold-display-dots{display:flex;gap:.5rem}.threshold-display-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.threshold-display-dot{position:relative;width:20px;height:20px;border:1px solid #fff;background:#000;overflow:hidden}.threshold-display-dot--filled{background:#fff}.threshold-display-dot-fill{position:absolute;bottom:0;left:0;right:0;background:#fff;transition:height .3s ease}.threshold-display-percent{font-size:.75rem;color:#fff;white-space:nowrap}.threshold-display-value{font-size:.75rem;color:#888;white-space:nowrap}.threshold-display-count{font-size:.75rem;color:#888;align-self:flex-start;margin-top:.125rem}.cargo-gauge{margin:1rem 0}.cargo-gauge-bars{display:flex;align-items:stretch;gap:.5rem}.cargo-gauge-bar{flex:1;display:flex;flex-direction:column;gap:.25rem}.cargo-gauge-bar-track{height:16px;background:#333;border:1px solid #fff;overflow:hidden}.cargo-gauge-bar-fill{height:100%;transition:width .3s ease-out}.cargo-gauge-bar--mass .cargo-gauge-bar-fill{background:#4a9eff}.cargo-gauge-bar--volume .cargo-gauge-bar-track{direction:rtl}.cargo-gauge-bar--volume .cargo-gauge-bar-fill{background:#ff8c42}.cargo-gauge-divider{width:2px;background:#666;align-self:stretch}.cargo-gauge-bar-label{display:flex;justify-content:space-between;align-items:center}.cargo-gauge-bar--mass .cargo-gauge-bar-label{color:#4a9eff}.cargo-gauge-bar--volume .cargo-gauge-bar-label{color:#ff8c42}.cargo-gauge-bar-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-weight:700}.cargo-gauge-bar-value{font-size:.875rem;font-weight:500}.hauler-status{border:1px solid #fff;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.hauler-status-ship-selector{padding-bottom:.75rem;border-bottom:1px solid #444}.hauler-status-ship-selector-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hauler-status-ship-selector-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.hauler-status-ship-selector-queued{font-size:.625rem;color:#fd0;text-transform:uppercase}.hauler-status-ship-selector-select{width:100%;background:#000;color:#fff;border:1px solid #fff;padding:.5rem;font-size:.875rem;font-family:inherit;cursor:pointer}.hauler-status-ship-selector-select:focus{outline:none;border-color:#8f8}.hauler-status-ship-selector-select option{background:#000;color:#fff}.hauler-status-ship-selector-info{margin-top:.5rem;font-size:.625rem;color:#fd0}.hauler-status-info{display:flex;flex-direction:column;gap:.25rem}.hauler-status-name{font-weight:600;font-size:1.125rem}.hauler-status-description{font-size:.75rem;color:#666;font-style:italic}.hauler-status-table{display:flex;flex-direction:column;gap:.5rem}.hauler-status-row{display:grid;grid-template-columns:115px minmax(205px,auto) minmax(150px,auto) minmax(150px,auto);align-items:center;gap:.75rem;min-height:2.75rem}.hauler-status-row--header{min-height:auto;border-bottom:1px solid #fff;padding-bottom:.5rem}.hauler-status-header-label{color:#fff;font-size:.875rem;font-weight:700}.hauler-status-row--payout{border-top:2px solid #fff;padding-top:.5rem;margin-top:.25rem}.hauler-status-row--last-payout{min-height:auto}.hauler-status-fee-amount{color:#f55}.hauler-status-row--net{border-top:1px solid #333;margin-bottom:.25rem}.hauler-status-net-value{color:#8f8;font-weight:700}.hauler-status-last-payout-value{color:#fff;font-weight:600}.hauler-status-last-payout-bonus{color:#8f8}.hauler-status-label{color:#888}.hauler-status-value{color:#fff}.hauler-status-bonus{color:#8f8;font-weight:600}.hauler-status-bonus--none{color:#fff}.hauler-status-extra{color:#888;font-size:.875rem}.hauler-status-countdown-cell{display:inline-grid;grid-template-columns:1fr auto;gap:.5rem;align-items:baseline;width:100%}.hauler-status-countdown-cell .hauler-status-countdown-label{color:#888;font-size:.875rem;white-space:nowrap;text-align:right}.hauler-status-countdown-cell .hauler-status-countdown-value{color:#888;font-size:.875rem;font-weight:600;min-width:3rem;text-align:left}.hauler-status-action{display:flex;margin-top:.5rem}.hauler-status-depart{width:100%;font-weight:700}.hauler-status-depart--active{border-color:#8f8;color:#8f8;background-color:#88ff881a}.hauler-status-depart--active:hover{background-color:#88ff8840}.hauler-status-depart--cooldown{border-color:#fd0;color:#fd0;background-color:#ffdd001a}.hauler-status-depart--cooldown:hover{background-color:#ffdd001a}.hauler-status--locked{display:flex;justify-content:center;align-items:center;min-height:200px}.hauler-status-locked-message{color:#666;font-style:italic;font-size:1rem}.material-assignment-list{border:1px solid #fff;padding:.75rem;margin-bottom:1rem}.material-assignment-list--empty{animation:border-pulse 1s ease-in-out infinite}@keyframes border-pulse{0%,to{border-color:#666;border-width:3px}50%{border-color:#fff;border-width:3px}}.material-assignment-header{display:grid;grid-template-columns:1fr 100px 100px 100px 50px 60px 60px 172px;gap:8px;padding-bottom:8px;border-bottom:1px solid #666;margin-bottom:8px;font-size:12px;color:#888}.material-assignment-controls-header{display:flex;gap:4px;justify-content:flex-end;margin-left:8px}.material-assignment-controls-header span{width:24px;text-align:center;font-size:11px;white-space:nowrap}.material-assignment-row{display:grid;grid-template-columns:1fr 100px 100px 100px 50px 60px 60px 172px;gap:8px;align-items:center;padding:4px 0}.material-assignment-name{font-weight:500}.material-assignment-credits{text-align:left}.material-assignment-credits--upgraded{color:#8f8}.material-assignment-mass{text-align:left}.material-assignment-mass--upgraded{color:#8f8}.material-assignment-volume{text-align:left}.material-assignment-volume--upgraded{color:#8f8}.material-assignment-total{text-align:right;color:#888}.material-assignment-assigned{text-align:right;color:#8f8}.material-assignment-available{text-align:right;color:#888}.material-assignment-controls{display:flex;gap:4px;justify-content:flex-end;margin-left:8px}.material-assignment-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#000;border:1px solid #fff;color:#fff;cursor:pointer}.material-assignment-btn svg{stroke:#fff}.material-assignment-btn:hover:not(:disabled){background:#ffffff1a}.material-assignment-btn:disabled{border-color:#666;color:#666;cursor:not-allowed}.material-assignment-btn:disabled svg{stroke:#666}.material-assignment-empty{color:#666;font-style:italic;padding:.5rem 0;text-align:center;font-weight:700;border-bottom:2px solid #666;animation:empty-border-pulse 1s ease-in-out infinite;width:fit-content;margin:0 auto;font-size:20px}@keyframes empty-border-pulse{0%,to{border-bottom-color:#666}50%{border-bottom-color:#fff}}.material-assignment-row--refined .material-assignment-name{color:#8cf}.delivery-overview{border:1px solid #fff;padding:1rem}.delivery-overview-totals{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #666}.delivery-overview-gauge{display:flex;flex-direction:column;gap:.5rem}.delivery-overview-gauge-row{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;gap:.5rem}.delivery-overview-gauge-label{font-size:.75rem;color:#888}.delivery-overview-gauge-bar{height:16px;background:#333;border:1px solid #666;position:relative}.delivery-overview-gauge-fill{height:100%;transition:width .3s ease-out}.delivery-overview-gauge-fill--mass{background:#2d5a8a}.delivery-overview-gauge-fill--volume{background:#8a5a2d}.delivery-overview-gauge-value{font-size:.75rem;text-align:right}.delivery-overview-stats{display:flex;flex-direction:column;gap:.5rem}.delivery-overview-stat{display:flex;justify-content:space-between;align-items:center}.delivery-overview-stat-label{font-size:.75rem;color:#888}.delivery-overview-stat-value{font-size:.875rem;font-weight:500}.delivery-overview-stat-value--bonus{color:#8f8}.delivery-overview-materials-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #666}.delivery-overview-materials-header{display:grid;grid-template-columns:1fr 60px 60px 60px 60px 80px;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid #444;margin-bottom:.5rem;font-size:.75rem;color:#888;align-items:center;text-align:center}.delivery-overview-materials-header>span:first-child{text-align:left}.delivery-overview-materials-header-stacked{text-align:center;line-height:1.2}.delivery-overview-materials-row{display:grid;grid-template-columns:1fr 60px 60px 60px 60px 80px;gap:.5rem;align-items:center;padding:.25rem 0}.delivery-overview-materials-name{font-weight:500}.delivery-overview-materials-owned{text-align:center}.delivery-overview-materials-assigned{text-align:center;color:#8f8}.delivery-overview-materials-unassigned{text-align:center;color:#888}.delivery-overview-materials-unassigned--warning{color:#fa5}.delivery-overview-hangars{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.delivery-overview-hangar{border:1px solid #666;padding:.5rem}.delivery-overview-hangar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.delivery-overview-hangar-name{font-weight:600;font-size:.875rem}.delivery-overview-hangar-ship{font-size:.75rem;color:#888}.delivery-overview-hangar-bars{display:flex;gap:.25rem;margin-bottom:.5rem}.delivery-overview-mini-bar{flex:1;height:8px;background:#333;border:1px solid #555}.delivery-overview-mini-fill{height:100%;transition:width .3s ease-out}.delivery-overview-mini-fill--mass{background:#2d5a8a}.delivery-overview-mini-fill--volume{background:#8a5a2d}.delivery-overview-mini-bar--volume{display:flex;justify-content:flex-end}.delivery-overview-hangar-percent{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:.25rem;font-size:.75rem}.delivery-overview-hangar-percent--mass{color:#5a9fd4}.delivery-overview-hangar-percent--volume{color:#d49f5a}.delivery-overview-hangar-value{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:.5rem;position:relative}.delivery-overview-hangar-bonus{color:#8f8}.delivery-overview-hangar-last-payout{font-size:.75rem;color:#888}.delivery-overview-hangar-last-payout-bonus{color:#8f8}.delivery-overview-hangar-cooldown{font-size:.75rem;color:#fd0}.delivery-overview-hangar-materials{display:flex;flex-wrap:wrap;gap:.25rem}.delivery-overview-material{font-size:.7rem;padding:.125rem .375rem;background:#333;border:1px solid #555}.delivery-overview-material--empty{color:#666;font-style:italic;border:none;background:#000;padding:0}.delivery-overview-material--refined{color:#8cf;border-color:#8cf}.delivery-overview-materials-name--refined{color:#8cf}.delivery-overview-action{display:flex;margin-top:.5rem}.delivery-overview-depart{width:100%;font-weight:700}.delivery-overview-depart--active{border-color:#8f8;color:#8f8;background-color:#88ff881a}.delivery-overview-depart--active:hover{background-color:#88ff8840}.delivery-section{margin-bottom:2rem}.delivery-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.delivery-section-overview-tab{margin-bottom:0}.delivery-section-overview-btn{width:100%;padding:.75rem 1rem;background:#000;color:#fff;border:1px solid #fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;margin-bottom:7px;font-weight:700}.delivery-section-overview-btn:hover{background:#ffffff1a;color:#fff}.delivery-section-overview-btn--active{background:#fff;color:#000}.delivery-section-overview-btn--active:hover{background:#fff}.delivery-section-hangars{display:flex;gap:0;margin-bottom:1rem;border:1px solid #fff}.delivery-section-hangar{flex:1;padding:.5rem 1rem;background:#000;color:#fff;border:none;border-right:1px solid #fff;cursor:pointer;font-family:inherit;font-size:.875rem}.delivery-section-hangar:last-child{border-right:none}.delivery-section-hangar:hover:not(:disabled){background:#ffffff1a;color:#fff}.delivery-section-hangar--active{background:#fff;color:#000}.delivery-section-hangar--active:hover{background:#fff}.delivery-section-hangar--locked{color:#666;cursor:not-allowed}.delivery-section-hangar-locked{font-style:italic}.delivery-section-hangar-label{font-weight:700}