/* Compact UI layout with authored CSS frames and registry icons. */
.source-icon{display:inline-block;width:24px;height:24px;object-fit:contain;flex:none;vertical-align:middle;pointer-events:none}
.source-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.source-skin .source-action>.source-icon{width:24px;height:24px;margin:0;object-fit:contain}
.source-skin .source-unit-art{object-fit:contain;filter:none}
.source-skin #panel{border-color:transparent;background-color:var(--bg)}
.source-skin .panel-head{background:linear-gradient(90deg,#06172bd9,#09233ad9);min-height:64px}
.source-skin .panel-head h1{letter-spacing:1px;font-size:22px;color:#c9e4f5;font-weight:400}
.source-skin .close .source-icon{width:24px;height:24px;margin:auto}
.source-skin #panelBody button:where(:not(.client-menu-button):not(.research-node):not(.research-card):not(.client-unit-choice):not(.fleet-unit-card):not(.client-unlock):not(.back-link)),
.source-skin .galaxy-toolbar button,.source-skin .teleport-btn{
 border-color:transparent;background:transparent;border-radius:0;box-shadow:none;color:#d3ecff;text-shadow:0 1px 2px #000}
.source-skin .close{border-color:transparent;background:transparent}
.source-skin #panelBody :is(button.primary,button.client-green),.source-skin #fleetSendCommit{
 color:#e6ffca!important;background:transparent!important}
.source-skin #panelBody button.client-gold{color:var(--gold)}
.source-skin #panelBody button:not(:disabled):hover{filter:brightness(1.2)}
.source-skin #panelBody button:not(:disabled):active{filter:brightness(.9)}
.source-skin #panelBody button:where(:not(.client-menu-button):not(.research-node):not(.research-card):not(.client-unit-choice):not(.fleet-unit-card):not(.client-unlock):not(.back-link)):active:not(:disabled){}
.source-skin #panelBody :is(button.primary,button.client-green):active:not(:disabled){}
.source-skin #panelBody button:disabled{filter:grayscale(.8);opacity:.5;cursor:not-allowed}
.source-skin #panelBody button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.source-skin #panelBody :is(.warp-tabs,.client-tabs,.inventory-nav) button{
 background:transparent!important;border-color:transparent;padding:12px 18px;color:#87b4d4}
.source-skin #panelBody :is(.warp-tabs,.client-tabs,.inventory-nav) button.selected{
 color:var(--gold);opacity:1;filter:none}
.source-skin #panelBody button[aria-pressed="true"]:where(:not(.research-card)){color:var(--gold)}
.source-skin :is(.client-unit-choice,.fleet-unit-card,.card.item-card){border-color:transparent;border-radius:0;background:#03162866}
.source-skin :is(.client-unit-choice,.fleet-unit-card).selected{background:#08324e88}
.source-skin :is(.client-unit-choice,.fleet-unit-card)>img{width:100%;height:95px;max-height:32vh;object-fit:contain;margin:0}
.source-skin .client-unit-heading>.source-unit-art{width:150px;height:145px}
.source-skin .client-unit-choice>small{background:#051c30;color:#9bb7ca;padding:2px 5px}
.source-skin .client-unit-choice>small .source-icon{width:16px;height:16px}
.source-skin .teleport-item>img{float:left;width:80px;height:80px;margin:0 18px 10px 0}
.source-skin .map-button .source-icon{width:34px;height:34px}
.source-skin .client-beacon{border-color:transparent;background:#04172e55;border-radius:0;padding:22px}
.source-skin .client-beacon.consumed-beacon{opacity:.6}
.source-skin .source-unit-row>span{display:flex;align-items:center;gap:12px;min-width:0}
.source-skin .source-unit-row img{width:48px;height:40px;object-fit:contain}
.source-skin .report-resources .source-resource-art{width:40px;height:40px;display:block;margin:auto}
.source-skin .flight-heading .source-icon{width:28px;height:28px;margin-right:6px}
.source-skin .galaxy-context-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.source-skin .item-card>img.client-item-art{height:90px;width:90px}
.source-skin :is(.client-context-item,.client-workshop-ships article){border-color:#1a4b6a}
.source-skin #app>header .resources img{width:36px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 3px #000)}
.source-skin #app>header .resources>div{border:1px solid transparent;padding:4px 8px;min-width:0}
.source-skin #app>header .resources>div:nth-child(1){}
.source-skin #app>header .resources>div:nth-child(2){}
.source-skin #app>header .resources>div:nth-child(3){}
.source-skin .commander{border-color:transparent;background:transparent}
.source-skin .commander .avatar .source-icon{width:42px;height:42px}
.source-skin #app>aside button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.source-skin #app>aside .source-icon{width:31px;height:31px}
.source-skin #app>footer nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.source-skin #app>footer nav .source-icon{width:34px;height:34px}
.source-skin #app>footer nav span{margin-top:0}
.source-skin .building-main #panel{background:transparent}
.source-skin .building-main .panel-head{min-height:0}
.source-skin .building-context #panel{}
.source-skin .building-main .close .source-icon{display:none}
@media(max-width:800px){.source-skin .panel-head h1{font-size:17px}.source-skin #app>header .resources img{width:24px;height:28px}.source-skin #app>footer nav .source-icon{width:27px;height:27px}.source-skin .commander .avatar .source-icon{width:28px;height:28px}.source-skin #panelBody :is(.warp-tabs,.client-tabs) button{padding:9px 12px}.source-skin :is(.client-unit-choice,.fleet-unit-card)>img{height:74px}.source-skin .client-unit-heading>.source-unit-art{width:100px;height:95px}}
@media(max-height:550px) and (orientation:landscape){.source-skin .panel-head{min-height:48px}.source-skin #app>footer nav .source-icon{width:23px;height:23px}.source-skin #app>aside .source-icon{width:24px;height:24px}.source-skin :is(.client-unit-choice,.fleet-unit-card)>img{height:66px}.source-skin .client-unit-heading>.source-unit-art{width:95px;height:90px}}
@media(forced-colors:active){.source-skin #panel,.source-skin #panelBody button{border:1px solid ButtonText!important;background:Canvas!important;color:CanvasText!important}}

/* Fleet orders retain source cards and a compact summary above the grid. */
.fleet-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:9px 12px;border-block:1px solid var(--line);background:var(--bg)}
.fleet-order-summary small{display:block;font-size:10px;color:var(--muted)}
.fleet-order-summary b{display:block;color:var(--gold);font-size:17px;font-weight:400;font-variant-numeric:tabular-nums}
.fleet-target-screen :is(#fleet-selected-range,#flight-speed){min-height:44px}
.fleet-target-screen .fleet-send-tools button{min-height:44px}
.fleet-target-screen .fleet-preset-row>button:not(:first-child){width:44px;min-width:44px;min-height:44px}
.source-skin .fleet-target-screen .fleet-unit-card>img{height:60px;max-height:none}
.fleet-presets-disclosure{margin-bottom:12px;border:1px solid var(--line);padding:8px}
.fleet-presets-disclosure>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--cyan);font-size:12px;padding:10px 4px}
.fleet-presets-disclosure>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.fleet-scout-panel{border:1px solid var(--line);padding:10px;background:var(--bg)}
.fleet-scout-heading{display:flex;gap:12px;align-items:center}
.fleet-scout-heading>img,.fleet-scout-heading>.unit-art{width:70px;height:54px;object-fit:contain;margin:0}
.fleet-scout-heading h3{margin:0}
.fleet-scout-heading p{margin:5px 0;min-height:16px;color:var(--muted)}
.fleet-probe-preview{position:relative;flex:1;min-width:100px;height:100px;overflow:hidden;pointer-events:none}
.fleet-probe-preview>img,.fleet-probe-preview>.unit-art{width:100%;height:100%;object-fit:contain;margin:0}
.fleet-probe-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fleet-probe-preview.scout-preview-ready>img,.fleet-probe-preview.scout-preview-ready>.unit-art{visibility:hidden}
.fleet-scout-heading>div:last-child{flex:1;min-width:0}
#fleetScoutCommit{width:100%;min-height:44px;margin-top:8px}
.fleet-scout-flight{margin:8px 0;padding:8px;border:1px solid var(--line)}
.fleet-scout-flight>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--cyan)}
.fleet-scout-flight b{font-variant-numeric:tabular-nums;font-weight:400}
.fleet-scout-flight>button{min-height:44px;width:100%;margin-top:8px}
#fleetIntelSnapshot .report-resources{gap:8px;margin:10px 0}
#fleetIntelSnapshot .report-resources>div{min-width:0}
#fleetIntelSnapshot .report-resources small{font-size:9px}
#fleetIntelSnapshot .report-resources strong{font-size:13px}
#fleetIntelSnapshot .report-resources img{height:24px;width:24px}
#fleetIntelSnapshot details>summary{min-height:44px;cursor:pointer;padding:10px 0;color:var(--cyan)}
#fleetIntelSnapshot>button{width:100%;min-height:44px}
.flight-card-list{display:grid;gap:12px}
.incoming-overview{padding:16px;border:1px solid var(--line);background:var(--fleet-flight-hostile-background) center/100% 100% no-repeat}
.incoming-overview h2{margin:0 0 8px;color:var(--loss)}
.incoming-overview .bar{height:9px;background:var(--fleet-flight-progress-back) center/100% 100% no-repeat}
.incoming-overview .bar>div{background:var(--fleet-flight-progress-fill) left center/100% 100% no-repeat}
.incoming-defense-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:18px}
.incoming-defense-layout>section{min-width:0}
.incoming-defense-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.incoming-defense-actions>button{min-height:44px;min-width:44px;padding:8px}
#incomingDefenders>summary{min-height:44px;cursor:pointer;padding:12px 0;color:var(--cyan)}
[id^="cover-status-"]:focus{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:800px){.incoming-defense-layout{grid-template-columns:1fr;gap:16px}.incoming-overview{padding:12px}}
.source-skin #panel:has(.flight-card-list,.incoming-overview,.research-canvas,.research-detail,.research-list)>.panel-head{background:var(--bg)}
.bunker-fleet-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0}.bunker-fleet-lists>section{min-width:0}.bunker-unit{width:100%;display:flex;gap:10px;align-items:center;text-align:left;min-height:56px;padding:8px;margin:6px 0}.bunker-unit>span{flex:1;min-width:0;overflow-wrap:anywhere}.bunker-unit>b{flex:none}.bunker-unit>.source-icon{width:52px;height:40px}.bunker-fleet-lists>section>button{min-height:44px;width:100%}.bunker-selection{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.bunker-selection>button{min-height:44px}.source-skin #panel:has(.bunker-fleet-lists)>.panel-head{background:var(--bg)}
@media(max-width:650px){.bunker-fleet-lists{grid-template-columns:1fr;gap:12px}}
.flight-card-list>.flight-card{margin:0;min-width:0;position:relative;overflow-wrap:anywhere;background:var(--bg);isolation:isolate}
.flight-card-list>.flight-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--fleet-flight-friendly-background) center/100% 100% no-repeat;opacity:.5}
.flight-card-list>.flight-card.hostile::before{background-image:var(--fleet-flight-hostile-background);opacity:.5}
.flight-card-main{display:flex;gap:12px;align-items:flex-start}
.flight-mission-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;background:var(--fleet-flight-mission-background) center/100% 100% no-repeat}
.flight-mission-icon>.source-icon{width:38px;height:38px;object-fit:contain;margin:0}
.flight-card-info{flex:1;min-width:0}
.flight-card-info .flight-heading{align-items:flex-start;gap:12px}
.flight-card-info h3{margin:0;font-size:14px;color:var(--cyan)}
.flight-card-info .flight-heading strong{font-size:19px;font-variant-numeric:tabular-nums}
.flight-card-origin,.flight-stage{margin:6px 0;font-size:12px;color:var(--muted)}
.flight-card.hostile .flight-stage{color:var(--loss)}
.flight-card-list .flight-card-progress{height:9px;margin:8px 0;background:var(--fleet-flight-progress-back) center/100% 100% no-repeat}
.flight-card-list .flight-card-progress>div{height:100%;background:var(--fleet-flight-progress-fill) left center/100% 100% no-repeat}
.flight-card-route{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.flight-card-route>span:last-child{margin-left:auto}
.flight-card-composition{font-size:12px;color:var(--cyan);line-height:1.6}
.flight-card-list .actions{flex-wrap:wrap;gap:8px;margin-top:10px}
.flight-card-list .actions>button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px}
.flight-details-button::after{content:"";display:inline-block;width:20px;height:20px;background:var(--fleet-flight-details-icon) center/contain no-repeat}
.source-skin #panelBody .flight-card .flight-recall-button,.source-skin #galaxyFlights .flight-card .flight-recall-button{}
.flight-recall-button .flight-recall-art{width:24px;height:24px;object-fit:contain;margin:0}
@media(max-width:800px){
 .flight-card-main{gap:8px}
 .flight-mission-icon{width:42px;height:42px}
 .flight-mission-icon>.source-icon{width:30px;height:30px}
 .flight-card-info .flight-heading{flex-wrap:wrap;gap:5px}
 .flight-card-info .flight-heading strong{font-size:17px}
 .flight-card-list .actions>button{padding:8px;font-size:11px}
}
.fleet-control-icon{display:inline-block;flex:none;width:24px;height:24px;background:center/contain no-repeat;vertical-align:middle;pointer-events:none}
.fleet-order-summary>div{position:relative;min-width:0;padding-left:34px}
.fleet-order-summary>div>.fleet-control-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px}
.fleet-summary-icon-volume{background-image:var(--fleet-summary-volume)}
.fleet-summary-icon-fuel{background-image:var(--fleet-summary-fuel)}
.fleet-summary-icon-cargo{background-image:var(--fleet-summary-cargo)}
.fleet-summary-icon-power{background-image:var(--fleet-summary-power)}
.fleet-target-screen .fleet-unit-card.has-quantity b{color:var(--positive);background:var(--bg);padding:1px 5px}
.fleet-target-screen .fleet-unit-card.invalid-stock b{color:var(--loss)}
.fleet-card-slowest,.fleet-card-warning{position:absolute;top:4px;width:22px;height:22px;background:center/contain no-repeat;pointer-events:none}
.fleet-card-slowest{left:4px;background-image:var(--fleet-ship-slowest)}
.fleet-card-warning{right:4px;background-image:var(--fleet-ship-warning)}
.fleet-card-slowest[hidden],.fleet-card-warning[hidden]{display:none}
#panelBody .fleet-preset-row{display:grid;grid-template-columns:minmax(0,1fr) 74px 44px;gap:5px;margin:8px 0;align-items:stretch}
#panelBody .fleet-preset-row .fleet-preset-apply{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;min-height:64px;text-align:left;padding:6px 8px;position:relative}
.fleet-preset-row{--fleet-preset-current-panel:var(--fleet-preset-panel-normal);--fleet-preset-letter-top:var(--fleet-preset-letter-normal-top);--fleet-preset-letter-bottom:var(--fleet-preset-letter-normal-bottom);--fleet-preset-value:var(--fleet-preset-value-normal)}
.fleet-preset-row.matches-selection{--fleet-preset-current-panel:var(--fleet-preset-panel-selected);--fleet-preset-letter-top:var(--fleet-preset-letter-selected-top);--fleet-preset-letter-bottom:var(--fleet-preset-letter-selected-bottom);--fleet-preset-value:var(--fleet-preset-value-selected)}
.fleet-preset-row.unavailable{--fleet-preset-current-panel:var(--fleet-preset-panel-missing);--fleet-preset-letter-top:var(--fleet-preset-letter-missing-top);--fleet-preset-letter-bottom:var(--fleet-preset-letter-missing-bottom);--fleet-preset-value:var(--fleet-preset-value-missing)}
.source-skin #panelBody .fleet-preset-row.preset-saved .fleet-preset-apply{border:0;background:var(--fleet-preset-current-panel) center/100% 100% no-repeat;border-radius:0}
.source-skin #panelBody .fleet-preset-row.preset-saved .fleet-preset-apply:hover:not(:disabled){filter:brightness(1.1)}
.source-skin #panelBody .fleet-preset-row.preset-saved .fleet-preset-apply:active:not(:disabled){filter:brightness(.85)}
.source-skin #panelBody .fleet-preset-row.preset-empty .fleet-preset-apply{background-image:var(--fleet-preset-empty-stripes);background-size:100% 24px;background-repeat:no-repeat;background-position:center bottom}
.fleet-preset-letter{display:grid;place-items:center;width:42px;height:46px;flex:none;background:var(--fleet-preset-ring) center/contain no-repeat;font-size:28px;font-weight:400;color:var(--cyan)}
.fleet-preset-values{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:12px}
.fleet-preset-volume{display:flex;align-items:center;gap:4px;font-size:14px;font-variant-numeric:tabular-nums}
.fleet-preset-volume-icon{background-image:var(--fleet-preset-volume);width:23px;height:23px}
.fleet-preset-count{font-size:11px;color:var(--muted)}
.fleet-preset-check{width:24px;height:24px;flex:none;margin-left:auto;visibility:hidden;background:var(--fleet-preset-check) center/18px 15px no-repeat,var(--fleet-preset-check-background) center/contain no-repeat}
.matches-selection .fleet-preset-check{visibility:visible}
.fleet-preset-volume{color:var(--fleet-preset-value,var(--cyan))}
.fleet-preset-letter>span{background:linear-gradient(var(--fleet-preset-letter-top),var(--fleet-preset-letter-bottom));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.4px var(--cyan)}
#panelBody .fleet-preset-row .fleet-preset-save{width:74px;min-width:0;min-height:44px;padding:5px;font-size:10px}
#panelBody .fleet-preset-row .fleet-preset-delete{width:44px;min-width:44px;min-height:44px;padding:6px}
.source-skin #panelBody .fleet-preset-row .fleet-preset-delete{background:var(--bg)}
.fleet-preset-trash-icon{background-image:var(--fleet-preset-trash);width:23px;height:27px}
.source-skin .fleet-delete-fallback{display:none}
#panelBody .fleet-preset-row .fleet-preset-status{grid-column:1/-1;margin:0;color:var(--loss);font-size:11px;overflow-wrap:anywhere}
.fleet-preset-status:empty{display:none}
.fleet-preset-row.unavailable .fleet-preset-volume{color:var(--fleet-preset-value-missing,var(--loss))}
@media(max-width:850px){
 #panelBody .fleet-preset-row{grid-template-columns:minmax(0,1fr) 60px 44px;gap:4px}
 #panelBody .fleet-preset-row .fleet-preset-save{width:60px;font-size:9px}
 #panelBody .fleet-preset-row .fleet-preset-apply{gap:4px;padding:5px}
 .fleet-preset-letter{width:28px;height:38px;font-size:23px}
 .fleet-preset-volume{font-size:12px;gap:2px;flex-wrap:wrap}
 .fleet-preset-volume-icon{width:18px;height:18px}
 .fleet-preset-check{width:18px;height:18px;background-size:13px 11px,contain;position:absolute;right:3px;top:3px}
 .fleet-preset-count{font-size:10px}
 .fleet-order-summary>div{padding-left:25px}
 .fleet-order-summary>div>.fleet-control-icon{width:21px;height:21px}
}
@media(max-height:600px) and (orientation:landscape){
 .fleet-order-summary{padding:6px 10px;gap:8px}
 .fleet-order-summary b{font-size:15px}
 .source-skin .fleet-target-screen .fleet-unit-card>img{height:38px}
 .fleet-target-screen .fleet-send-layout{grid-template-columns:minmax(0,1.3fr) minmax(225px,1fr);gap:12px}
 .fleet-scout-panel{padding:8px}
 .fleet-scout-heading>img,.fleet-scout-heading>.unit-art{width:50px;height:40px}
 .fleet-probe-preview{min-width:80px;height:74px}
}

/* Bunker quotes have only count, volume and a bounded validation message. */
.bunker-selection .process-quote{min-height:112px}

/* Existing resource HUD now opens the source contextual pack screen. */
#app header .resources .resource-open{display:flex;gap:5px;align-items:center;min-height:44px;min-width:0;padding:0 3px;border:0;background:transparent;box-shadow:none;text-align:left}
#app header .resources .resource-open:hover{background:var(--bg)}
#app header .resources .resource-state{height:10px;line-height:10px;font-size:8px;letter-spacing:0;color:var(--loss);white-space:nowrap}
.resource-storage{margin-top:16px}.resource-storage .actions{flex-wrap:wrap}.resource-storage .actions button{min-height:44px}
.source-skin #panel:has(.resource-storage)>.panel-head{background:var(--bg)}

.client-order-capacity span{display:inline-flex;align-items:center;gap:7px}
.client-order-capacity img{width:20px;height:20px;object-fit:contain}
.client-order-capacity b{font-variant-numeric:tabular-nums}
.source-skin #panel:has(.client-production-order)>.panel-head{background:var(--bg)}

.intercept-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}
.corp-project-entry {
 display: inline-flex;
 align-items: center;
 gap: 8px;
}
.corp-project-entry img,
.corp-project-investment img {
 width: 24px;
 height: 24px;
 object-fit: contain;
}
.corp-project-summary,
.corp-project-grid,
.corp-project-payments {
 display: grid;
 gap: 8px;
}
.corp-project-summary,
.corp-project-grid {
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
}
#panelBody .corp-project-card {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 6px 10px;
 align-items: baseline;
 min-height: 64px;
 padding: 10px 14px;
 margin: 0;
 text-align: left;
}
.corp-project-card small,
.corp-project-investment small {
 color: var(--muted);
}
.corp-project-card span {
 grid-column: 1 / -1;
}
.corp-project-payments {
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
}
.corp-project-investment button {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: 100%;
 min-height: 44px;
 padding: 5px 8px;
}
.corp-project-investment button span {
 display: grid;
 text-align: left;
}
.corp-project-investment small {
 display: block;
 min-height: 1.2em;
}
.corp-project-ranking {
 list-style: none;
 padding: 0;
}
.corp-project-ranking li {
 display: flex;
 justify-content: space-between;
 gap: 14px;
 padding: 10px;
 border-bottom: 1px solid var(--line);
 overflow-wrap: anywhere;
}
.corp-shop-list {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
 gap: 10px;
 margin-top: 12px;
}
#panelBody .corp-shop-product {
 margin: 0;
 padding: 12px;
}
.corp-shop-product-main,
.corp-rank-row {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 8px 14px;
}
.corp-shop-product-main .client-item-art {
 width: 54px;
 height: 54px;
 object-fit: contain;
}
.corp-shop-product h3,
.corp-rank-row h3 {
 margin: 0 0 4px;
}
.corp-shop-product p,
.corp-rank-row p {
 margin: 3px 0;
}
.corp-shop-product .actions {
 margin: 10px 0 4px;
}
.corp-shop-product button,
.corp-rank-row button {
 min-height: 44px;
 white-space: normal;
}
.corp-rank-row {
 justify-content: space-between;
}
.corp-teleport-leader {
 display: flex;
 align-items: center;
 gap: 16px;
 margin: 10px 0;
}
.corp-teleport-leader img {
 width: 68px;
 height: 68px;
 object-fit: contain;
}
.corp-teleport-leader h2,
.corp-teleport-leader p {
 margin: 4px 0;
}
#ceo-teleport-commit {
 min-height: 44px;
 white-space: normal;
}
.corp-member-row {
 flex-wrap: wrap;
 gap: 8px 12px;
}
.corp-member-row > span {
 flex: 1 1 140px;
 overflow-wrap: anywhere;
}
.corp-member-row button,
#corp-transfer-commit {
 min-height: 44px;
 white-space: normal;
}
.client-efficiency.efficiency-layout {
 grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
 gap: 18px;
 margin: 8px 0 20px;
}
.efficiency-layout .client-building-preview {
 max-height: 175px;
 object-fit: contain;
}
.efficiency-layout section > button {
 min-height: 44px;
 margin-top: 6px;
}
.efficiency-layout section > p {
 min-height: 1em;
}
.energon-amount {
 min-width: 84px;
 padding: 8px 12px 8px 24px;
 text-align: center;
 background: var(--art-resources-energon) center / 100% 100% no-repeat;
}
.efficiency-building-list,
.competition-rewards {
 display: grid;
 grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));
 gap: 8px;
}
.efficiency-building-list button {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 8px;
 min-height: 44px;
 padding: 6px 12px;
 text-align: left;
}
.efficiency-building-list button[aria-pressed="true"] {
 border-color: var(--gold);
 color: var(--gold);
}
@media (max-width: 620px) {
 .client-efficiency.efficiency-layout {
  grid-template-columns: 1fr;
 }
 .efficiency-layout .client-building-preview {
  max-height: 105px;
 }
}
#fleetTransport[hidden],
#fleetIntel[hidden] {
 display: none;
}
#fleetTransport {
 margin-top: 10px;
}
.transport-fields {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 8px;
}
.transport-fields .item-quantity {
 grid-template-columns: minmax(0, 1fr);
 min-width: 0;
 gap: 4px;
 margin: 4px 0 8px;
}
.transport-fields .item-quantity input {
 width: 100%;
 min-width: 0;
 min-height: 44px;
}
.transport-fields .item-quantity label {
 overflow-wrap: anywhere;
}
.transport-table th,
.transport-table td {
 padding-inline: 6px;
}
.mission.quest-mission {
 display: flex;
 min-height: 44px;
 min-width: 48px;
 padding: 5px 10px;
 gap: 8px;
 margin: 0;
 text-align: left;
}

