/* Off-brand nautical raster — hidden, replaced by pure-CSS Deep-Degen art */
.leaf-corner,
.chest-img { display: none; }
/* warm night veil retired — navy bg-plate carries the mood */
#screen-daily .night-veil { display: none; }
.gift-reflect {
  position: absolute;
  z-index: 1;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(180px, 23vw, 300px);
  height: clamp(70px, 9.4vh, 120px);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 215, 0, .30), rgba(0, 229, 255, .14) 50%, transparent 74%);
  filter: blur(9px);
  pointer-events: none;
}
.gift-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: clamp(11px, 1.3vw, 13px);
  letter-spacing: .14em;
  color: var(--brass);
  text-shadow: 0 1px 0 rgba(5, 13, 31, .9), 0 0 10px rgba(0, 229, 255, .35);
  margin-bottom: 4px;
}
.gift-eyebrow::before,
.gift-eyebrow::after {
  content: '';
  width: clamp(22px, 2.6vw, 34px);
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--rope) 50%, var(--brass));
  box-shadow: 0 0 6px rgba(0, 229, 255, .4);
}
.gift-eyebrow::after { transform: scaleX(-1); }
#screen-daily h2 b { color: var(--gem-gold); }
.chest-wrap {
  position: relative;
  margin: clamp(6px, 1.4vh, 14px) auto 2px;
  display: flex;
  justify-content: center;
  min-height: clamp(120px, 19vh, 210px);
}
/* radial GOLD glow + cyan rim — reward-moment burst */
.chest-aura {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(170px, 22vw, 286px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 215, 0, .45), rgba(255, 215, 0, .12) 40%, transparent 64%),
    radial-gradient(circle, transparent 52%, rgba(0, 229, 255, .26) 60%, transparent 70%);
  filter: blur(3px);
  z-index: 0;
  animation: chestBreathe 4.4s var(--zen-ease) infinite;
}
/* concentric cyan sonar rings */
.chest-aura::before,
.chest-aura::after {
  content: '';
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  border: 2px solid rgba(0, 229, 255, .38);
  box-shadow: 0 0 12px rgba(0, 229, 255, .3), inset 0 0 10px rgba(0, 229, 255, .18);
}
.chest-aura::after { inset: 4%; border-color: rgba(0, 229, 255, .2); }
/* pure-CSS GOLD coin-stack / vault centerpiece (replaces hidden chest) */
.chest-wrap::after {
  content: '🪙';
  position: relative;
  z-index: 2;
  align-self: center;
  font-size: clamp(56px, 13vh, 118px);
  line-height: 1;
  filter:
    drop-shadow(0 10px 20px rgba(0, 0, 0, .55))
    drop-shadow(0 0 18px rgba(255, 215, 0, .55))
    drop-shadow(0 0 26px rgba(0, 229, 255, .35));
  animation: chestBreathe 4.4s var(--zen-ease) infinite;
}
/* sonar burst rays — cyan + gold, retinted from chest geometry */
.chest-rays {
  position: absolute;
  top: -12%;
  left: 50%;
  width: clamp(140px, 17vw, 220px);
  height: clamp(80px, 11vh, 130px);
  transform: translateX(-50%);
  background:
    conic-gradient(from 270deg at 50% 100%,
      transparent 0deg,
      rgba(255, 215, 0, 0) 18deg,
      rgba(255, 215, 0, .42) 30deg,
      rgba(255, 215, 0, 0) 42deg,
      transparent 58deg,
      rgba(0, 229, 255, .34) 74deg,
      rgba(0, 229, 255, 0) 86deg,
      transparent 110deg,
      rgba(255, 215, 0, .40) 124deg,
      rgba(255, 215, 0, 0) 138deg,
      transparent 360deg);
  -webkit-mask-image: radial-gradient(110% 90% at 50% 100%, #000 30%, transparent 78%);
  mask-image: radial-gradient(110% 90% at 50% 100%, #000 30%, transparent 78%);
  mix-blend-mode: screen;
  pointer-events: none;
  animation: rayShift 6s ease-in-out infinite;
}
.reward {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 4px 0 0;
}
.reward-amt {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: clamp(38px, 5.6vh, 62px);
  line-height: 1;
  letter-spacing: -.01em;
  background: linear-gradient(180deg, #FFF3CC 6%, var(--gem-gold) 46%, var(--marigold-dark) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(5, 13, 31, .85)) drop-shadow(0 0 12px rgba(255, 215, 0, .35));
}
.tide-coin {
  position: relative;
  width: clamp(36px, 5vh, 56px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 32%, #FFF6D6 4%, var(--gem-gold) 30%, var(--marigold-dark) 78%, #7A6300 100%);
  box-shadow:
    0 4px 10px rgba(0, 0, 0, .55),
    0 0 11px rgba(255, 215, 0, .4),
    0 0 16px rgba(0, 229, 255, .25),
    inset 0 2px 3px rgba(255, 255, 255, .7),
    inset 0 -3px 5px rgba(120, 96, 0, .7);
}
.tide-coin::before {
  content: '';
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  border: 2px solid rgba(122, 99, 0, .55);
  box-shadow: inset 0 1px 0 rgba(255, 240, 200, .4);
}
.tide-coin::after {
  content: '✦';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(16px, 2.2vh, 24px);
  color: #7A6300;
  text-shadow: 0 1px 0 rgba(255, 240, 200, .5);
}
#screen-daily .parchment-note {
  margin: clamp(8px, 1.6vh, 14px) 2px 0;
  text-align: center;
  color: var(--cream-warm);
}

/* Short landscape (phones, <=430px tall): shrink the reward centerpiece so the
   Claim button stays on-screen. */
@media (orientation: landscape) and (max-height: 430px) {
  #screen-daily .panel { padding: 12px 22px 14px; }
  #screen-daily h2 { font-size: 22px; margin: 0; }
  .chest-wrap { min-height: clamp(60px, 13vh, 104px); margin: 4px auto 0; }
  .chest-aura { width: clamp(104px, 15vh, 168px); }
  .gift-eyebrow { margin-bottom: 2px; }
  .gift-reflect { display: none; }
  #screen-daily .parchment-note { margin-top: 6px; padding: 8px 14px; }
  #screen-daily .row { margin-top: 10px !important; }
}

