/* AXIE DUEL · A016R40R161 · PWA INSTALL UI */
.pwa-home-tools[hidden]{display:none!important}
.pwa-home-tools{
  max-width:420px;
  margin:10px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:32px;
}
.pwa-install-btn{
  min-height:32px;
  padding:7px 12px;
  border:1px solid var(--line,#34415b);
  border-radius:9px;
  background:#111827;
  color:#dce6f7;
  font:800 11px/1 system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  letter-spacing:.055em;
  cursor:pointer;
}
.pwa-install-btn:hover{border-color:#647ba3;background:#172033}
.pwa-install-btn:disabled{opacity:.58;cursor:default}
.pwa-update-bar{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(14px,env(safe-area-inset-bottom));
  z-index:120;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(430px,calc(100vw - 28px));
  padding:10px 11px 10px 13px;
  border:1px solid #4f6388;
  border-radius:12px;
  background:rgba(12,17,28,.96);
  box-shadow:0 14px 38px rgba(0,0,0,.36);
  color:#eef4ff;
  backdrop-filter:blur(12px);
}
.pwa-update-bar[hidden],.pwa-home-tools [hidden]{display:none!important}
body.battle-mode .pwa-update-bar{display:none!important}
.pwa-update-copy{display:grid;gap:2px;min-width:0}
.pwa-update-copy strong{font-size:11px;letter-spacing:.055em}
.pwa-update-copy span{color:var(--muted,#9ba8bc);font-size:10px;line-height:1.25}
.pwa-update-btn{
  flex:none;
  min-height:32px;
  padding:7px 11px;
  border:1px solid #b38a2b;
  border-radius:8px;
  background:#d5a83c;
  color:#17130a;
  font:900 10px/1 system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  letter-spacing:.055em;
  cursor:pointer;
}
.pwa-update-btn:disabled{opacity:.58;cursor:default}
.pwa-install-help{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(5,8,14,.74);
  backdrop-filter:blur(8px);
}
.pwa-install-help[hidden]{display:none!important}
.pwa-install-help-card{
  width:min(430px,100%);
  border:1px solid #3b4861;
  border-radius:15px;
  background:#111722;
  box-shadow:0 22px 70px rgba(0,0,0,.46);
  padding:18px;
  color:#eef4ff;
}
.pwa-install-help-card h3{margin:0 0 7px;font-size:17px}
.pwa-install-help-card p{margin:0;color:var(--muted,#9ba8bc);font-size:12px;line-height:1.45}
.pwa-install-help-card ol{margin:12px 0 16px;padding-left:22px;color:#dbe5f5;font-size:12px;line-height:1.55}
.pwa-install-help-close{width:100%;min-height:38px}
@media(max-width:520px){
  .pwa-home-tools{max-width:none}
  .pwa-install-btn{width:100%;min-height:38px}
  .pwa-update-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:none}
  .pwa-update-copy span{display:none}
}


/* PWA-4 · controlled connectivity state. Inform only; never mutates gameplay controls. */
.pwa-network-bar{
  position:fixed;
  left:50%;
  top:max(12px,env(safe-area-inset-top));
  transform:translateX(-50%);
  z-index:130;
  width:min(640px,calc(100vw - 28px));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid rgba(229,107,75,.62);
  border-radius:12px;
  background:rgba(39,18,18,.96);
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  color:#fff3ee;
  backdrop-filter:blur(12px);
}
.pwa-network-bar[hidden]{display:none!important}
.pwa-network-copy{display:grid;gap:2px;text-align:center;min-width:0}
.pwa-network-copy strong{font-size:11px;letter-spacing:.07em}
.pwa-network-copy span{font-size:10px;line-height:1.3;color:#e6c1b8}
.pwa-network-bar[data-state="online"]{
  border-color:rgba(59,185,119,.48);
  background:rgba(14,45,31,.96);
  color:#eafff1;
}
.pwa-network-bar[data-state="online"] .pwa-network-copy span{color:#bfe7cd}
html[data-pwa-network="offline"] .pwa-update-bar{display:none!important}
html[data-pwa-network="offline"] .pwa-install-btn{opacity:.58;cursor:not-allowed}
@media(max-width:520px){
  .pwa-network-bar{top:max(8px,env(safe-area-inset-top));width:calc(100vw - 20px);padding:9px 11px}
  .pwa-network-copy span{font-size:9px}
}

/* R161 · installation CTA restored on desktop; installed state remains visible. */
.pwa-install-btn[data-install-mode="installed"]{
  border-color:#2d7856;
  background:rgba(21,73,52,.42);
  color:#8fe0b6;
  cursor:default;
  opacity:1;
}
.pwa-install-btn[data-install-mode="installed"]:hover{
  border-color:#2d7856;
  background:rgba(21,73,52,.42);
}