/* HORNBILLCASINO V2R17 – scoped premium modal refinements.
   Presentation only. Preserves event types, message text, API contract, and language. */
#hb-notify-root .hb-notify-backdrop {
  background: rgba(6,10,17,.73);
  backdrop-filter: blur(8px) saturate(.88);
  -webkit-backdrop-filter: blur(8px) saturate(.88);
}
#hb-notify-root .hb-notify-panel {
  width: min(calc(100vw - 26px), 410px);
  padding: 29px 25px 23px;
  border-radius: 23px;
  background:
    radial-gradient(ellipse 80% 60% at 50% -25%, rgba(251,202,105,.095), transparent 80%),
    linear-gradient(165deg,#1e2732 0%,#151b25 43%,#10151e 100%);
  border: 1px solid rgba(236,193,114,.25);
  box-shadow:
    0 34px 85px rgba(0,0,0,.55),
    0 8px 21px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.45);
}
#hb-notify-root .hb-notify-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24%;
  right: 24%;
  height: 2px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(90deg,transparent,rgba(255,215,139,.94),transparent);
}
#hb-notify-root .hb-notify-panel::after {
  border-color: rgba(255,255,255,.042);
  border-radius: 17px;
}
/* Replace the old dark SQUARE icon container with a dimensional ROUND status seal. */
#hb-notify-root .hb-notify-crest {
  width: 75px;
  height: 75px;
  margin: 0 auto 15px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255,230,178,.35);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.19),transparent 37%),
    radial-gradient(circle at 50% 50%,rgba(239,188,84,.14),rgba(193,142,44,.04) 62%,transparent 80%),
    linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.012));
  box-shadow:
    0 12px 24px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -2px 6px rgba(0,0,0,.19),
    0 0 0 6px rgba(255,224,151,.027);
}
#hb-notify-root .hb-notify-crest::after { content: none; }
#hb-notify-root .hb-notify-crest::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(255,229,175,.12);
  border-radius: 50%;
  pointer-events: none;
}
#hb-notify-root .hb-notify-glyph {
  font-size: 39px;
  line-height: 1;
  font-weight: 650;
  color: var(--hb-accent-2,#f5d28a);
  text-shadow: 0 2px 5px rgba(0,0,0,.22);
}
/* Actual CSS-drawn clock: no image, emoji, square tile, or external asset. */
#hb-notify-root .hb-notify-pending .hb-notify-crest .hb-notify-glyph {
  position: relative;
  display: block;
  width: 31px;
  height: 31px;
  border: 3px solid var(--hb-accent-2,#f5d28a);
  border-radius: 50%;
  font-size: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}
#hb-notify-root .hb-notify-pending .hb-notify-crest .hb-notify-glyph::before,
#hb-notify-root .hb-notify-pending .hb-notify-crest .hb-notify-glyph::after {
  content: "";
  position: absolute;
  background: var(--hb-accent-2,#f5d28a);
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0,0,0,.15);
}
#hb-notify-root .hb-notify-pending .hb-notify-crest .hb-notify-glyph::before {
  width: 3px;
  height: 10px;
  left: 11px;
  top: 4px;
}
#hb-notify-root .hb-notify-pending .hb-notify-crest .hb-notify-glyph::after {
  width: 10px;
  height: 3px;
  left: 11px;
  top: 11px;
  transform: rotate(-26deg);
  transform-origin: 1.5px 1.5px;
}
#hb-notify-root .hb-notify-loading .hb-notify-crest .hb-notify-glyph {
  display: block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(243,212,146,.25);
  border-top-color: var(--hb-accent-2,#f5d28a);
  border-radius: 50%;
  font-size: 0 !important;
}
#hb-notify-root .hb-notify-badge {
  min-height: 25px;
  padding: 3px 12px;
  margin: 0 auto 12px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  background: linear-gradient(180deg,var(--hb-accent-2,#f6d389),var(--hb-accent,#dba73d));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36),0 5px 12px rgba(0,0,0,.14);
}
#hb-notify-root .hb-notify-heading {
  font-size: clamp(22px,5.5vw,26px) !important;
  line-height: 1.28 !important;
  margin: 0 0 10px !important;
  letter-spacing: -.018em;
  color: #fff7e8 !important;
}
#hb-notify-root .hb-notify-message {
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 22px !important;
  color: #d6dee8 !important;
}
#hb-notify-root .hb-notify-button {
  min-height: 51px;
  max-width: none;
  border-radius: 13px;
  font-size: 14px;
  letter-spacing: .005em;
  font-weight: 800;
  transition: transform .13s ease,filter .13s ease,box-shadow .13s ease;
}
#hb-notify-root .hb-notify-primary {
  background: linear-gradient(180deg,#ffe6aa 0%,#f3d184 19%,#d9ac4d 64%,#b98224 100%);
  border: 1px solid rgba(255,233,185,.62);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.58),
    inset 0 -2px 0 rgba(111,69,17,.16),
    0 4px 0 rgba(75,48,16,.51),
    0 13px 24px rgba(0,0,0,.22);
}
#hb-notify-root .hb-notify-secondary {
  border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(180deg,#495364,#293340);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 rgba(0,0,0,.33);
}
#hb-notify-root .hb-notify-button:active {
  transform: translateY(3px);
  box-shadow: inset 0 3px 8px rgba(0,0,0,.18);
}
@media(max-width:560px) {
  #hb-notify-root .hb-notify-panel {
    width: min(calc(100vw - 28px),410px);
    padding: 25px 18px 20px;
    border-radius: 21px;
  }
  #hb-notify-root .hb-notify-crest { width: 69px; height: 69px; }
  #hb-notify-root .hb-notify-heading { font-size: 23px !important; }
  #hb-notify-root .hb-notify-button { width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  #hb-notify-root .hb-notify-button { transition: none; }
}