.gami-hud{
  position:fixed;
  right:16px;
  top:calc(var(--shell-topbar-h, 42px) + 10px);
  z-index:85;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:min(100vw - 24px, 420px);
  pointer-events:none
}
.gami-hud[hidden]{display:none !important}
.gami-chip{
  display:flex;align-items:center;gap:5px;
  padding:6px 10px;border-radius:999px;pointer-events:auto;
  color:#f4f9ff;font-size:12px;font-weight:800;line-height:1;
  background:linear-gradient(180deg,rgba(14,32,53,.92),rgba(5,16,29,.88));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(1.15)
}
.gami-chip img,.gami-chip svg{width:16px;height:16px;display:block;flex:0 0 auto}
.gami-chip b{font-size:12px;font-weight:800}
.gami-chip span{font-size:10px;opacity:.8;font-weight:700;text-transform:lowercase}
.gami-chip-badge img{width:20px;height:20px}

body.campus-page .gami-hud{
  top:calc(var(--shell-topbar-h, 42px) + 10px);
  z-index:85
}

.gami-cele{
  position:fixed;inset:0;z-index:240;display:grid;place-items:center;
  background:rgba(6,15,27,.46);padding:20px
}
.gami-cele[hidden]{display:none !important}
.gami-cele-card{
  position:relative;
  width:min(360px,100%);text-align:center;padding:22px 20px 18px;border-radius:22px;
  color:#0f2942;background:linear-gradient(180deg,#fff,#f4f8ff 58%,#fff4ec);
  border:1px solid rgba(47,107,255,.18);
  box-shadow:0 24px 60px rgba(15,41,66,.28),inset 0 1px 0 #fff
}
.gami-cele-close{
  position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;
  border:1px solid rgba(15,41,66,.12);border-radius:10px;background:#fff;
  color:#0f2942;font-size:20px;line-height:1;cursor:pointer
}
.gami-cele-card img{width:72px;height:72px;margin:0 auto 10px;display:block}
.gami-cele-card h2{margin:0 0 6px;font-size:20px}
.gami-cele-card p{margin:0 0 14px;color:#5a7194;font-size:14px;line-height:1.4}
.gami-cele-card button{
  appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800;
  border-radius:12px;padding:10px 16px;color:#fff;
  background:linear-gradient(135deg,#277dff,#55cfff)
}
@media(max-width:760px){
  .gami-hud{right:10px;top:calc(var(--shell-topbar-h, 42px) + 8px)}
  .gami-chip{padding:5px 8px;font-size:11px}
}