/* PROD6C-2 · Eğlence dünyası (EG1). Yalnız /eglence/ sayfası yükler. Yeni fotoğraf yok: yalnız CSS çizimi.
   Renk yasası sentinel-system.css'e uyar (başlık beyaz/koyu, açıklama SENTINEL turuncusu, etiket dünya rengi);
   bu dosya sentinel-system.css'ten ÖNCE yüklenir, renk koyan kurallar html[lang] önekiyle özgüllüğü yükseltir. */

/* ---- dünya rengi: mor-pembe ---- */
[data-world="eglence"]{--accent:#8E3A86;--accent-bright:#F2A0E6;--accent-tint:rgba(142,58,134,.10);--accent-tint-dark:rgba(242,160,230,.13)}
html[data-theme="light"] [data-world="eglence"],
html[data-theme="light"] body[data-world="eglence"]{--accent-bright:#7A2A6E;--accent-tint-dark:rgba(142,58,134,.10)}
body[data-world="eglence"] main.eg{--v6-glow:rgba(220,110,210,.22)}
html[data-theme="light"] body[data-world="eglence"] main.eg{--v6-glow:rgba(150,60,150,.14)}

/* ---- hero çizimi: iki plak ve bir crossfader (donanım değil, ekrandaki sanal mikser) ---- */
.eg-art{display:grid;place-items:center;isolation:isolate;background:radial-gradient(80% 90% at 15% 0%,rgba(255,120,200,.30),transparent 62%),linear-gradient(140deg,#1B1038 0%,#3F1B5E 50%,#7A2A6E 100%)}
.eg-deck{position:absolute;top:44%;width:34%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);
  background:radial-gradient(circle,#F2A0E6 0 9%,#2A0F3E 9.5% 13%,transparent 13.5%),repeating-radial-gradient(circle,rgba(255,255,255,.14) 0 2px,rgba(255,255,255,0) 2px 7px),radial-gradient(circle,#150A26,#0B0618);
  box-shadow:0 18px 40px -12px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.08)}
.eg-deck--a{left:9%}
.eg-deck--b{right:9%}
.eg-fader{position:absolute;left:50%;bottom:11%;width:34%;height:8px;margin-left:-17%;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.eg-fader b{position:absolute;left:50%;top:50%;width:26px;height:20px;margin:-10px 0 0 -13px;border-radius:5px;background:linear-gradient(#fff,#cfc3e2);box-shadow:0 4px 10px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:no-preference){
  .eg-deck{animation:eg-spin 14s linear infinite}
  .eg-deck--b{animation-duration:17s;animation-direction:reverse}
  .eg-fader b{animation:eg-slide 7s ease-in-out infinite alternate}
}
@keyframes eg-spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
@keyframes eg-slide{from{left:30%}to{left:70%}}

/* ---- durum etiketi ---- */
.eg-st{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 11px;border-radius:999px;border:1px solid;font:600 .74rem/1.1 var(--mono);letter-spacing:.03em;white-space:nowrap}
.eg-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
html[lang] body[data-world="eglence"] main.eg .eg-st--now{color:var(--accent-bright);border-color:rgba(242,160,230,.5);background:var(--accent-tint-dark)}
html[lang] body[data-world="eglence"] main.eg .eg-st--soon{color:var(--sys-orange);border-color:rgba(var(--sys-orange-rgb),.55);background:rgba(var(--sys-orange-rgb),.08);border-style:dashed}
.eg-st--soon::before{background:transparent;box-shadow:inset 0 0 0 1.6px currentColor}

/* ---- DJ modülü ---- */
.eg-mod{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:1fr;align-items:center;padding:clamp(22px,3vw,38px);border-radius:22px;background:var(--v6-card);border:1px solid var(--v6-card-bd)}
.eg-mod__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 10px}
.eg-mod h3{margin:0;font-size:1.4rem}
.eg-mod p{margin:0 0 14px;font-size:1rem;line-height:1.6}
html[lang] body[data-world="eglence"] main.eg .eg-mod p{color:var(--sys-desc)}
.eg-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:es}
.eg-steps li{position:relative;padding:14px 14px 14px 54px;border-radius:14px;background:var(--accent-tint-dark);counter-increment:es;font-size:.96rem;line-height:1.45}
.eg-steps li::before{content:counter(es);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 .85rem/1 var(--mono);border:1px solid var(--sys-edge-2)}
html[lang] body[data-world="eglence"] main.eg .eg-steps li{color:var(--sys-head)}
html[lang] body[data-world="eglence"] main.eg .eg-steps li::before{color:var(--accent-bright)}

/* ---- sırada ne var ---- */
.eg-next{display:grid;gap:14px;grid-template-columns:1fr}
.eg-next__card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px;border-radius:18px;border:1px dashed var(--sys-edge-2);background:transparent}
.eg-next__ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px dashed var(--sys-edge-2)}
.eg-next__ico svg{width:24px;height:24px}
html[lang] body[data-world="eglence"] main.eg .eg-next__ico{color:var(--accent-bright)}
.eg-next__card h3{margin:6px 0 0;font-size:1.15rem}
.eg-next__card p{margin:0 0 6px;font-size:.95rem;line-height:1.55}
html[lang] body[data-world="eglence"] main.eg .eg-next__card p{color:var(--sys-desc)}
.eg-next__card .eg-st{align-self:flex-start;margin-top:auto}

@media (min-width:860px){
  .eg-mod{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .eg-next{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:420px){
  .eg-st{white-space:normal}
}