/* ================= Babalar Günü · "Uçurtma" teması ================= */
/* Altın saat: gök mavisi zemin, güneş turuncusu vurgu, krem yazılar (wiki/experience-plan.md 12) */
:root {
  --bg: #2E4A8E;
  --bg-deep: #1A2A55;
  --pink: #FFB14E;        /* vurgu: alçak güneşin turuncusu */
  --pink-deep: #F08A3C;
  --mint: #FFE9C4;
  --lilac: #FFD9B0;
  --cream: #FFF3E0;
  --gold: #FFD27A;
  --text: #FFFBF3;
  --muted: rgba(255, 246, 232, .8);
}
.headline, .label, .sub { text-shadow: 0 2px 18px rgba(20, 30, 70, .55); }
.headline .accent { text-shadow: 0 0 26px rgba(255, 170, 70, .55), 0 2px 14px rgba(20, 30, 70, .5); }
.btn.primary {
  background: linear-gradient(180deg, #FFD08A 0%, #F79A3E 100%); color: #3A1A04;
  box-shadow: 0 12px 34px -10px rgba(247, 154, 62, .75), inset 0 1px 0 rgba(255, 255, 255, .6);
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(247, 154, 62, .75), 0 0 0 0 rgba(255, 208, 138, .45), inset 0 1px 0 rgba(255, 255, 255, .6); }
  50% { box-shadow: 0 12px 34px -10px rgba(247, 154, 62, .75), 0 0 0 14px rgba(255, 208, 138, 0), inset 0 1px 0 rgba(255, 255, 255, .6); }
}
.btn:disabled { opacity: .45; filter: saturate(.6); cursor: default; }
.flash { background: radial-gradient(circle at 50% 40%, #FFFBEA 0%, #FFE2A0 30%, rgba(255, 200, 120, .3) 60%, rgba(255, 200, 120, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #4A6CC0 0%, #1A2A55 70%); }
.preview-pill { color: #3A1A04; background: rgba(255, 208, 138, .92); }
.grain { display: none; }
/* İpi çekerken 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; }
.ad-badge { background: #FFD08A; color: #3A1A04; }
.card-row { flex-wrap: wrap; }

/* Çekme kılavuzu: aşağı kayan ok ve iz, altta çekiş noktaları; yeri main.js'te (transform) */
.pull-guide {
  position: fixed; left: 0; top: 0; width: 80px; height: 200px; margin: -100px 0 0 -40px; overflow: visible;
  pointer-events: none; opacity: 0; transition: opacity .5s ease; z-index: 4; will-change: transform;
  filter: drop-shadow(0 2px 6px rgba(20, 30, 70, .5));
}
.pull-guide.on { opacity: 1; }
.pg-move { animation: pgDown 1.5s cubic-bezier(.45, 0, .3, 1) infinite; }
@keyframes pgDown { 0% { transform: translateY(-30px); opacity: 0; } 25% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(40px); opacity: 0; } }
.pg-dots circle { fill: rgba(255, 243, 224, .35); transition: fill .3s ease; }
.pg-dots circle.done { fill: #FFD27A; }
.btn.holding { box-shadow: 0 0 0 10px rgba(255, 208, 138, .22), 0 0 40px rgba(247, 154, 62, .55); }
.btn.small { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: none; }