/* ================= Babalar Günü · "Gazete manşeti" teması ================= */
/* Sabah mutfağı: bal rengi ahşap, krem gazete kâğıdı, mürekkep lacivert-siyah yazı, kırmızı vurgu (wiki/experience-plan.md 13) */
:root {
  --bg: #6A4424;
  --bg-deep: #3A2412;
  --pink: #FFD27A;        /* vurgu: güneşli altın */
  --pink-deep: #E8A33D;
  --mint: #FFF1D6;
  --lilac: #FFE2B8;
  --cream: #FFF3E0;
  --gold: #FFD27A;
  --text: #FFFBF3;
  --muted: rgba(255, 246, 232, .86);
}
/* Açık zeminde (masa, gazete) yazılar okunsun: koyu yumuşak gölge */
.headline, .label, .sub { text-shadow: 0 2px 16px rgba(40, 20, 6, .75), 0 0 3px rgba(40, 20, 6, .6); }
.headline .accent { text-shadow: 0 0 22px rgba(255, 190, 90, .45), 0 2px 14px rgba(40, 20, 6, .8); }
.btn.primary {
  background: linear-gradient(180deg, #FFE0A0 0%, #E8A33D 100%); color: #3A2006;
  box-shadow: 0 12px 34px -10px rgba(232, 163, 61, .75), inset 0 1px 0 rgba(255, 255, 255, .6);
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(232, 163, 61, .75), 0 0 0 0 rgba(255, 224, 160, .45), inset 0 1px 0 rgba(255, 255, 255, .6); }
  50% { box-shadow: 0 12px 34px -10px rgba(232, 163, 61, .75), 0 0 0 14px rgba(255, 224, 160, 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% 45%, #FFFBEA 0%, #FFE8B8 30%, rgba(255, 220, 160, .3) 60%, rgba(255, 220, 160, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #A8703E 0%, #3A2412 70%); }
.preview-pill { color: #3A2006; background: rgba(255, 224, 160, .92); }
.grain { display: none; }
.vignette { background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0) 45%, rgba(30, 14, 4, .55) 100%); }
#scene { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.ad-badge { background: #FFE0A0; color: #3A2006; }
.card-row { flex-wrap: wrap; }

/* Kaydırma kılavuzu: gazetenin sağ yarısının üstünde sağdan sola kayan ok; yeri main.js'te (transform) */
.swipe-guide {
  position: fixed; left: 0; top: 0; width: 220px; height: 80px; margin: -40px 0 0 -110px; overflow: visible;
  pointer-events: none; opacity: 0; transition: opacity .5s ease; z-index: 4; will-change: transform;
  filter: drop-shadow(0 2px 6px rgba(40, 20, 6, .7));
}
.swipe-guide.on { opacity: 1; }
.sg-move { animation: sgLeft 1.6s cubic-bezier(.45, 0, .3, 1) infinite; }
@keyframes sgLeft { 0% { transform: translateX(60px); opacity: 0; } 25% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateX(-60px); opacity: 0; } }