@font-face{
  font-family: 'Gramophone';
  src: url('GramophoneFaNum-Grunge.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
:root{ --bg1:#05021a; --accent:#8be9fd; --card:#07102b; }
body .galaxy-container{ font-family:Gramophone, sans-serif; direction:rtl; }
.galaxy-container{ max-width:980px;margin:20px auto;padding:12px; }
.galaxy-card{ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)); padding:18px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.5); }
.galaxy-title{ color:var(--accent); text-align:center; font-size:24px; margin-bottom:10px;}
#galaxy-register input{ display:block; width:100%; padding:10px; margin:8px 0; border-radius:8px; background:transparent; border:1px solid rgba(255,255,255,0.06); color:#fff;}
.galaxy-btn{ background:var(--accent); color:#000; border:none; padding:10px 14px; border-radius:8px; cursor:pointer; margin-right:6px; }
.galaxy-error{ color:#ff6b6b; margin-top:8px; }
.galaxy-messages{ height:50vh; overflow:auto; background: rgba(0,0,0,0.2); padding:12px; border-radius:8px; color:#fff; }
.galaxy-input-row{ display:flex; gap:8px; margin-top:10px; align-items:flex-end;}
#gallaxy { }



/* Floating plugin icon (fixed at right, 65px from bottom) */
.galaxy-float-icon{
  position: fixed;
  right: 20px; /* aligned to the right side */
  bottom: 65px; /* 65px from bottom as requested */
  width:60px;
  height:60px;
  border-radius:50%;
  background: linear-gradient(135deg,#7b61ff,#3ad1ff);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
  z-index: 99999;
  cursor: pointer;
  transition: transform .18s ease;
}
.galaxy-float-icon:hover{ transform: translateY(-4px) scale(1.03); }
.galaxy-float-icon img { width:32px; height:32px; }

/* When chat is shown as a fixed panel on smaller screens */
#galaxy-chat-wrap.galaxy-fixed {
  position: fixed;
  right: 20px;
  bottom: 140px;
  width: 380px;
  max-width: calc(100% - 40px);
  z-index: 99998;
}
@media (max-width:600px){
  #galaxy-chat-wrap.galaxy-fixed { right: 10px; left: 10px; bottom: 120px; width: auto; }
}