/* ================= Dilek feneri teması: alacakaranlık mavisi, fener turuncusu ================= */
:root {
  --bg: #141A3A;
  --bg-deep: #05060F;
  --pink: #FFC98A;        /* vurgu: fener ışığı */
  --pink-deep: #F29A4B;
  --mint: #C9D6FF;        /* etiket: alacakaranlık */
  --lilac: #D6C8FF;
  --cream: #FFF4DC;
  --gold: #FFD27A;
  --text: #F6F8FF;
  --muted: rgba(230, 238, 255, .74);
}
.headline .accent { text-shadow: 0 0 28px rgba(255, 170, 90, .55), 0 0 2px rgba(255, 236, 200, .6); }
.btn.primary {
  background: linear-gradient(180deg, #FFE2B8 0%, #F5A866 100%); color: #3A1A06;
  box-shadow: 0 12px 34px -10px rgba(245, 150, 80, .75), inset 0 1px 0 rgba(255, 255, 255, .65);
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(245, 150, 80, .75), 0 0 0 0 rgba(255, 200, 140, .45), inset 0 1px 0 rgba(255, 255, 255, .65); }
  50% { box-shadow: 0 12px 34px -10px rgba(245, 150, 80, .75), 0 0 0 14px rgba(255, 200, 140, 0), inset 0 1px 0 rgba(255, 255, 255, .65); }
}
.flash { background: radial-gradient(circle at 50% 60%, #FFF6E6 0%, #FFD29A 30%, rgba(255, 180, 100, .35) 60%, rgba(255, 180, 100, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #1E2656 0%, #05060F 70%); }
.preview-pill { color: #3A1A06; background: rgba(255, 210, 160, .92); }
.ad-badge { background: #FFC98A; color: #3A1A06; }
.grain { display: none; }
#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; }
.card-row { flex-wrap: wrap; }

/* Fener ipucu: önce fitilin üstünde nabız atan halka (dokun), sonra yukarı kayan oklar (yukarı it) */
.lantern-hint { position: fixed; left: 0; top: 0; z-index: 6; width: 0; height: 0; pointer-events: none; }
.lantern-hint[hidden] { display: none; }
.lantern-hint i {
  position: absolute; left: -18px; top: -18px; width: 36px; height: 36px; border-radius: 50%;
  border: 2px solid rgba(255, 226, 180, .9); opacity: 0; animation: tapRing 1.6s ease-out infinite;
}
.lantern-hint i:nth-child(2) { animation-delay: .5s; }
/* Ölçek (transform: scale) yerine boyut: ölçeklenen yuvarlak katman bazı ekran kartlarında artı çizgisi bırakıyordu */
@keyframes tapRing { 0% { width: 18px; height: 18px; left: -9px; top: -9px; opacity: 0; } 30% { opacity: 1; } 100% { width: 58px; height: 58px; left: -29px; top: -29px; opacity: 0; } }
.lantern-hint.up i {
  left: -11px; width: 22px; height: 22px; border-radius: 0; border: 0;
  border-left: 3px solid rgba(255, 236, 190, .95); border-top: 3px solid rgba(255, 236, 190, .95);
  transform: rotate(45deg); animation: pushUp 1.4s ease-out infinite;
}
@keyframes pushUp { 0% { top: 10px; opacity: 0; } 30% { opacity: 1; } 100% { top: -44px; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .lantern-hint i { animation-duration: 2.6s; } }