/* ====================================================================
   arka.css — ARKA PLAN: ESYA DUVARI (assets/js/arka.js). <html data-ap="5">
   2026-10-13'te 10 denemeden secilen 5; digerleri 2026-10-14 silindi. Hareket azaltilmissa durur.
   ==================================================================== */
html[data-ap] .fon svg { opacity:0; }
.ap-kat { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.ap-kat > * { pointer-events:none; }

/* esya duvari (capraz kayan desen) */
.ap-duvar { position:absolute; inset:-360px; background-size:360px 360px; opacity:.11; animation:apDuvar 70s linear infinite; will-change:transform; }
html[data-tema="koyu"] .ap-duvar { opacity:.09; }
@keyframes apDuvar { to { transform:translate(360px,360px); } }
.ap-5 { -webkit-mask-image:linear-gradient(to bottom, #000 40%, transparent 100%); mask-image:linear-gradient(to bottom, #000 40%, transparent 100%); }

@media (prefers-reduced-motion: reduce) { .ap-kat, .ap-kat * { animation:none !important; } }

/* telefon (2026-10-15): kartlar ekranin alt yarisinda -> duvar orada tamamen kaybolmasin */
@media (max-width:560px) { .ap-5 { -webkit-mask-image:none; mask-image:none; } .ap-duvar { opacity:.16; } html[data-tema="koyu"] .ap-duvar { opacity:.14; } }   /* telefon: duvar kartlarin arasinda da gorunsun (2026-10-15) */