/* تحدي الذاكرة — pro look (2026-10-31): magical teal study room, arabesque card backs, drawn card pictures */
body{background:#0f3b3a url(/assets/memory/bg.webp?v=1) center/cover no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,rgba(10,40,40,.15),rgba(5,25,25,.55) 80%)}
body>*{position:relative;z-index:1}
.face.back{background:#0f5c58 url(/assets/memory/back.webp?v=1) center/cover no-repeat;border-color:#f3c75a}
.face.back i{display:none}
.face.front{background:var(--img) center/76% no-repeat,radial-gradient(circle at 50% 35%,#ffffff,var(--t,#fff7e0) 85%);border-color:#f3c75a;overflow:hidden}
.card.done .front{background:var(--img) center/76% no-repeat,radial-gradient(circle at 50% 35%,#fffbe6,#c9f5e0 85%);box-shadow:0 0 0 3px #24c6a4,0 0 16px 3px rgba(36,198,164,.6),0 4px 0 var(--line)}
/* the picture shows only on open/done cards — swapped at the middle of the flip, so it works even where 3D is flattened */
.card .face.front{visibility:hidden;transition:visibility 0s .2s}
.card .face.back{visibility:visible;transition:visibility 0s .2s}
.card.open .face.front,.card.done .face.front{visibility:visible}
.card.open .face.back,.card.done .face.back{visibility:hidden}