/* Shared game toast: warm campaign parchment and restrained bronze edging.
   All homeNotice callers use this single visual treatment. */
#home-notice.home-toast {
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  row-gap: 1px;
  width: min(78vw, 340px);
  max-width: calc(100vw - 32px);
  min-height: 76px;
  padding: 13px 20px;
  overflow: hidden;
  border: 2px solid #80552c !important;
  border-radius: 17px !important;
  background:
    radial-gradient(ellipse at 18% 80%, #c2a36a22 0 12%, transparent 36%),
    radial-gradient(ellipse at 88% 18%, #b3936030 0 10%, transparent 33%),
    radial-gradient(ellipse at 50% 0%, #fff8e8cc, transparent 78%),
    linear-gradient(135deg, #fff4dd 0%, #ead5ad 52%, #fff0d5 100%) !important;
  box-shadow:
    inset 0 0 0 2px #fff0c9,
    inset 0 0 0 4px #b2874b,
    inset 0 0 0 6px #f8e7c4,
    0 8px 22px #1b120bb0 !important;
  color: #3d291b !important;
  text-align: left !important;
  font-family: 'Campaign WenKai', 'Library WenKai', KaiTi, STKaiti, serif !important;
  pointer-events: none !important;
}

/* Keep the global hidden-state contract stronger than this component's grid. */
#home-notice.home-toast.is-hidden { display: none !important; }

#home-notice.home-toast::before {
  content: '';
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  justify-self: center;
  border: 2px solid #f2d991;
  border-radius: 50%;
  outline: 1px solid #895525;
  background: linear-gradient(145deg, #bd6545, #87362c);
  box-shadow: inset 0 1px 2px #ffe5a977, 0 2px 4px #69402066;
}

/* Draw the check with two broad strokes instead of relying on a platform
   font glyph, which can collapse into a slash at small mobile sizes. */
#home-notice.home-toast::after {
  content: '';
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block;
  align-self: center;
  justify-self: center;
  width: 24px;
  height: 24px;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/ui/notice-checkmark-v1.svg') center / contain no-repeat;
  filter: drop-shadow(0 1px 1px #5c2b1b);
}

#home-notice.home-toast b,
#home-notice.home-toast span {
  grid-column: 1 / -1;
  min-width: 0;
  padding-inline: 52px;
  text-align: center !important;
  text-shadow: none !important;
}

#home-notice.home-toast b {
  grid-row: 1;
  color: #442d1d !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

#home-notice.home-toast span {
  grid-row: 2;
  color: #72583d !important;
  font-size: 14px !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#home-notice.home-toast span:empty { display: none; }

/* Short unavailable notices stay compact but retain the same paper frame. */
#home-notice.home-toast--unavailable {
  width: max-content;
  min-width: min(220px, calc(100vw - 48px));
  max-width: calc(100vw - 32px);
  min-height: 58px;
  padding: 9px 18px;
}

#home-notice.home-toast--unavailable b {
  grid-row: 1 / span 2;
}

@media (max-width: 360px) {
  #home-notice.home-toast {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 9px;
    padding-inline: 12px;
  }
  #home-notice.home-toast b,
  #home-notice.home-toast span { padding-inline: 44px; }
  #home-notice.home-toast::before { width: 34px; height: 34px; }
  #home-notice.home-toast b { font-size: 14px !important; }
  #home-notice.home-toast span { font-size: 11px !important; }
}

/* Item actions end at the filter row, above the detail and its close button. */
#home-notice.home-toast[data-item-library-anchor] {
  position: fixed !important;
  top: var(--item-notice-anchor-bottom) !important;
  bottom: auto !important;
  transform: translate(-50%, -100%) !important;
}

#home-notice.home-toast--failure::after { background-image:url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/ui/notice-error-cross-v1.svg'); }