:root {
  --ui-bg:#07111f;
  --ui-panel:#0d1b2d;
  --ui-panel-raised:#12243a;
  --ui-line:#2c455c;
  --ui-text:#eef4f8;
  --ui-muted:#9db1c1;
  --ui-accent:#75cad8;
  --ui-violet:#b7a5dc;
  --ui-gold:#e5cc9b;
}

/* One visual language for the lobby, overlays, workshop, store and battle HUD. */
body:not(.in-game) .login-screen { background:radial-gradient(circle at 50% -20%,#17304a 0%,#091624 45%,#06101d 100%)!important; }
body:not(.native-app):not(.in-game) .login-box:has(#homePlayPage:not(.hidden)) {
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:#081522!important;
  box-shadow:0 24px 65px #0006!important;
}
.login-box:has(#homePlayPage:not(.hidden))::before,
.home-command-grid::before,
.home-mission-console::before { opacity:0!important; animation:none!important; }

.home-hero { border-bottom:1px solid #294156!important; background:transparent!important; box-shadow:none!important; }
.home-hero-kicker,.home-console-heading>span,.v2-section-heading span { color:var(--ui-accent)!important; letter-spacing:.13em!important; }
.home-brand .game-title { color:var(--ui-text)!important; text-shadow:none!important; }
.commander-avatar-button { border-color:#50718a!important; background:#14273c!important; box-shadow:none!important; }
.commander-progress { border:0!important; background:transparent!important; box-shadow:none!important; }
.home-currency-bar .currency-pill,.shop-balances .currency-pill { border:1px solid #365068!important; background:#102238!important; box-shadow:none!important; }
.app-download-cta { border:1px solid #426b67!important; background:#153d37!important; box-shadow:none!important; }

.home-page-tabs { border-bottom:1px solid #294156!important; background:transparent!important; box-shadow:none!important; }
.home-page-tab,.home-page-tab:nth-child(n) { border:0!important; border-radius:6px 6px 0 0!important; background:transparent!important; box-shadow:none!important; color:var(--ui-muted)!important; }
.home-page-tab[aria-selected="true"] { color:var(--ui-text)!important; background:#172b3f!important; }
.home-page-tab[aria-selected="true"]::after { height:2px!important; background:var(--ui-accent)!important; box-shadow:none!important; }

#homePlayPage .home-command-grid { border:0!important; background:transparent!important; box-shadow:none!important; }
#homePlayPage .home-command-grid::after { display:none!important; }
#homePlayPage .home-mission-console { border:1px solid #38546b!important; border-radius:14px!important; background:linear-gradient(160deg,#10253a,#0a1a2c)!important; box-shadow:none!important; }
#homePlayPage .home-mission-console .home-console-heading h2 { color:var(--ui-text)!important; text-shadow:none!important; }
#homePlayPage .record-panel { border-color:#31495c!important; background:transparent!important; box-shadow:none!important; }
#homePlayPage .tier-selector { border:0!important; background:transparent!important; box-shadow:none!important; }
#homePlayPage .tier-selector .tier-stage::before,#homePlayPage .tier-selector .tier-stage::after { opacity:.18!important; filter:none!important; }
#homePlayPage .tier-icon { border:1px solid #7296a7!important; background:#1a4054!important; box-shadow:none!important; color:#f1f7fa!important; }
#homePlayPage .tier-icon::before,#homePlayPage .tier-icon::after { opacity:0!important; }
#homePlayPage .tier-nav { border:1px solid #35536c!important; background:#10283b!important; box-shadow:none!important; }
#homePlayPage .deployment-button.primary-deployment { border:1px solid #8bd5df!important; border-radius:10px!important; background:#2d8798!important; box-shadow:none!important; color:#fff!important; letter-spacing:.02em!important; }
#homePlayPage .tier-advance i { height:4px!important; border-radius:4px!important; background:#1b3045!important; }
#homePlayPage .tier-advance i b { background:#79bfd0!important; box-shadow:none!important; }

#homePlayPage .trial-entry { grid-column:1/-1!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-height:78px!important; margin:7px 0 0!important; padding:11px 13px!important; border:1px solid #5b5576!important; border-left:3px solid var(--ui-violet)!important; border-radius:10px!important; background:#181c34!important; box-shadow:none!important; }
#homePlayPage .trial-entry h3 { margin:1px 0!important; font-size:17px!important; }
#homePlayPage .trial-entry small { display:block; color:#aaaec8; font-size:11px; line-height:1.4; }
#homePlayPage .trial-entry .trial-kicker { color:#c0addf!important; font-size:9px!important; }
#trialOpenButton { flex:0 0 auto; min-height:38px; padding:7px 11px; border:1px solid #9b8ec6; border-radius:8px; background:#383154; color:#f7f2ff; font:800 12px/1 system-ui; cursor:pointer; }

.trial-dialog { width:min(560px,calc(100vw - 22px)); max-height:calc(100dvh - 24px); padding:18px; overflow:auto; border:1px solid #716d91; border-radius:15px; background:#0b1627; box-shadow:0 24px 75px #0009; color:var(--ui-text); font-family:system-ui,sans-serif; }
.trial-dialog::backdrop { background:rgba(2,7,18,.83); }
.trial-dialog > header { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:10px; padding-bottom:11px; border-bottom:1px solid #34465c; }
.trial-dialog h2 { margin:3px 0 0; font-size:22px; }
.trial-dialog header button { width:36px; height:36px; border:1px solid #53677d; border-radius:8px; background:#15283b; color:#eaf1f7; font-size:22px; cursor:pointer; }
.trial-dialog .trial-unlock { display:block; margin-bottom:12px; color:#adc1cf; }
.trial-dialog .trial-entry-controls { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.trial-dialog .trial-entry-controls label { grid-column:1/-1; color:#d1dbe8; }
.trial-dialog .trial-entry-controls select { grid-column:1/-1; background:#132438; border-color:#48647b; }
.trial-dialog .trial-entry-controls button { border-color:#668da2; background:#255b72; box-shadow:none; }
.trial-dialog .trial-entry-controls button:first-of-type { background:#356f81; }
.trial-dialog .trial-entry-controls button:disabled { opacity:.45; }
.trial-dialog > p { color:#9fafc1; }
.trial-dialog .trial-weekly-panel { padding:12px; border:1px solid #364d63; background:#101e31; box-shadow:none; }
.trial-dialog .trial-my-rank { border-color:#4a7787; background:#173345; }
.trial-dialog .trial-rank-row { border-color:#34495c; background:#152538; }
.trial-dialog .trial-reward-heading { color:var(--ui-gold); }
.trial-dialog .trial-reward-row { grid-template-columns:29px minmax(0,1fr); gap:10px; padding:10px; border:1px solid #514b60; background:#1d2136; }
.trial-dialog .trial-reward-row:first-child { border-color:#8d795c; background:#292839; }
.trial-dialog .trial-reward-row > b { align-self:start; color:var(--ui-gold); font-size:12px; }
.trial-dialog .trial-reward-row span > strong { display:block; color:#f6f0e6; font-size:15px; line-height:1.3; }
.trial-dialog .trial-reward-row small { margin-top:3px; color:#c5bbd9; font-size:12px; }
.trial-dialog .trial-prize-claim { border-color:#9e865f; background:#2b2a35; }

.home-action-rail,.home-pilot-console,.home-mini-card,.home-menu button { box-shadow:none!important; }
.home-pilot-console { border:1px solid #304a61!important; border-radius:11px!important; background:#112237!important; }
.home-mini-card { border:1px solid #344e61!important; border-radius:9px!important; background:#112237!important; }
.home-menu { border-top:1px solid #2b4054!important; background:transparent!important; }
.home-menu button { border:1px solid #355065!important; border-radius:7px!important; background:#102238!important; }

.v2-home-panel,.task-home,.leaderboard-table,.reserved-store,.shop-panel,.meta-panel { border-color:#32495d!important; border-radius:13px!important; background:#0e1c2e!important; box-shadow:none!important; }
.v2-section-heading h2,.privilege-heading b { color:var(--ui-text)!important; text-shadow:none!important; }
.v2-section-heading p,.privilege-heading span { color:var(--ui-muted)!important; }
.store-section-tabs { border-bottom:1px solid #31475a!important; background:transparent!important; }
.store-section-tabs button { border:0!important; border-radius:6px 6px 0 0!important; background:transparent!important; box-shadow:none!important; color:var(--ui-muted)!important; }
.store-section-tabs button[aria-selected="true"] { color:#f3f7fa!important; background:#172b3f!important; border-bottom:2px solid var(--ui-accent)!important; }
.vip-store-hero,.vip-turret-card { box-shadow:none!important; }
.workshop-formation,.formation-slot,.workshop-slot-panel { box-shadow:none!important; }
.formation-slot { border-color:#466077!important; border-radius:9px!important; background:#12263b!important; }
.formation-slot:focus-visible,.formation-slot:hover { outline-color:#82cbd6!important; }
.workshop-slot-dialog { background:rgba(1,7,17,.78)!important; }
.workshop-slot-panel { border-color:#54758b!important; border-radius:12px!important; background:#0d1e31!important; }
.workshop-slot-options button { border-color:#3e6277!important; background:#162c42!important; }
.leaderboard-self { border-color:#4e7d88!important; background:#173545!important; }
.leaderboard-row.is-self { background:#1a3849!important; }

body.in-game .hud .chip,body.in-game .game-actions button,body.in-game .upgrade-panel,body.in-game .battle-intel,body.in-game .settings-panel { border-color:#486376!important; border-radius:9px!important; background:#0b1a2bea!important; box-shadow:none!important; }
body.in-game .hud .chip b { color:#f1f5f6!important; text-shadow:none!important; }
body.in-game .game-actions button { min-height:38px; }
body.in-game .battle-priority-strip .priority-alert { border-color:#526978!important; border-radius:8px!important; background:#112237ed!important; box-shadow:none!important; }
body.in-game .upgrade-panel button { border-radius:8px!important; box-shadow:none!important; }

#homeRewardedSupplyButton #homeRewardedSupplyHint {
  display:block!important;
  font-size:9px!important;
  line-height:1.3;
}

.release-news { border-color:#5f7388!important; background:#0c1a2b!important; box-shadow:0 24px 70px #0009!important; }
.release-news-cards article,.release-news-cards article:nth-child(2) { border-color:#3d536b!important; background:#14273d!important; }
.release-news-cards article:nth-child(2) { border-left:3px solid #ad9dca!important; }
.release-news button,.release-news-cards article:nth-child(2) button { border-color:#658697!important; background:#28576d!important; }

@media (max-width:520px) {
  .trial-dialog { padding:14px; }
  #homePlayPage .trial-entry { min-height:74px!important; }
  .trial-dialog .trial-entry-controls { grid-template-columns:1fr 1fr; }
  .trial-dialog .trial-reward-row span > strong { font-size:14px; }
}