/* ================= Yüzük kutusu teması: gül kurusu, altın, akşam moru (kalplerle aynı aile) ================= */
:root {
  --bg: #1A0A18;
  --bg-deep: #07030A;
  --pink: #FFD2A0;        /* vurgu: altın ışık */
  --pink-deep: #E8B070;
  --mint: #FFE3B8;
  --lilac: #E8C8E0;
  --cream: #FFF1E6;
  --gold: #F2C66D;
  --text: #FFF6F2;
  --muted: rgba(255, 236, 236, .74);
}
.headline .accent { text-shadow: 0 0 28px rgba(255, 190, 120, .55), 0 0 2px rgba(255, 236, 210, .6); }
.btn.primary {
  background: linear-gradient(180deg, #FFE6C0 0%, #E8B070 100%); color: #3A2006;
  box-shadow: 0 12px 34px -10px rgba(232, 176, 112, .75), inset 0 1px 0 rgba(255, 255, 255, .65);
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(232, 176, 112, .75), 0 0 0 0 rgba(255, 214, 160, .45), inset 0 1px 0 rgba(255, 255, 255, .65); }
  50% { box-shadow: 0 12px 34px -10px rgba(232, 176, 112, .75), 0 0 0 14px rgba(255, 214, 160, 0), inset 0 1px 0 rgba(255, 255, 255, .65); }
}
.flash { background: radial-gradient(circle at 50% 55%, #FFF6EA 0%, #FFE0B0 30%, rgba(255, 200, 140, .35) 60%, rgba(255, 200, 140, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #3A1430 0%, #07030A 70%); }
.preview-pill { color: #3A2006; background: rgba(255, 220, 170, .92); }
.ad-badge { background: #FFD2A0; color: #3A2006; }
.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; }

/* Kurdele kesme kılavuzu: kurdelenin üstünde kesik çizgi ve solunda makas */
.cut-guide { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 4; pointer-events: none; opacity: 0; transition: opacity .5s ease; overflow: visible; }
.cut-guide.on { opacity: 1; }
.cg-line { stroke: rgba(255, 240, 220, .85); stroke-width: 2; stroke-dasharray: 6 7; stroke-linecap: round; animation: dashMove 1s linear infinite; }
.cg-scissors { font-size: 26px; fill: #FFF1E6; filter: drop-shadow(0 0 6px rgba(255, 200, 150, .9)); }
@keyframes dashMove { to { stroke-dashoffset: -13; } }