/* ================= Bayrak töreni teması ================= */
/* Akşam alacası: koyu mavi gökyüzü, ufukta sıcak turuncu; vurgu altın ve krem. Ton gururlu ve ölçülü (wiki/product-concept.md 4g) */
:root {
  --bg: #1A1A3A;
  --bg-deep: #0A0B1C;
  --pink: #FFD58A;        /* vurgu: sıcak altın */
  --pink-deep: #E9A94A;
  --mint: #FFE3C2;        /* etiket: açık şeftali */
  --lilac: #D7D2F2;
  --cream: #FFF4E2;
  --gold: #FFD58A;
  --text: #FFF9F0;
  --muted: rgba(255, 244, 230, .76);
}
.headline .accent { text-shadow: 0 0 26px rgba(255, 190, 110, .5), 0 0 2px rgba(255, 236, 200, .6); }
.btn.primary {
  background: linear-gradient(180deg, #FFEBC2 0%, #F4BE63 100%); color: #2B1A04;
  box-shadow: 0 12px 34px -10px rgba(244, 190, 99, .75), inset 0 1px 0 rgba(255, 255, 255, .65);
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 12px 34px -10px rgba(244, 190, 99, .75), 0 0 0 0 rgba(255, 220, 150, .45), inset 0 1px 0 rgba(255, 255, 255, .65); }
  50% { box-shadow: 0 12px 34px -10px rgba(244, 190, 99, .75), 0 0 0 14px rgba(255, 220, 150, 0), inset 0 1px 0 rgba(255, 255, 255, .65); }
}
.flash { background: radial-gradient(circle at 50% 35%, #FFFDF4 0%, #FFE9C0 30%, rgba(255, 220, 160, .35) 60%, rgba(255, 220, 160, 0) 80%); }
.loader { background: radial-gradient(90% 70% at 50% 45%, #3A2F5E 0%, #0A0B1C 70%); }
.preview-pill { color: #2B1A04; background: rgba(255, 220, 150, .92); }
.ad-badge { background: #FFD58A; color: #2B1A04; }
.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; }

/* ---------- basılı tut: dolum ---------- */
.btn.hold { position: relative; overflow: hidden; }
.btn.hold::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, .6), rgba(255, 244, 214, .15));
  transform-origin: left center; transform: scaleX(var(--p, 0));
  pointer-events: none;
}
.btn.hold > * { position: relative; }
.btn.holding { transform: scale(.95); box-shadow: 0 0 0 10px rgba(255, 220, 150, .18), 0 0 44px rgba(255, 200, 110, .55); }