/* admin-gift.css — окно «🎁 Подарок от разработчика» (admin-gift.js). Устроено как окно копилки (piggy.css). */
.ag-overlay{ position: fixed; inset: 0; z-index: var(--z-modal-overlay, 20000); background: var(--modal-overlay-bg, rgba(0,0,0,.7));
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility 0s linear .2s; }
.ag-overlay.is-open{ opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease; }
.ag-modal{ position: fixed; left: 50%; top: 50%; z-index: var(--z-modal, 20001); width: min(340px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px); overflow-y: auto; transform: translate(-50%, -46%);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }
.ag-modal.is-open{ opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, -50%); transition: opacity .2s ease, transform .2s ease; }

.ag-card{ position: relative; border-radius: 28px; background: var(--bg-card, #23243a); border: 2px solid rgba(150,200,255,.55);
  box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 36px rgba(110,170,255,.25); overflow: hidden; color: #fff; }
.ag-x{ position: absolute; right: 12px; top: 12px; z-index: 2; width: 34px; height: 34px; border: none; border-radius: 50%;
  background: rgba(0,0,0,.35); color: #fff; font-size: 14px; cursor: pointer; }
.ag-top{ padding: 22px 16px 16px; text-align: center; background: radial-gradient(120% 90% at 50% 0%, #24406e 0%, #2a2438 72%); }
.ag-box{ font-size: 70px; line-height: 1; filter: drop-shadow(0 8px 14px rgba(0,0,0,.4)); animation: agBob 2.2s ease-in-out infinite; }
@keyframes agBob{ 0%,100%{ transform: translateY(0) rotate(-3deg); } 50%{ transform: translateY(-6px) rotate(3deg); } }
.ag-top h3{ margin: 10px 0 0; font-size: 19px; font-weight: 900; color: #e3efff; }
.ag-msg{ margin: 8px auto 0; max-width: 280px; font-size: 13.5px; font-weight: 700; color: #cfd8ee; line-height: 1.4; white-space: pre-line; }

.ag-body{ padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px; }
.ag-list{ display: flex; flex-direction: column; gap: 8px; }
.ag-item{ display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: rgba(255,255,255,.06); }
.ag-ico{ flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; font-size: 26px; }
.ag-ico img, .ag-ico svg{ width: 40px; height: 40px; object-fit: contain; }
.ag-t{ display: flex; flex-direction: column; min-width: 0; }
.ag-t b{ font-size: 15px; font-weight: 900; }
.ag-t small{ font-size: 12px; font-weight: 700; color: #b0b6cf; }
.ag-stars{ color: #ffd35a; letter-spacing: -.05em; }
.ag-btn{ height: 52px; border: none; border-radius: 16px; background: #22a95a; color: #fff; font: inherit; font-size: 18px; font-weight: 900; cursor: pointer; }
.ag-btn:disabled{ opacity: .6; }
.ag-more{ text-align: center; font-size: 12.5px; font-weight: 700; color: #b0b6cf; }
@media (prefers-reduced-motion: reduce){ .ag-box{ animation: none; } }