/* ================= Cadılar Bayramı · "Cadı kazanı" teması (Balkabağı feneri ile aynı renkler) ================= */
/* Gece moru zemin, balkabağı turuncusu vurgu, iksir yeşili ışıma (wiki/experience-plan.md 1) */
: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% 55%, #F6FFE8 0%, #C8FF8A 30%, rgba(150, 255, 90, .3) 60%, rgba(150, 255, 90, 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; }
/* Kazanı parmakla karıştırırken sayfa kaymasın, uzun basışta menü açılmasın */
#scene, .stir-guide { 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; }

/* Karıştırma kılavuzu: tam ekran SVG; kazan ağzının elipsi, doluş yayı, dönen ışık noktası (koordinatlar main.js'te) */
.stir-guide {
  position: fixed; inset: 0; width: 100%; height: 100%; overflow: visible;
  pointer-events: none; opacity: 0; transition: opacity .6s ease; z-index: 4;
}
.stir-guide.on { opacity: 1; }
.stir-guide path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.sg-track { stroke: rgba(240, 255, 230, .5); stroke-width: 2.2; stroke-dasharray: 3 9; }
.sg-done { stroke: rgba(200, 255, 150, .95); stroke-width: 4; filter: drop-shadow(0 0 6px rgba(160, 255, 90, .9)); }
.sg-dot { fill: rgba(250, 255, 245, .95); filter: drop-shadow(0 0 7px rgba(200, 255, 160, .95)); }
/* Yedek yol: basılı tutunca yeşil hale */
.btn.holding { box-shadow: 0 0 0 10px rgba(200, 245, 210, .2), 0 0 40px rgba(139, 219, 46, .55); }
.btn.small { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: none; }