/* Compact cockpit proportions based on the original Windows screenshots. */
html,body{background:#202325;color:#101010;font-family:Arial,Helvetica,sans-serif;text-shadow:none;overflow:hidden}
.main{position:absolute;left:50%;top:50%;width:960px;height:720px;transform-origin:center;box-sizing:border-box;background:#c0c0c0;border:2px outset #ddd;font-size:12px}
.header{height:20px;min-height:20px;background:linear-gradient(90deg,#070880,#1416bd);color:white;align-items:center;font-weight:bold}
.header p{margin:0}.menu{height:24px;min-height:24px;background:#c0c0c0;border-bottom:2px outset white;gap:2px;z-index:500;position:relative;align-items:center}
.menu details{position:relative}.menu summary{list-style:none;padding:2px 9px;font-size:14px;cursor:pointer;text-decoration:underline}.menu details[open] summary{background:#000080;color:white}.menu-popup{position:absolute;top:23px;left:0;min-width:185px;background:#c0c0c0;border:2px outset white;padding:3px;box-shadow:2px 2px #222}.menu-popup button{display:block;text-align:left;width:100%;border:0;padding:6px;font-size:13px}.menu-popup button:hover{background:#000080;color:white}
button,input,select{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:black;text-shadow:none}button{background:#c0c0c0;border:2px outset #eee;padding:3px;cursor:pointer}button:active,button.active{border-style:inset;background:#b4b4b4}button:focus-visible,summary:focus-visible{outline:1px dashed black;outline-offset:-4px}button:disabled{color:#777;cursor:default}
.body{min-height:0;display:grid;grid-template-columns:374px 1fr;gap:2px;flex:1}.left{min-width:0;display:grid;grid-template-rows:204px 228px 1fr;gap:2px}.right{padding:3px;min-width:0;display:grid;grid-template-columns:43px 480px 43px;grid-template-rows:47px 480px 48px 46px;gap:2px;align-content:start;justify-content:center;border:2px groove #eee;background:#999}.screws{background-image:none!important}
.top{min-height:0;display:grid;grid-template-columns:150px 1fr}.teams{padding:4px;border:2px groove #eee;gap:3px;display:flex;background:#999}.teams .row{min-height:0;gap:3px}.team{border:1px inset #ddd;min-width:0;padding:3px;position:relative;cursor:pointer;justify-content:space-between;background:#999}.team img{width:48px;height:48px;max-width:none;max-height:none;filter:none;object-fit:contain}.team-name{font-size:10px;line-height:12px}.captain{font-size:13px;color:#ffff99;max-width:64px;overflow:hidden;text-overflow:ellipsis}.team:hover{background:#aaa}
#minimap-wrapper{padding:5px;border:2px groove #eee;background:#999}#minimap{width:200px;height:184px;border:2px inset white;background:#000;background-image:none;overflow:hidden}.map-sector{position:absolute;width:20%;height:20%;box-sizing:border-box;border:1px solid #777;z-index:1;pointer-events:none}.minimap-planet{z-index:3;width:4px;height:4px}.minimap-ship{z-index:4;border-bottom-color:#fff}#minimap-line-1,#minimap-line-2{z-index:5;pointer-events:none}
.middle,.bottom{min-height:0}.middle>.row>.col:first-child{flex:2.15!important}.middle>.row>.col:first-child>.row:first-child{flex:0.85}.middle>.row>.col:first-child>.row:last-child{flex:1.2}.middle>.row>.col:last-child>.row{min-height:0}#planet-inhabitance-wrapper{padding:4px;border:2px groove #eee;align-items:center;background:#999}#planet-inhabitance-image{margin:0 5px 0 0;padding:0;border:0;max-width:40px;background:transparent}#planet-inhabitance-image img{width:40px;height:40px;object-fit:contain}#planet-inhabitance-wrapper>div:last-child{font-size:13px;line-height:17px;color:#ffff99;padding:0!important}
#alliance-wrapper{padding:4px;border:2px groove #eee;background:#999}#alliance{width:102px;height:102px}.gauge{width:96px;height:96px;border:2px solid #111;border-radius:50%;background:conic-gradient(#f4ef42 0 25%,#229339 25% 50%,#999 50% 62%,#da3028 62% 100%);overflow:hidden}.slice-colors,.gauge-center,.needle,.gauge:before,.gauge:after{display:none!important}.resources-wrapper{padding:5px;gap:8px}.resources{padding:0}.resources-text{font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg);position:static;line-height:10px}.resources-bar{width:18px;border:1px inset white}.resources-bar-inner{width:100%}
#score-wrapper{padding:6px;border:2px groove #eee;background:#999}#score{padding:5px;background:#000;border:2px inset white;font-size:20px;line-height:25px;color:#00ee00;text-shadow:none}#time-seg{border:2px groove #eee;background:#999;padding:8px}#time-seg img{width:85px;height:85px;filter:grayscale(.3)}#time{color:#ffff99;font-size:13px}
.bottom{border:2px groove #eee;background:#999;display:flex;flex-direction:column}.bottom>.row{min-height:0}.bottom .col>.row{min-height:0}.stat-box{margin:3px;padding:3px;border:2px inset #ddd;min-height:0;font-size:13px}.stat-box img{width:22px;height:22px;object-fit:contain}.stat-text{color:#ffff66;font-family:monospace;font-size:14px}.bar-wrapper{padding:3px;gap:4px;min-height:0}.bar{height:19px;min-width:80px;border:2px inset #ddd}.pod-wrapper{width:58px;min-width:58px}.pod{width:5px;height:5px;margin:1px}.pod-text{font-size:8px;color:#ffff80}.bar-inner{background:#0000ff}.bar-wrapper-charge .bar-inner{background:#ff00ff}.bar-wrapper-cargo .bar-inner{background:#58c4bb}.bar-wrapper-shield .bar-inner{background:#00ff00}#speed-readout{height:20px;padding:2px 7px;font:12px monospace;color:#ffff88}
.classic-toolbar{grid-column:2;grid-row:1;display:flex;justify-content:space-around;align-items:center}.classic-toolbar button,.navigation button,.planet-actions button{width:42px;height:43px;padding:3px;font-size:9px;overflow:hidden}.classic-toolbar img,.navigation img{width:32px;height:32px}.navigation{grid-column:3;grid-row:2;display:flex;flex-direction:column;justify-content:space-between}.planet-actions{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-around;margin:0!important}.item-buttons img{height:28px;width:28px;object-fit:contain;filter:none}.item-buttons button{font-size:9px;line-height:10px;min-width:0}.planet-actions button{height:52px}.planet-actions button br{display:none}.planet-actions button img{display:block;margin:auto}.planet-actions button span{display:block}#phaser-game{grid-column:2;grid-row:2;width:480px;height:480px;border:2px inset white;box-sizing:border-box;padding:0;margin:0;background:black}#phaser-game canvas{width:476px!important;height:476px!important;display:block}.weapons{grid-column:2;grid-row:3;display:flex;justify-content:space-between;margin:0!important}.equipment{grid-column:2;grid-row:4;display:flex;justify-content:center;gap:12px}.weapons button,.equipment button{width:63px;height:46px}.weapons button br,.equipment button br{display:none}.weapons button img,.equipment button img{width:28px;height:28px;display:block;margin:auto}
.footer{height:22px;min-height:22px;padding:0;display:flex;align-items:center;text-align:left;background:#c0c0c0;border:2px groove #eee;gap:3px}.footer #status-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:5px}.footer button{font-size:11px;padding:0 7px;height:20px}#path-status{padding:0 8px;border-left:2px groove white;color:#333;font-size:11px}
#radio-window{position:absolute;left:4px;bottom:30px;width:420px;background:#c0c0c0;border:2px outset white;z-index:400;box-shadow:2px 2px #333}#radio-window[hidden]{display:none}.window-title{background:linear-gradient(90deg,#000080,#719ac5);color:#fff;font-weight:bold;font-size:13px;min-height:20px;padding:2px 4px;display:flex;align-items:center;justify-content:space-between}.window-title button{width:20px;height:18px;padding:0;line-height:14px}#radio-messages{white-space:pre-wrap;overflow-y:auto;height:108px;padding:6px;font:12px monospace;line-height:15px;color:#111;background:#ddd}
.classic-overlay{position:fixed;inset:0;background:#0005;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.classic-dialog{background:#c0c0c0;border:3px outset #eee;box-shadow:3px 3px #111;max-width:570px;width:100%;max-height:90vh;overflow:auto;color:#111;text-shadow:none;font:14px Arial}.classic-dialog-body{padding:10px}.classic-dialog h2{font-size:16px;margin:8px 0}.classic-dialog p,.classic-dialog li{line-height:1.5}.classic-dialog fieldset{border:2px groove white;margin:6px 0 14px;padding:12px}.registration-fields{display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr;gap:12px}.registration-fields label{display:flex;flex-direction:column;gap:8px;min-width:0}.registration-fields input,.registration-fields select{width:100%;box-sizing:border-box;padding:5px}.registration-fields img{width:48px;height:48px;object-fit:contain;align-self:center}.dialog-actions{display:flex;gap:4px}.dialog-actions button{flex:1;min-height:33px}.hint{color:#555}.classic-dialog #planet-guide{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow:auto}.classic-dialog #planet-guide button{text-align:left;padding:7px}
#modal-wrapper{background:#0004;z-index:900}.modal{background:#c0c0c0;color:#111;text-shadow:none;border:3px outset white;box-shadow:2px 2px #222;font:14px Arial;max-height:90vh;overflow:auto}.modal-header{background:linear-gradient(90deg,#000080,#719ac5);font:bold 13px Arial;padding:4px;color:#fff}.modal-body{padding:8px}#modal-invest{width:320px}#modal-invest .invest-button{height:82px;border:0;background:transparent;font-size:13px;padding:4px}#modal-invest .invest-button:hover{outline:1px dotted #555}#modal-invest .invest-button img{width:32px;height:32px}#investment-amount{width:90px;padding:4px}#modal-invest .cancel-modal{width:100%;font-size:16px;padding:6px}#modal-buy{width:450px!important}.buy-item-image{background:transparent;border:0}.splash{background:#0008}.splash-panel{background:#c0c0c0;color:black;border:3px outset white;max-width:600px;padding:30px}
.right{align-items:stretch}.right button{margin:0;box-sizing:border-box}.classic-toolbar{align-self:stretch}.planet-actions,.navigation{align-self:stretch}.weapons button,.equipment button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.item-buttons button span{display:block;font-size:10px}.resources-wrapper{height:118px;min-height:0;box-sizing:border-box;align-items:stretch}.resources{height:100%;display:flex;flex-direction:column;align-items:center;gap:3px}.resources-text{width:auto;writing-mode:horizontal-tb;transform:none;font-size:7px;line-height:9px;text-shadow:none;flex:none}.resources-bar{position:relative;right:auto;width:16px;height:auto;flex:1;min-height:0}.resources-bar-inner{bottom:0}.pod{border-width:1px;box-sizing:border-box;width:7px;height:7px}.pod-text{margin:0}.bar-wrapper{align-items:center}.middle .row,.middle .col{min-height:0}
#time-seg{position:relative;align-items:center;justify-content:center}#time-seg img{display:none}#year-dial{width:82px;height:82px;border-radius:50%}#time{position:absolute;left:0;right:0;top:8px;text-align:center;z-index:2;font-size:11px}
.minimap-planet.distress{animation:distress 1s steps(2,end) infinite;width:6px;height:6px}@keyframes distress{50%{opacity:.2}}
.main *{box-sizing:border-box}.middle .col{min-width:0}.resources-text{width:18px;text-align:center}.resources-wrapper{min-width:0;gap:4px}#minimap-wrapper{min-width:0}#minimap{flex-shrink:1}.classic-toolbar button{flex-shrink:0}