@font-face{font-family:"Gateward Chat";src:url("../assets/ui/v4.1/fonts/gateward-chat-medium.woff2") format("woff2");font-display:swap}

:root{
  --gw-v41-gold:#d5af62;
  --gw-v41-gold-bright:#f2d58d;
  --gw-v41-cyan:#62d9f4;
  --gw-v41-void:#020912;
  --gw-v41-panel:rgba(3,13,22,.94);
  --gw-v41-frame-main:url("../assets/ui/v4.1/frames/panel-main.webp");
  --gw-v41-frame-side:url("../assets/ui/v4.1/frames/panel-sidebar.webp");
}

html[data-ui-theme="gateward"],html[data-ui-theme="gateward-definitive"]{color-scheme:dark}
html[data-ui-theme="gateward"] body,html[data-ui-theme="gateward-definitive"] body{background:var(--gw-v41-void);color:#dbe8ef}

.panel,.planet-module,.settings-dialog,.quick-editor-dialog,.fleet-command-panel{
  border-color:rgba(213,175,98,.58)!important;
  background:linear-gradient(155deg,rgba(8,25,38,.96),rgba(2,10,17,.98))!important;
  box-shadow:inset 0 0 28px rgba(20,74,103,.12),0 18px 52px rgba(0,0,0,.42)!important;
}

.app-bottom-nav{
  border-color:rgba(213,175,98,.64)!important;
  background:linear-gradient(180deg,rgba(8,25,37,.98),rgba(2,9,15,.99))!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.52),inset 0 1px rgba(242,213,141,.16)!important;
}
.app-topbar{z-index:22050!important}
#settingsOverlay{z-index:23000!important}
.app-bottom-nav .app-nav-btn{min-height:44px;color:#a9bdc9!important}
.app-bottom-nav .app-nav-btn.active{color:var(--gw-v41-gold-bright)!important;text-shadow:0 0 12px rgba(213,175,98,.45)}

.planet-primary-service-card[data-primary-service="shipyard"]{--service-card-image:url("../assets/ui/v4.1/cards/shipyard.webp")!important}
.planet-primary-service-card[data-primary-service="workshop"]{--service-card-image:url("../assets/ui/v4.1/cards/workshop.webp")!important}
.planet-primary-service-card[data-primary-service="market"]{--service-card-image:url("../assets/ui/v4.1/cards/market.webp")!important}

html[data-performance-mode="light"] *,html[data-performance-mode="light"] *::before,html[data-performance-mode="light"] *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  backdrop-filter:none!important;
}
html[data-performance-mode="light"] :where(.panel,.planet-module,.settings-dialog,.ingame-chat-card){box-shadow:0 8px 24px rgba(0,0,0,.38)!important}
html[data-performance-mode="light"] :where(.galaxy-map-chrome,.planet-head,.app-bottom-nav){text-shadow:none!important}

@media(max-width:720px){
  .app-bottom-nav .app-nav-btn{min-width:44px;min-height:48px}
}

/* Keep the one approved Gateward skin, while exposing the performance-only
   UI section introduced by Gate I. */
.settings-nav [data-settings-section="ui"]{display:flex!important}
.settings-section[data-settings-panel="ui"]{display:none!important}
.settings-section[data-settings-panel="ui"].active{display:block!important}