/* Caixa de presentes da equipe (presentesTela.ts, 20/10/2026). */
.pr-botao {
  position: fixed; z-index: 40; top: calc(env(safe-area-inset-top) + 10px); left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 12px; border-radius: 999px; cursor: pointer;
  font: 700 13px/1 system-ui, sans-serif; color: #2a1c00; border: 1px solid rgba(255, 255, 255, .5);
  background: linear-gradient(180deg, #ffd66b, #f0a92c); box-shadow: 0 6px 22px rgba(240, 169, 44, .45), 0 0 0 0 rgba(255, 214, 107, .6);
  animation: pr-pulso 2.2s ease-in-out infinite;
}
.pr-botao[hidden] { display: none; }
.pr-botao .pr-ic { font-size: 18px; animation: pr-balanca 2.2s ease-in-out infinite; }
@keyframes pr-pulso { 0%, 100% { box-shadow: 0 6px 22px rgba(240, 169, 44, .45), 0 0 0 0 rgba(255, 214, 107, .55); } 50% { box-shadow: 0 6px 22px rgba(240, 169, 44, .45), 0 0 0 10px rgba(255, 214, 107, 0); } }
@keyframes pr-balanca { 0%, 70%, 100% { transform: rotate(0); } 78% { transform: rotate(-14deg); } 86% { transform: rotate(12deg); } 94% { transform: rotate(-6deg); } }
.pr-fundo { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 16px; background: rgba(5, 6, 9, .66); backdrop-filter: blur(3px); }
.pr-caixa { width: min(460px, 100%); max-height: min(80vh, 720px); overflow: auto; display: flex; flex-direction: column; gap: 10px; padding: 14px;
  border-radius: 16px; background: linear-gradient(180deg, #1e1f25, #15161a); border: 1px solid rgba(255, 214, 107, .3); box-shadow: 0 20px 60px rgba(0, 0, 0, .6); color: #f3f4f6; font: 14px/1.4 system-ui, sans-serif; }
.pr-topo { display: flex; align-items: center; justify-content: space-between; font-size: 15px; }
.pr-x { width: 34px; height: 34px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); background: transparent; color: inherit; cursor: pointer; }
.pr-card { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 12px; background: rgba(255, 214, 107, .06); border: 1px solid rgba(255, 214, 107, .22); }
.pr-titulo { font-size: 15px; color: #ffd66b; }
.pr-msg { margin: 0; color: #c9ccd3; font-size: 13px; }
.pr-itens { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-item { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: rgba(0, 0, 0, .3); border: 1px solid rgba(255, 255, 255, .08); font-weight: 650; font-size: 13px; }
.pr-item img, .pr-item canvas { width: 22px; height: 22px; image-rendering: pixelated; }
.pr-pe { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pr-pe small { color: #8b9097; }
.pr-resgatar, .pr-todos { margin-left: auto; padding: 9px 18px; border-radius: 10px; border: 0; cursor: pointer; font-weight: 800; color: #2a1c00; background: linear-gradient(180deg, #ffd66b, #f0a92c); }
.pr-todos { margin: 2px 0 0; width: 100%; }
.pr-resgatar:disabled, .pr-todos:disabled { opacity: .5; cursor: wait; }
.pr-vazio { color: #8b9097; margin: 6px 0; }
@media (max-width: 720px) { .pr-botao { top: calc(env(safe-area-inset-top) + 56px); font-size: 12.5px; } }
/* Tenho um código (24/10/2026) */
.pr-codigo { border-style: dashed; }
.pr-campo { flex: 1; min-width: 0; font: inherit; font-family: Consolas, Menlo, monospace; font-size: 15px; letter-spacing: 2px; padding: 8px 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(0, 0, 0, .25); color: #fff; }