/* ================= Cadılar Bayramı · "Şeker mi şaka mı" teması (Balkabağı feneri ile aynı renkler) ================= */
/* Gece moru zemin, balkabağı turuncusu vurgu, sıcak pencere ışığı (wiki/experience-plan.md 11) */
:root {
  --bg: #140C22;
  --bg-deep: #07060F;
  --pink: #FF9A3C;        /* vurgu: balkabağı turuncusu */
  --pink-deep: #E86A12;
  --mint: #C8F5D2;        /* soluk hayalet yeşili */
  --lilac: #C9B6F2;
  --cream: #FFF3E0;
  --gold: #FFD27A;
  --text: #FFF8EE;
  --muted: rgba(255, 243, 224, .72);
}
.headline .accent { text-shadow: 0 0 28px rgba(255, 138, 40, .55), 0 0 2px rgba(255, 220, 170, .6); }
.btn.primary {
  background: linear-gradient(180deg, #FFC48A 0%, #FF8A2A 100%); color: #2B1203;
  box-shadow: 0 12px 34px -10px rgba(255, 138, 42, .75), inset 0 1px 0 rgba(255, 255, 255, .6);
}
.btn.mint { background: linear-gradient(180deg, #EFFFF3 0%, #C8F5D2 100%); color: #10261A; }
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(255, 138, 42, .75), 0 0 0 0 rgba(255, 196, 138, .45), inset 0 1px 0 rgba(255, 255, 255, .6); }
  50% { box-shadow: 0 12px 34px -10px rgba(255, 138, 42, .75), 0 0 0 14px rgba(255, 196, 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% 50%, #FFF6E0 0%, #FFD08A 30%, rgba(255, 170, 80, .3) 60%, rgba(255, 170, 80, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #2A1650 0%, #07060F 70%); }
.preview-pill { color: #2B1203; background: rgba(255, 196, 138, .92); }
/* Tam ekran gren kapalı: her karede değişen 3B sahnenin üstünde tüm ekranı yeniden harmanlıyordu */
.grain { display: none; }
/* Kapıya dokunurken 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: #FFC48A; color: #2B1203; }
.card-row { flex-wrap: wrap; }

/* Tokmak kılavuzu: halkanın üstünde nabız gibi büyüyen iki SVG halka ve sıcak ışıma; yeri main.js'te (transform) */
.knock-guide {
  position: fixed; left: 0; top: 0; width: 120px; height: 120px; margin: -60px 0 0 -60px; overflow: visible;
  pointer-events: none; opacity: 0; transition: opacity .5s ease; z-index: 4; will-change: transform;
}
.knock-guide.on { opacity: 1; }
.kg-ring { fill: none; stroke: rgba(255, 226, 180, .95); stroke-width: 2.5; transform-box: fill-box; transform-origin: center; animation: kgPulse 1.6s ease-out infinite; }
.kg-ring.r2 { animation-delay: .8s; }
@keyframes kgPulse { 0% { transform: scale(.7); opacity: .95; } 100% { transform: scale(1.7); opacity: 0; } }
.kg-dots circle { fill: rgba(255, 226, 180, .35); transition: fill .3s ease; }
.kg-dots circle.done { fill: #FFD27A; }
/* Yedek yol: basılı tutunca turuncu hale */
.btn.holding { box-shadow: 0 0 0 10px rgba(255, 196, 138, .2), 0 0 40px rgba(255, 138, 42, .55); }
.btn.small { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: none; }