/* HORNBILLCASINO Global Notification V2 — premium international theme */
#hb-notify-root{position:relative;z-index:2147483000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
#hb-notify-root *{box-sizing:border-box}

.hb-notify-backdrop{
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(5,10,18,.72);
  backdrop-filter:blur(10px);
  animation:hb-notify-fade .18s ease-out;
}
.hb-notify-backdrop.hb-notify-leaving{opacity:0;transition:opacity .16s ease}

.hb-notify-panel{
  --hb-accent:#d7a23a;
  --hb-accent-2:#f0cd79;
  width:min(calc(100vw - 24px),430px);
  position:relative;
  padding:28px 24px 22px;
  border-radius:24px;
  color:#ecf0f6;
  text-align:center;
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.07), transparent 28%),
    linear-gradient(180deg, rgba(28,34,46,.97) 0%, rgba(14,18,27,.98) 100%);
  border:1px solid rgba(255,214,130,.22);
  box-shadow:
    0 28px 60px rgba(0,0,0,.48),
    0 8px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
  animation:hb-notify-rise .2s cubic-bezier(.2,.86,.28,1);
}
.hb-notify-panel::before{
  content:"";
  position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 999px 999px;
  background:linear-gradient(90deg, transparent, rgba(255,217,126,.85), transparent);
}
.hb-notify-panel::after{
  content:"";
  position:absolute;inset:7px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}

.hb-notify-success{--hb-accent:#1fb97d;--hb-accent-2:#8cf0c4}
.hb-notify-error{--hb-accent:#d9535d;--hb-accent-2:#ffadb5}
.hb-notify-warning{--hb-accent:#d89027;--hb-accent-2:#ffd58d}
.hb-notify-info{--hb-accent:#478fe7;--hb-accent-2:#9bd0ff}
.hb-notify-pending,.hb-notify-loading{--hb-accent:#d7a23a;--hb-accent-2:#f2d286}
.hb-notify-session{--hb-accent:#d26387;--hb-accent-2:#ffb9d1}

.hb-notify-crest{
  width:64px;height:64px;margin:0 auto 14px;
  display:grid;place-items:center;
  border-radius:18px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 18px rgba(0,0,0,.24);
  position:relative;
}
.hb-notify-crest::after{
  content:"";
  position:absolute;inset:-1px;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
}
.hb-notify-glyph{
  color:var(--hb-accent-2);
  font-size:30px;
  line-height:1;
  font-weight:800;
  text-shadow:0 0 18px rgba(255,214,130,.05);
}
.hb-notify-loading .hb-notify-glyph{animation:hb-notify-spin 1s linear infinite}

.hb-notify-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:26px;
  padding:0 12px;
  margin:0 auto 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:#10151e;
  text-transform:uppercase;
  background:linear-gradient(180deg, var(--hb-accent-2), var(--hb-accent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.18);
}

.hb-notify-heading{
  margin:0 0 10px !important;
  color:#fff7e8 !important;
  font-size:27px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
}
.hb-notify-message{
  margin:0 0 22px !important;
  color:#c7d0db !important;
  font-size:15px !important;
  line-height:1.72 !important;
  white-space:pre-line;
  overflow-wrap:anywhere;
}

.hb-notify-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
}
.hb-notify-button{
  appearance:none;
  min-width:132px;
  min-height:50px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid transparent;
  font:inherit;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
  touch-action:manipulation;
}
.hb-notify-primary{
  color:#1a150f;
  background:linear-gradient(180deg,#ffe6a3 0%, #e6bf67 52%, #bb8727 100%);
  border-color:rgba(255,232,181,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 10px 22px rgba(0,0,0,.28);
}
.hb-notify-secondary{
  color:#e8edf7;
  background:linear-gradient(180deg,#4e5a6d 0%, #2a3140 100%);
  border-color:rgba(255,255,255,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 22px rgba(0,0,0,.22);
}
.hb-notify-button:hover{transform:translateY(-1px);filter:brightness(1.03)}
.hb-notify-button:active{transform:translateY(1px)}
.hb-notify-button:focus-visible,
.hb-notify-toast-dismiss:focus-visible{
  outline:3px solid rgba(255,255,255,.9);
  outline-offset:3px;
}

.hb-notify-toast-lane{
  position:fixed;
  right:18px;bottom:18px;
  z-index:2147483100;
  width:min(calc(100vw - 32px), 360px);
  display:flex;flex-direction:column;gap:10px;
}
.hb-notify-toast{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 13px;
  border-radius:16px;
  color:#e9eef7;
  background:linear-gradient(180deg, rgba(27,34,48,.96), rgba(16,21,30,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.28);
  transform:translateY(10px);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.hb-notify-toast.is-visible{transform:translateY(0);opacity:1}
.hb-notify-toast-icon{
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  color:var(--hb-accent-2);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;
}
.hb-notify-toast-text{
  font-size:14px;line-height:1.5;color:#d9e2ee;
}
.hb-notify-toast-dismiss{
  appearance:none;
  width:32px;height:32px;
  border:none;border-radius:10px;
  background:transparent;color:#aeb7c5;
  font:inherit;font-size:22px;line-height:1;
  cursor:pointer;
}

@keyframes hb-notify-fade{from{opacity:0}to{opacity:1}}
@keyframes hb-notify-rise{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hb-notify-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@media (max-width: 560px){
  .hb-notify-panel{width:min(calc(100vw - 20px), 410px);padding:24px 18px 18px;border-radius:20px}
  .hb-notify-heading{font-size:23px !important}
  .hb-notify-message{font-size:14px !important;line-height:1.65 !important}
  .hb-notify-actions{flex-direction:column}
  .hb-notify-button{width:100%}
  .hb-notify-toast-lane{right:10px;left:10px;bottom:10px;width:auto}
}