/* DigiClicks UX v2.1 — contextual hub + floating HUD cleanup + evolution asset polish */

/* HUD wrappers: no visible enclosing rectangles. Keep the existing children themselves interactive. */
#hudContainer{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
}
#hudContainer > div{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#hudContainer > div:first-child img{
  width:42px !important;
  height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
}
#hudContainer > div:nth-child(2) img{
  width:30px !important;
  height:30px !important;
  max-width:30px !important;
  max-height:30px !important;
}
#hudContainer > .dc-hud-stat span{font-weight:900 !important;text-shadow:0 0 8px currentColor !important;}

/* Bottom dock itself is fully floating. Buttons remain separate glassy tiles. */
#dcBottomDock{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
}
#dcBottomDock::before,#dcBottomDock::after{display:none !important;content:none !important;}

/* More game-like glass tiles: no giant parent frame. */
#dcBottomDock .dc-utility-btn{
  background:linear-gradient(145deg,rgba(7,30,42,.58),rgba(2,13,22,.42)) !important;
  border:1px solid rgba(108,247,255,.22) !important;
  backdrop-filter:blur(10px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(135%) !important;
}

/* Radial hub: contextual notification cards, not navigation duplicates. */
#digiHubPanel.dc-radial-open .dc-hub-radial-item{
  width:88px !important;
  height:88px !important;
  grid-template-rows:38px 12px 11px !important;
}
#digiHubPanel.dc-radial-open .dc-radial-label{font-size:6.6px !important;}
#digiHubPanel.dc-radial-open .dc-hub-radial-item small{font-size:5px !important;}
.dc-hub-radial-item.is-empty{opacity:.55 !important;border-color:rgba(108,247,255,.14) !important;box-shadow:inset 0 0 14px rgba(108,247,255,.025),0 5px 16px rgba(0,0,0,.28) !important;}
.dc-hub-radial-item.is-ready .dc-radial-icon svg{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor) !important;}
.dc-hub-radial-item.is-ready{animation:dcRadialReadyPulse 1.55s ease-in-out infinite !important;}
@keyframes dcRadialReadyPulse{0%,100%{filter:brightness(.98)}50%{filter:brightness(1.18)}}

@media(max-width:700px){
  #digiHubPanel.dc-radial-open .dc-hub-radial-item{width:74px !important;height:74px !important;grid-template-rows:31px 10px 9px !important;}
  #hudContainer > div:first-child img{width:35px !important;height:35px !important;max-width:35px !important;max-height:35px !important;}
  #hudContainer > div:nth-child(2) img{width:27px !important;height:27px !important;max-width:27px !important;max-height:27px !important;}
}
@media(max-width:420px){
  #digiHubPanel.dc-radial-open .dc-hub-radial-item{width:66px !important;height:66px !important;grid-template-rows:28px 9px 8px !important;}
}