/* === Hellheart top banner (static) === */
.bd-top-art{ margin:10px auto 0 auto; padding:0 16px; display:flex; justify-content:center; }
.bd-top-art img{ display:block; height:auto; width:auto; max-width:min(980px, 96vw); }

/* === Hellheart AI Bottom Bar (full width, centered group) === */
.hh-bar{
  position:fixed;
  left:0; right:0; bottom:0;
  width:100%;
  z-index:999999;
  pointer-events:none;
  background:rgba(0,0,0,.62);
  border-top:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
}
.hh-bar-inner{
  pointer-events:auto;
  max-width:1200px;
  margin:0 auto;
  padding:12px 14px;
  display:flex;
  justify-content:center;
}
.hh-bar-group{
  display:flex;
  align-items:center;
  gap:18px;
  animation: hhFloat 3.2s ease-in-out infinite;
  will-change: transform;
}
@keyframes hhFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.hh-panel{
  min-width:min(640px, calc(100vw - 340px));
  max-width: 760px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.40);
  box-shadow: 0 14px 48px rgba(0,0,0,.55);
  padding:10px 12px;
}
.hh-title{ margin:0; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:#ff0000; font-size:13px; }
.hh-sub{ margin:2px 0 8px 0; opacity:.85; font-size:12px; }
.hh-input{ width:100%; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.35); color:#eaeaea; }
.hh-btn{ margin-top:8px; padding:10px 14px; border-radius:14px; border:1px solid rgba(255,0,0,.55); background:rgba(0,0,0,.3); color:#ff0000; font-weight:900; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.hh-btn:hover{ color:#00ff66; border-color: rgba(0,255,102,.55); }
.hh-out{ margin-top:8px; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.28); min-height:44px; }
.hh-cube{ width:280px !important; height:auto !important; display:block; border-radius:16px; box-shadow:0 0 0 1px rgba(255,255,255,.12) inset; }

/* leave room for bar */
body{ padding-bottom: 230px !important; }