/* ================= Yılbaşı · "Geri sayım" teması ================= */
/* Gece mavisi ve altın; hafif kar (wiki/product-concept.md 4f) */
:root {
  --bg: #07102A;
  --bg-deep: #02050F;
  --pink: #FFD27A;        /* vurgu: altın */
  --pink-deep: #E0A33A;
  --mint: #BFD8FF;        /* buz mavisi etiket */
  --lilac: #C9D6FF;
  --cream: #FFF4DC;
  --gold: #FFD27A;
  --text: #F6F8FF;
  --muted: rgba(230, 238, 255, .74);
}
.headline .accent { text-shadow: 0 0 28px rgba(255, 196, 90, .55), 0 0 2px rgba(255, 236, 190, .6); }
.btn.primary {
  background: linear-gradient(180deg, #FFE6A8 0%, #F2B64A 100%); color: #2A1A02;
  box-shadow: 0 12px 34px -10px rgba(242, 182, 74, .75), inset 0 1px 0 rgba(255, 255, 255, .65);
}
.btn.mint { background: linear-gradient(180deg, #FFF3D6 0%, #FFD27A 100%); color: #2A1A02; }
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(242, 182, 74, .75), 0 0 0 0 rgba(255, 214, 130, .45), inset 0 1px 0 rgba(255, 255, 255, .65); }
  50% { box-shadow: 0 12px 34px -10px rgba(242, 182, 74, .75), 0 0 0 14px rgba(255, 214, 130, 0), inset 0 1px 0 rgba(255, 255, 255, .65); }
}
.flash { background: radial-gradient(circle at 50% 45%, #FFFBEA 0%, #FFE2A0 30%, rgba(255, 210, 120, .35) 60%, rgba(255, 210, 120, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #13275E 0%, #02050F 70%); }
.preview-pill { color: #2A1A02; background: rgba(255, 214, 130, .92); }
.ad-badge { background: #FFD27A; color: #2A1A02; }
/* Tam ekran gren kapalı: her karede değişen 3B sahnenin üstünde tüm ekranı yeniden harmanlıyordu */
.grain { display: none; }
/* Dokunma ve basılı tutma: sayfa kaymasın, uzun basışta menü açılmasın */
#scene { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.btn { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }

/* ---------- geri sayım rakamı ---------- */
.count {
  position: fixed; left: 0; right: 0; z-index: 9; top: 36%;   /* kulenin ve saatin üstünde, gökyüzünde */
  translate: 0 -50%;   /* transform değil: GSAP ölçeği transform'a yazar, kayma korunur */
  text-align: center; pointer-events: none;
  font: 800 clamp(150px, 46vw, 300px)/1 var(--sans);
  letter-spacing: -.06em; font-variant-numeric: tabular-nums;
  color: #FFE9B8;
  background: linear-gradient(180deg, #FFF8E6 0%, #FFD27A 55%, #E7A23C 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 26px rgba(255, 190, 90, .55)) drop-shadow(0 6px 24px rgba(0, 0, 0, .35));
  opacity: 0;
}
.count.hot {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFE3A0 45%, #FF9A4A 100%);
  -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 0 34px rgba(255, 160, 80, .8)) drop-shadow(0 6px 24px rgba(0, 0, 0, .35));
}
@media (min-aspect-ratio: 1/1) {
  .count { font-size: clamp(150px, 30vh, 320px); top: 30%; }   /* yatayda saatin üstünde kalsın */
}

/* ---------- basılı tut: dolum halkası ---------- */
.btn.hold { position: relative; overflow: hidden; }
.btn.hold::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, .55), rgba(255, 244, 214, .15));
  transform-origin: left center; transform: scaleX(var(--p, 0));
  pointer-events: none;
}
.btn.hold > * { position: relative; }
.btn.holding { transform: scale(.95); box-shadow: 0 0 0 10px rgba(255, 214, 130, .18), 0 0 44px rgba(255, 196, 90, .6); }