#chat-hud,
#chat-channel-private {
 position: relative;
}
#chat-hud-count:not([hidden]),
#chat-private-count:not([hidden]) {
 position: absolute;
 top: 3px;
 right: 4px;
 min-width: 17px;
 padding: 1px 4px;
 border-radius: 8px;
 background: var(--gold);
 color: var(--bg);
 font: bold 11px Arial,sans-serif;
 text-align: center;
}
.chat-overlay #panel {
 display: flex;
 flex-direction: column;
 height: min(625px,85dvh);
}
.chat-overlay #panelBody {
 flex: 1 1 auto;
 min-height: 0;
 padding: 12px 18px 16px;
}
#chat-screen {
 display: flex;
 flex-direction: column;
 gap: 8px;
 height: 100%;
 min-height: 155px;
}
.chat-tabs {
 display: grid;
 grid-template-columns: repeat(3,minmax(0,1fr));
 gap: 6px;
}
.chat-tabs button,
.chat-heading button,
.chat-contacts button,
.chat-attachment button,
.chat-compose-row button {
 min-height: 44px;
}
.chat-tabs button {
 text-transform: uppercase;
}
.chat-heading,
.chat-attachment {
 display: flex;
 justify-content: space-between;
 gap: 8px;
 align-items: center;
}
#chat-screen h2,
#chat-screen > p {
 margin: 0;
 overflow-wrap: anywhere;
}
.chat-stream,
.chat-contacts {
 flex: 1 1 0;
 min-height: 42px;
 overflow: auto;
 overscroll-behavior: contain;
 scrollbar-gutter: stable;
 border: 1px solid var(--line);
 background: var(--bg);
}
.chat-message {
 padding: 6px 12px;
 border-bottom: 1px solid var(--line);
}
.chat-message:last-child {
 border-bottom: 0;
}
.chat-message.chat-own {
 border-inline-start: 2px solid var(--cyan);
 padding-inline-start: 10px;
}
.chat-message-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 color: var(--cyan);
}
.chat-message-head time {
 color: var(--muted);
 font-variant-numeric: tabular-nums;
}
.chat-message p {
 margin: 4px 0;
 white-space: pre-wrap;
 overflow-wrap: anywhere;
}
.chat-message button {
 overflow-wrap: anywhere;
 text-align: start;
 min-height: 44px;
}
.chat-message .chat-author {
 padding-inline: 6px;
}
.chat-contacts {
 padding: 5px;
}
.chat-contacts button {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 width: 100%;
 margin-bottom: 4px;
 text-align: start;
 overflow-wrap: anywhere;
}
.chat-contacts small {
 color: var(--gold);
}
.chat-attachment[hidden] {
 display: none;
}
.chat-attachment button {
 min-width: 44px;
}
.chat-compose-row {
 display: grid;
 grid-template-columns: minmax(0,1fr) auto;
 align-items: stretch;
 gap: 6px;
}
#panelBody #chat-input {
 min-height: 44px;
 resize: none;
 background: var(--bg);
 border: 1px solid var(--line);
 padding: 8px;
 font: inherit;
 color: inherit;
}
#panelBody #chat-input:focus-visible {
 outline: 2px solid var(--cyan);
 outline-offset: 1px;
}
#chat-input[aria-invalid="true"] {
 border-color: var(--loss);
}
@media(max-height:600px) and (orientation:landscape) {
 .chat-overlay #panel {
  height: calc(100dvh - 16px);
  max-height: calc(100dvh - 16px);
 }
 .chat-overlay #panelBody {
  padding: 8px 12px 10px;
 }
}
.quest-mission > img {
 width: 32px;
 height: 32px;
 object-fit: contain;
}
.mission.quest-mission small {
 margin: 0 0 3px;
 color: var(--cyan);
}
.quest-mission.quest-reward-ready {
 border-color: var(--gold);
}
.quest-card h3 {
 margin: 8px 0;
}
.quest-recommended {
 color: var(--gold);
 font-size: 12px;
}
.quest-goals,
.quest-rewards {
 list-style: none;
 margin: 10px 0;
 padding: 0;
}
.quest-goals li {
 display: flex;
 justify-content: space-between;
 gap: 12px;
 padding: 7px 0;
 border-bottom: 1px solid var(--line);
}
.quest-goals b {
 flex: none;
}
.quest-rewards {
 display: flex;
 flex-wrap: wrap;
 gap: 8px 16px;
}
.quest-rewards li {
 display: flex;
 align-items: center;
 gap: 5px;
}
.quest-rewards img {
 width: 24px;
 height: 24px;
 object-fit: contain;
}
.quest-card button {
 min-height: 44px;
}
@media(max-height:600px) {
 .mission.quest-mission .quest-hud-copy b {
  display: none;
 }
 .mission.quest-mission {
  margin-right: auto;
 }
}
@media(max-width:600px) and (max-height:600px) {
 .mission.quest-mission .quest-hud-copy {
  display: none;
 }
}