
/* Review of the 35 planet annotations: skins remain sourced from the approved kit. */
#view-planet{background:#030b14 url('../assets/ui/v4.1/backgrounds/browser/browser-nebula-clean.webp') center/cover fixed!important}
#view-planet .planet-primary-services-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;margin:10px 0;min-width:0}
#view-planet .planet-primary-services-row .primary-service-card{min-height:100px;height:clamp(100px,8vw,132px);min-width:0;padding:10px}
#view-planet .primary-service-copy b{font-size:clamp(11px,1vw,15px)}
#view-planet .owned-planets-head{display:none}
#view-planet #planetSelector{display:flex!important;align-items:center;justify-content:safe center;gap:6px;overflow-x:auto;overflow-y:hidden}
#view-planet #planetSelector .galaxy-planet-tab{height:60px!important;min-height:60px!important;--planet-tab-width:clamp(200px,15vw,235px);flex:0 0 var(--planet-tab-width);grid-template-columns:44px minmax(0,1fr)!important;overflow:hidden!important;background-clip:padding-box!important}
#view-planet #planetSelector .galaxy-planet-tab::before{height:58px;aspect-ratio:auto}
#view-planet #planetSelector .galaxy-planet-tab-skin{width:44px;height:44px}
#view-planet .planet-command-card{min-height:260px;padding-bottom:30px}
#view-planet .planet-command-card header{position:relative;padding-right:40px}
#planetCommandToggle{position:absolute;right:4px;top:4px;z-index:5;width:32px;height:32px;border:1px solid #947448;background:transparent url('../assets/ui/v4.1/icons/actions/minimize-bar.webp') center/24px no-repeat;cursor:pointer}
#planetCommandCard.is-collapsed{min-height:0;padding-bottom:0}
#planetCommandCard.is-collapsed> :not(header){display:none!important}
#planetCommandCard.is-collapsed #planetCommandToggle{transform:rotate(180deg)}
#view-planet .planet-command-effects::before{display:none!important;content:none!important}
#view-planet .planet-command-effect-group li{font-size:11px;line-height:1.5}
.quick-edit-btn{border:1px solid #9c783d!important;background:rgba(2,13,22,.3)!important;box-shadow:none!important;padding:4px!important}
.quick-edit-glyph{display:block!important;width:24px!important;height:24px!important;background:url('../assets/ui/v4.1/icons/actions/edit-pencil.webp') center/contain no-repeat!important}
.quick-edit-glyph::before,.quick-edit-glyph::after{content:none!important}
#view-planet .fleet-orbit-content{background:transparent!important;border:0!important;box-shadow:none!important}
#view-planet .fleet-orbit-manage{width:auto!important;justify-self:end;min-height:30px!important;padding:5px 10px!important;font:600 11px/1.2 'Segoe UI',sans-serif!important;border:1px solid #987744!important;border-image:none!important;background:rgba(2,13,22,.3)!important;box-shadow:none!important}
.planet-fleet-ring-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center;padding:12px}
.planet-fleet-ring-row .fleet-status-legend span,.planet-fleet-ring-row .fleet-status-legend b{font:600 11px/1.4 'Segoe UI',sans-serif}
#view-planet .fleet-status-chart{display:block!important;box-sizing:border-box}
#view-planet .module-detail::before{background:rgba(2,13,22,.3)!important}
#view-planet .construction-cost-grid,#view-planet .production-control-panel,#view-planet .building-prerequisite-list,#view-planet .construction-cost,#view-planet .production-control-metrics>div,#view-planet .research-cost-preview{background:rgba(2,13,22,.3)!important;backdrop-filter:none!important}
#view-planet .construction-status-inline{background:none;border:0;margin:10px 0;font:700 12px/1.4 'Segoe UI',sans-serif}
#view-planet .module-nav-card::before{background:linear-gradient(180deg,rgba(1,8,15,.08),rgba(1,8,15,.35))!important}
#view-planet .module-nav-card .module-nav-copy b em{font-size:16px;font-weight:800}
#view-planet .module-level{font:800 14px/1.2 'Segoe UI',sans-serif!important;color:#d8f4ff!important}
#view-planet .module-card-time,#view-planet .module-nav-copy small,#view-planet .production-control-metrics b,#view-planet .construction-cost b,#view-planet .research-cost-preview{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:700!important;font-variant-numeric:tabular-nums;text-transform:none!important;letter-spacing:0!important}
#view-planet .module-card-time{font-size:12px;line-height:1.3}
#view-planet .module-card-upgrade{font-size:7px!important;background:rgba(4,20,29,.6)!important}
#view-planet .planet-module-head{border:5px solid transparent!important;border-image:url('../assets/ui/v4.1/controls/input-normal.webp') 14 22 fill / 5px 8px stretch!important;box-shadow:none!important;background:transparent!important;padding:8px 12px!important}
#view-planet .module-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.upgrade-duration{display:grid;gap:3px;padding:8px 16px;background:rgba(2,13,22,.25);border:0;font-family:'Segoe UI',sans-serif}
.upgrade-duration small{font-size:10px;color:#afd7e8}.upgrade-duration b{font-size:16px;font-weight:800;color:#f2d693}
#view-planet .construction-cost i img,#view-planet .cost-resource-icon{display:block;width:24px;height:24px;object-fit:contain}
.production-allocation-control{border:6px solid transparent!important;border-image:url('../assets/ui/v4.1/controls/input-normal.webp') 14 22 fill / 6px 9px stretch!important;background:transparent!important;display:flex;align-items:center;gap:4px;padding:4px!important}
.production-allocation-control button{width:32px;height:32px;border:1px solid #a98748!important;border-radius:0;background:rgba(2,13,22,.3)!important;color:#f3d38d}
.production-percent-field{position:relative;display:flex;align-items:center;background:rgba(2,13,22,.3);border:1px solid #7e673e;height:32px}
.production-percent-field input{width:72px!important;height:30px!important;padding:3px 24px 3px 6px!important;border:0!important;background:none!important;appearance:textfield;font:700 13px 'Segoe UI',sans-serif!important}
.production-percent-field input::-webkit-inner-spin-button{appearance:none}
.production-percent-field>span{position:absolute;right:7px;pointer-events:none;font:700 13px 'Segoe UI',sans-serif}
#dockMapStatus{display:none!important}
#mapDockSymbol{font-size:0!important;display:block;width:26px;height:26px;background:url('../assets/ui/v4.1/icons/actions/minimize-bar.webp') center/contain no-repeat}
#mapDock:not(.open) #mapDockSymbol{transform:rotate(180deg)}
#view-planet .mini-map-zoom button{font-size:0!important;border:0;background:transparent center/contain no-repeat!important;width:44px;height:44px}
#view-planet #miniMapZoomIn{background-image:url('../assets/ui/v4.1/map/zoom-in.webp')!important}
#view-planet #miniMapZoomOut{background-image:url('../assets/ui/v4.1/map/zoom-out.webp')!important}
#view-planet .resource-unified-bar{border:1px solid #9b7537!important;background:rgba(2,13,22,.3)!important;box-shadow:none!important;clip-path:none!important}
#view-planet .resource-unified-bar::before,#view-planet .resource-unified-bar::after{display:none!important}
#view-planet .resource-unified-bar .resource-meter-card{background:transparent!important;border:0!important;padding:8px 12px 36px!important;min-height:112px}
#view-planet .resource-stock{padding-left:0!important}
#view-planet .resource-name-with-icon{font:700 12px/1.3 'Segoe UI',sans-serif!important;color:#e8d9b6!important}
#view-planet .resource-identity-icon{width:42px!important;height:42px!important;object-fit:contain}
#view-planet .resource-capacity-value{left:auto;right:14px;bottom:24px;font:800 12px/1.2 'Segoe UI',sans-serif;color:#edf3f6}
#view-planet .storage-gauge{box-sizing:border-box;left:12px;right:12px;top:auto;bottom:7px;width:auto;height:16px!important;border:4px solid transparent!important;border-image:url('../assets/ui/v4.1/controls/input-normal.webp') 14 22 / 4px 6px stretch!important;background:rgba(2,13,22,.4)!important;overflow:hidden}
#view-planet .storage-gauge i{position:absolute;left:2px;bottom:2px;top:2px;height:auto!important;width:var(--storage-fill,0%);max-width:calc(100% - 4px);background:var(--resource-bar-color,#45c9ff)!important;box-shadow:none!important}
[data-resource-card='wood']{--resource-bar-color:linear-gradient(90deg,#704123,#d49955)}
[data-resource-card='iron']{--resource-bar-color:linear-gradient(90deg,#526677,#c5d6df)}
[data-resource-card='helium']{--resource-bar-color:linear-gradient(90deg,#1654aa,#42c7ff)}
[data-resource-card='energy']{--resource-bar-color:linear-gradient(90deg,#b98717,#ffe784)}
#view-planet .resource-unified-bar.details-open,#view-planet .resource-unified-bar.details-open .resource-card-flipper{height:auto!important;min-height:0!important}
#view-planet .resource-unified-bar.details-open .resource-card-front{position:absolute;inset:0}
#view-planet .resource-unified-bar.details-open .resource-card-back{position:relative;inset:auto;overflow:visible;max-height:none}
#view-planet .repair-consumption-list{max-height:none!important;overflow:visible!important}
@media(max-width:1100px){#view-planet .planet-layout-v31{grid-template-columns:minmax(0,1fr)!important}#view-planet .planet-side-column{grid-column:1;grid-row:4;position:static;min-width:0}#view-planet .resource-card-front{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-planet .resource-extra-window{grid-column:1/-1}}
@media(max-width:600px){#view-planet .planet-primary-services-row .primary-service-card{min-height:84px;height:84px;padding:6px}#view-planet .primary-service-copy b{font-size:10px}#view-planet .primary-service-count small{display:none}}

/* Keep text clear of the larger resource artwork and fit the service row. */
#view-planet{background:linear-gradient(rgba(2,10,20,.78),rgba(2,10,20,.78)),url('../assets/ui/v4.1/backgrounds/browser/browser-nebula-clean.webp') center/cover fixed!important}
#view-planet .resource-stock{padding-left:48px!important}
#view-planet .resource-stock>span>span{font:700 12px/1.3 'Segoe UI',sans-serif!important}
#view-planet .planet-primary-services-row .primary-service-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}
#view-planet .planet-primary-services-row .primary-service-copy b{font-size:13px!important;line-height:1.3;overflow-wrap:normal}
#view-planet .quick-edit-glyph{transform:none!important;border:0!important}
#view-planet .research-cost-item{display:inline-flex;align-items:center;gap:5px;margin:4px 12px 4px 0;font:600 12px/1.4 'Segoe UI',sans-serif}
#view-planet .research-duration{font:700 14px/1.5 'Segoe UI',sans-serif}

#view-planet .research-cost-preview{display:grid;gap:6px;padding:12px;margin:12px 0;border:1px solid rgba(157,126,70,.4);border-radius:3px}

/* Follow-up review, ten annotations, 10 September 2026. */
#view-planet #planetCommandToggle{border:0!important;border-radius:0!important;box-shadow:none!important}
#view-planet #mapDockSymbol{border:0!important;border-radius:0!important;box-shadow:none!important;align-self:start;transform:translateY(-6px)!important;background-color:transparent!important}
#view-planet .module-nav-card .module-nav-copy b,#view-planet .module-detail-title h3{color:#f4d48a!important;-webkit-text-stroke:.3px #898e93;paint-order:stroke fill;text-shadow:0 1px 2px #000,0 2px 4px #000!important}
#view-planet .fleet-status-chart{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,0) 28%,rgba(0,0,0,.36) 55%,rgba(255,255,255,.23) 75%,rgba(0,0,0,.4)),var(--fleet-chart);box-shadow:inset 1px 2px 2px #dbedff99,inset -2px -3px 3px #000b,0 5px 0 #102b40,0 8px 10px #000a;border:1px solid #91a7b566}
#view-planet .fleet-status-chart-inner{position:relative;background:radial-gradient(ellipse at 35% 20%,#173045,#07111b 75%);box-shadow:inset 0 3px 7px #000b,0 1px 1px #d3e9ff77;border-color:#0e2435}
#view-planet .fleet-status-legend i{box-shadow:inset 0 1px 1px #fffa,inset 0 -1px 2px #000a,0 1px 2px #0009}
#view-planet .resource-unified-bar .resource-card-front{grid-template-columns:repeat(4,minmax(0,1fr)) 173px!important}
#view-planet .resource-extra-window{width:173px;min-width:0;height:93px;align-self:center}
#view-planet .resource-unified-bar .resource-meter-card{min-height:116px;padding:12px 14px!important;grid-template-columns:minmax(0,1fr) 76px;column-gap:40px}
#view-planet .storage-gauge{left:auto;right:94px;top:8px;bottom:8px;width:23px!important;height:auto!important;border-width:4px!important;border-image-slice:14 22!important;border-image-width:4px!important}
#view-planet .storage-gauge i{left:2px;right:2px;top:auto;bottom:2px;width:auto!important;height:var(--storage-fill,0%)!important;max-height:calc(100% - 4px);max-width:none}
#view-planet .resource-capacity-value{right:128px;left:auto;top:auto;bottom:12px;font-size:11px}
#view-planet .resource-production{border-left:0!important;padding-left:0!important}
#view-planet .module-nav,#view-planet .module-detail,#view-planet .vault-main-workspace,#view-planet .service-scroll-list{overscroll-behavior-y:auto!important;scroll-behavior:auto!important}
#view-planet{overflow-anchor:none}
.player-control-btn.avatar-only{width:105px!important;min-width:105px!important;height:105px!important;min-height:105px!important}
.player-avatar{width:105px!important;height:105px!important}
.player-level-badge{width:37.5px!important;height:37.5px!important;right:3px;bottom:3px;font-size:12px}
.player-control{padding-right:107px;width:305px;min-width:305px}
.player-control .player-dropdown{top:105px!important}
@media(max-width:1100px){#view-planet .resource-unified-bar .resource-card-front{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-planet .resource-extra-window{justify-self:end}}
@media(max-width:600px){#view-planet .resource-unified-bar .resource-card-front{grid-template-columns:minmax(0,1fr)!important}}

/* Scrollbars stay hidden on every application surface; native scrolling remains. */
html,body,body *{scrollbar-width:none!important;-ms-overflow-style:none!important;scroll-behavior:auto!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

#view-planet .resource-unified-bar .resource-meter-card{min-height:116px!important}

/* Original storage artwork: frame and live fill share the original raster. */
#view-planet .storage-gauge{border:0!important;border-image:none!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
#view-planet .storage-gauge-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,30% 13%,30% 86%,67% 86%,67% 13%,30% 13%);pointer-events:none}
#view-planet .storage-gauge i{left:34%;right:34%;bottom:15%;top:auto;width:auto!important;height:calc(var(--storage-fill,0%) * .71)!important;max-height:71%;border:0;border-radius:40% / 3px;background-image:var(--storage-original-art)!important;background-size:318.18% 168.54%!important;background-position:50% 62.3%!important;background-repeat:no-repeat!important;box-shadow:none!important}
html.gw-live-layout-editing #view-planet .storage-gauge-art{pointer-events:auto!important}
html.gw-live-layout-editing #view-planet .resource-unified-bar:not(.details-open) .resource-card-back,html.gw-live-layout-editing #view-planet .resource-unified-bar:not(.details-open) .resource-card-back *{pointer-events:none!important}
html.gw-live-layout-editing #view-planet .resource-unified-bar.details-open .resource-card-front,html.gw-live-layout-editing #view-planet .resource-unified-bar.details-open .resource-card-front *{pointer-events:none!important}

/* Larger original storage bars with the percentage directly above the frame. */
#view-planet .resource-unified-bar .resource-meter-card{min-height:178px!important;column-gap:52px}
#view-planet .storage-gauge{top:24px;bottom:8px;width:40px!important;height:150px!important;right:87px}
#view-planet .resource-capacity-value{top:6px;bottom:auto;right:87px;width:40px;text-align:center;font-size:12px;line-height:16px}
/* Shared top-right close placement, including dynamically rendered dialogs.
   Removal/cancellation X controls are deliberately not panel close controls. */
header:has(> :is(button[aria-label^="Chiudi"],.settings-close,#quickEditorClose,.galaxy-search-close,.commander-hall-back)),
.gw-live-editor-head,
.gw-live-editor>header {
  position:relative;
  padding-right:44px!important;
  min-height:38px;
}
button:is([aria-label^="Chiudi"],.settings-close,#quickEditorClose,.galaxy-search-close,.commander-hall-back,.global-notice-close) {
  position:absolute!important;
  top:2px!important;
  right:2px!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  z-index:25;
}
.gw-live-editor-window-actions{position:static!important}
.gw-live-editor-head [data-live-action="exit"]{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important}
/* Sidebar headers sit inside padded frames: anchor their X to the frame. */
.pc2-intel-panel>.panel{position:relative}
.pc2-galaxy-intel-head,.pc2-system-intel-head{position:static!important}
.pc2-galaxy-intel-head .galaxy-intel-close,.pc2-system-intel-head .system-card-close{top:2px!important;right:2px!important}

/* Planet annotations: original thin frames, transparent resources, shared search. */
#view-planet .planet-summary,
#view-planet .resource-unified-bar,
#view-planet .resource-card-flipper,
#view-planet .resource-card-face,
#view-planet .resource-meter-card,
#view-planet .resource-extra-window{background:transparent!important;box-shadow:none!important}
#view-planet .resource-meter-card{position:relative}
#view-planet .resource-meter-card:not(:last-of-type)::after{content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:rgba(190,155,88,.42);pointer-events:none}
#view-planet :is(.shared-fleet-widget,.shared-quick-actions,#mapDock,.primary-service-card,.owned-planets-panel){
 border:6px solid transparent!important;
 border-image:url('../assets/ui/v4.1/Gateward_UI_GOLD_ARABESQUE_MODULAR_KIT_v3_HD_CLEAN/07_CORNICI_PANNELLO/cornice_pannello_arabescata_512x256.webp') 12 / 6px / 0 stretch!important;
 border-radius:0!important;clip-path:none!important;
}
#planetCommandCard{position:relative;overflow:visible!important;contain:none!important;border:16px solid transparent!important;border-image:url('../assets/ui/v4.1/Gateward_UI_GOLD_ARABESQUE_MODULAR_KIT_v3_HD_CLEAN/07_CORNICI_PANNELLO/cornice_pannello_arabescata_spessa_512x256.webp') 24 / 16px / 0 stretch!important;border-radius:0!important;clip-path:none!important;background-origin:border-box!important}
#planetCommandCard .planet-card-crest{position:absolute;top:-32px;left:50%;translate:-50% 0;width:88px;height:55px;object-fit:contain;z-index:8;pointer-events:none}
html.gw-live-layout-editing #planetCommandCard .planet-card-crest{pointer-events:auto}
#view-planet .shared-quick-actions .quick-edit-btn{top:4px!important;right:5px!important;bottom:auto!important;width:32px;height:32px;min-width:32px;min-height:32px}
#view-planet .shared-quick-title{padding-right:38px}
#view-planet .shared-quick-grid{padding-bottom:0}
#view-planet .solar-map-search{width:min(320px,40vw);height:52px;aspect-ratio:320/52;background:transparent url('../assets/ui/v4.1/frames/map-search.webp') center/contain no-repeat!important;border:0!important;box-shadow:none!important}
#view-planet .solar-map-search input{background:transparent!important;border:0!important;box-shadow:none!important;padding:7px 48px 7px 18px!important;color:#d9e8ef!important}
#view-planet .solar-map-search button{top:50%;transform:translateY(-50%);right:5px;width:36px;height:36px!important;border:0!important;box-shadow:none!important}
#mapDock .mini-nav-tools{display:none!important}

#planetCommandName{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;font-size:20px!important;line-height:1.2}
