/* ⚔️ duel cards: hero above, villain below, one cut */
.dl{--dc:#8a2be2;position:relative;aspect-ratio:5/7.4;border-radius:16px;overflow:hidden;isolation:isolate;background:#07070c;
  box-shadow:0 0 0 1.5px rgba(255,214,120,.55),0 0 0 3px #0b0b12,0 0 0 4px rgba(200,40,60,.45),0 18px 40px -18px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.dl-h,.dl-v{position:absolute;inset:0;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.dl-h{clip-path:polygon(0 0,100% 0,100% 45%,0 57%)}
.dl-v{clip-path:polygon(0 57%,100% 45%,100% 100%,0 100%)}
.dl-h i,.dl-v i{position:absolute;left:0;right:0;background-size:cover;background-repeat:no-repeat}
.dl-h i{top:0;bottom:40%;background-position:center 18%}
.dl-v i{top:42%;bottom:0;background-position:center 18%;filter:saturate(.85) contrast(1.08)}
.dl-h::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,200,90,.18),transparent 30%,transparent 38%,rgba(255,170,60,.35) 57%),radial-gradient(120% 60% at 50% 0%,rgba(255,226,150,.25),transparent 60%);mix-blend-mode:screen;pointer-events:none}
.dl-v::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,0,18,.85),transparent 30%),linear-gradient(180deg,rgba(150,0,40,.55) 44%,transparent 62%),radial-gradient(120% 60% at 50% 100%,rgba(120,0,90,.35),transparent 70%);pointer-events:none}
.dl-l{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;max-width:78%;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.dl-h .dl-l{top:9px;right:11px;text-align:right}
.dl-v .dl-l{bottom:24px;left:11px;text-align:left;align-items:flex-start}
.dl-l small{font:800 9px var(--font,Vazirmatn);letter-spacing:.5px;padding:1px 7px;border-radius:999px;width:max-content}
.dl-h .dl-l small{color:#3a2400;background:linear-gradient(90deg,#ffe8a3,#ffbe4d);margin-inline-start:auto}
.dl-v .dl-l small{color:#ffd6dc;background:linear-gradient(90deg,#7a0020,#3a0045)}
.dl-l b{font:400 clamp(13px,4.2cqw,20px) Lalezar,var(--font,Vazirmatn);color:#fff;line-height:1.25}
.dl{container-type:inline-size}
.dl-h .dl-l b{color:#fff4d6}.dl-v .dl-l b{color:#ffdfe4}
.dl-cut{position:absolute;z-index:3;left:-10%;right:-10%;top:51%;height:2px;transform:rotate(-8.6deg);background:linear-gradient(90deg,transparent,#ffd98a 25%,#fff 50%,#ff5a6e 75%,transparent);box-shadow:0 0 10px 1px rgba(255,220,160,.8),0 0 26px 4px rgba(255,80,100,.35)}
.dl-vs{position:absolute;z-index:4;top:51%;left:50%;transform:translate(-50%,-50%);width:clamp(30px,17cqw,52px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;
  font:900 clamp(11px,6cqw,18px)/1 Georgia,serif;font-style:italic;color:#fff;letter-spacing:-.5px;background:radial-gradient(circle at 35% 30%,#3a2a1a,#0b0b12 70%);
  box-shadow:0 0 0 2px #ffcf6b,0 0 0 4px #0b0b12,0 0 0 5px #c8283c,0 6px 18px rgba(0,0,0,.7);text-shadow:0 0 8px rgba(255,200,120,.8)}
.dl-t{position:absolute;z-index:3;bottom:7px;right:0;left:0;text-align:center;font:700 9.5px var(--font,Vazirmatn);font-style:normal;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}
.dl-x{position:absolute;z-index:4;top:8px;left:8px;font:800 10px var(--font,Vazirmatn);color:#fff;background:rgba(0,0,0,.6);padding:2px 7px;border-radius:999px}
.dl-gl{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0;transition:background-position .9s}
@media (hover:hover){.dl:hover .dl-h{transform:translateY(-3%)}.dl:hover .dl-v{transform:translateY(3%)}.dl:hover .dl-cut{box-shadow:0 0 16px 3px rgba(255,230,170,.95),0 0 40px 10px rgba(255,80,100,.5)}.dl:hover .dl-gl{background-position:-30% 0}}
.dl-ghost{background:linear-gradient(160deg,#16141f,#0b0a12);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.dl-ghost::before{content:'';position:absolute;left:-10%;right:-10%;top:51%;height:1px;transform:rotate(-8.6deg);background:rgba(255,255,255,.12)}
.dl-q{position:absolute;inset:0;display:grid;place-items:center;font:400 40px Lalezar,serif;color:rgba(255,255,255,.14)}
/* grids */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
@media (max-width:520px){.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.dl-cell{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:center;color:inherit}
.dl-cell:focus-visible{outline:2px solid #ffcf6b;outline-offset:4px;border-radius:16px}
.dl-own{position:absolute;z-index:6;top:8px;left:8px;font:800 10px var(--font);color:#2a1a00;background:#ffcf6b;padding:2px 8px;border-radius:999px}
.dl-pr{display:block;margin-top:7px;font:700 12px var(--font);color:var(--muted,#8790B4)}
.dl-note{font-size:12px;color:var(--muted,#8790B4);margin:14px 0 0;line-height:1.9}
.dl-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;padding:12px 20px;border-radius:14px;font:800 14px var(--font,Vazirmatn);color:#2a1300;text-decoration:none;
  background:linear-gradient(135deg,#ffe08a,#ffb547 55%,#ff7a59);box-shadow:0 10px 26px -12px rgba(255,140,70,.9);transition:transform .15s}
.dl-buy:hover{transform:translateY(-2px)}.dl-buy.sm{padding:8px 14px;font-size:12.5px;border-radius:11px}
/* shop pack */
.dl-pack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:center;margin-bottom:20px;padding:22px;border-radius:22px;position:relative;overflow:hidden;
  background:radial-gradient(90% 120% at 100% 0%,rgba(255,190,80,.16),transparent 60%),radial-gradient(90% 120% at 0% 100%,rgba(200,30,70,.22),transparent 60%),#0d0b14;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.dl-pk-art{position:relative;height:230px}
.dl-pk-c{position:absolute;top:50%;left:50%;width:132px;transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 62px)) rotate(calc((var(--i) - 1) * 9deg));z-index:calc(3 - var(--i))}
.dl-pk-c:nth-child(2){z-index:3;transform:translate(-50%,-52%) scale(1.06)}
.dl-pk-tx{color:#f3eee6}.dl-pk-tx small{font:800 11px var(--font);color:#ffcf6b;letter-spacing:.5px}
.dl-pk-tx b{display:block;font:400 30px Lalezar,var(--font);margin:2px 0 4px;color:#fff}
.dl-pk-tx p{margin:0 0 16px;font-size:13px;line-height:1.9;color:rgba(255,255,255,.7)}
@media (max-width:620px){.dl-pack{grid-template-columns:1fr;padding:18px 16px;gap:8px;text-align:center}.dl-pk-art{height:200px}.dl-pk-c{width:112px}.dl-pk-c{transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 52px)) rotate(calc((var(--i) - 1) * 9deg))}.dl-pk-tx .dl-buy{width:100%}}
/* collection header */
.dl-col-h{display:flex;align-items:center;gap:14px;margin:4px 0 16px;flex-wrap:wrap}
.dl-col-h>div:first-child{display:flex;flex-direction:column}.dl-col-h b{font:400 22px Lalezar,var(--font);color:var(--strong)}.dl-col-h small{font-size:12px;color:var(--muted)}
.dl-bar{flex:1;min-width:120px;height:8px;border-radius:99px;background:rgba(127,127,127,.18);overflow:hidden}.dl-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffcf6b,#ff5a6e)}
.dl-load{padding:40px;text-align:center;color:var(--muted)}
/* modal */
.dl-m{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(4,3,10,.82);backdrop-filter:blur(6px)}
.dl-m[hidden]{display:none}
.dl-mb{position:relative;width:min(380px,100%);max-height:92vh;overflow:auto;padding:22px 18px 18px;border-radius:22px;background:#0f0d17;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#eee;text-align:center}
.dl-mb:has(.dl-rv){width:min(720px,100%)}
.dl-big{width:min(270px,78%);margin:0 auto}
.dl-info{margin-top:16px}.dl-info>b{display:block;font:400 21px Lalezar,var(--font)}.dl-info>b span{font:600 12px var(--font);color:#ffb0bb;margin:0 4px}
.dl-info small{color:rgba(255,255,255,.55);font-size:12px}.dl-info p{font-size:13px;line-height:2;color:rgba(255,255,255,.78);margin:10px 0 14px}
.dl-close{position:absolute;top:8px;left:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.dl-rv h3{margin:0 0 14px;font:400 24px Lalezar,var(--font);color:#ffdf9a}
.dl-rg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px}
@media (max-width:520px){.dl-rg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dl-in{animation:dlIn .7s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * .18s)}
@keyframes dlIn{from{opacity:0;transform:translateY(24px) rotateY(80deg) scale(.85)}}
html.lite .dl-h,html.lite .dl-v,html.lite .dl-gl,html.lite .dl{transition:none}html.lite .dl-in{animation:none}html.lite .dl-m{backdrop-filter:none}
@media (prefers-reduced-motion:reduce){.dl-in{animation:none}.dl-h,.dl-v,.dl-gl{transition:none}}
.dl-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.dl-row .dl-cell{flex:0 0 150px;scroll-snap-align:start}
@media (max-width:520px){.dl-row .dl-cell{flex-basis:132px}}
/* ✦ special sets: tiles, set view, shop sheet */
.sx-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
@media (max-width:520px){.sx-tiles{grid-template-columns:1fr}}
.sx-tile{--sc:#e0a030;position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:0;border-radius:20px;cursor:pointer;text-align:right;font:inherit;color:#f3eee6;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 100%,color-mix(in srgb,var(--sc) 26%,transparent),transparent 60%),linear-gradient(160deg,#16121f,#0c0a12);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 30%,transparent),0 16px 34px -22px rgba(0,0,0,.8);transition:transform .25s,box-shadow .25s}
.sx-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 60%,transparent),0 22px 40px -22px rgba(0,0,0,.9)}
.sx-tile.done{box-shadow:inset 0 0 0 1.5px #ffcf6b,0 0 30px -10px rgba(255,207,107,.6)}
.sx-art{position:relative;height:150px}
.sx-fc{position:absolute;top:50%;left:50%;width:78px;transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 34px)) rotate(calc((var(--i) - 1) * 10deg));z-index:calc(3 - var(--i));transition:transform .3s}
.sx-fc:nth-child(1){z-index:3;transform:translate(-50%,-52%) scale(1.08)}
.sx-fc .dl{border-radius:10px}.sx-fc .dl-l,.sx-fc .dl-t{display:none}.sx-fc .dl-vs{width:22px;font-size:9px}
.sx-fc.lock .dl{filter:grayscale(1) brightness(.45) blur(1px)}
.sx-tile:hover .sx-fc:nth-child(2){transform:translate(-50%,-50%) translateX(-44px) rotate(-14deg)}.sx-tile:hover .sx-fc:nth-child(3){transform:translate(-50%,-50%) translateX(44px) rotate(14deg)}
.sx-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.sx-tx small{font:800 10.5px var(--font);color:color-mix(in srgb,var(--sc) 80%,#fff);letter-spacing:.3px}
.sx-tx b{font:400 28px/1.15 Lalezar,var(--font);color:#fff}
.sx-tg{font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.66)}
.sx-prog{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;color:#fff}
.sx-bar{flex:1;height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.sx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sc),#ff5a6e)}
.sx-pr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.sx-pr em{font-style:normal;font-size:12px;color:rgba(255,255,255,.7)}.sx-pr strong{font-size:12.5px;color:#ffcf6b}
.sx-seal{position:absolute;top:12px;left:12px;font:800 10.5px var(--font);color:#2a1a00;background:linear-gradient(135deg,#ffe8a3,#ffbe4d);padding:3px 10px;border-radius:999px;box-shadow:0 4px 14px -4px rgba(255,190,77,.8)}
@media (max-width:520px){.sx-tile{grid-template-columns:118px minmax(0,1fr);padding:14px;gap:10px}.sx-art{height:130px}.sx-fc{width:66px}.sx-fc{transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 26px)) rotate(calc((var(--i) - 1) * 10deg))}.sx-tx b{font-size:24px}}
.sx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.sx-top b{display:block;font:400 22px Lalezar,var(--font);color:var(--strong)}.sx-top small{font-size:12px;color:var(--muted)}
.sx-empty{padding:40px 16px;text-align:center;color:var(--muted)}.sx-empty b{font:400 22px Lalezar,var(--font);color:var(--strong)}
/* the set view */
.sx-back{border:0;background:none;color:var(--muted);font:700 13px var(--font);cursor:pointer;padding:4px 0;margin-bottom:8px}
.sx-hero{--sc:#e0a030;display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;margin-bottom:16px;color:#f3eee6;background:radial-gradient(100% 140% at 100% 0%,color-mix(in srgb,var(--sc) 24%,transparent),transparent 60%),#100d17}
.sx-hero.done{box-shadow:inset 0 0 0 1.5px #ffcf6b}
.sx-hero small{font:800 10.5px var(--font);color:color-mix(in srgb,var(--sc) 80%,#fff)}.sx-hero h3{margin:2px 0;font:400 28px Lalezar,var(--font);color:#fff}.sx-hero p{margin:0 0 4px;font-size:12.5px;color:rgba(255,255,255,.66)}.sx-hero span{font-size:12px;font-weight:800}
.sx-ring{--p:0;flex:none;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sc) calc(var(--p) * 1%),rgba(255,255,255,.1) 0)}
.sx-ring b{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#100d17;font:400 18px Lalezar,var(--font);color:#fff}
.sx-none{color:var(--muted);font-size:13px}
.sx-miss{margin-top:18px;padding:14px;border-radius:16px;background:rgba(127,127,127,.08)}
.sx-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sx-mh b{color:var(--strong);font-size:14px}.sx-mh small{color:var(--muted);font-weight:700;margin-inline-start:4px}
.sx-mrow{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.sx-mi{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:4px}
.sx-mi i{width:56px;aspect-ratio:5/7.4;border-radius:9px;display:grid;place-items:center;font:400 20px Lalezar,serif;font-style:normal;color:rgba(255,255,255,.2);background:linear-gradient(160deg,#1a1724,#0d0b13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sx-mi small{font-size:9.5px;color:var(--muted);text-align:center;line-height:1.4;max-width:74px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* the shop sheet */
.dl-mb.wide{width:min(760px,100%);text-align:right}
.sx-sh .sx-k{font:800 11px var(--font);color:#ffcf6b}.sx-sh h3{margin:2px 0;font:400 30px Lalezar,var(--font);color:#fff}.sx-sh .sx-tg{display:block;margin-bottom:14px}
.sx-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:18px}
.sx-op{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.sx-op.full{background:linear-gradient(160deg,rgba(255,207,107,.12),rgba(255,90,110,.06));box-shadow:inset 0 0 0 1.5px rgba(255,207,107,.45)}
.sx-op-art{position:relative;height:96px;display:flex;justify-content:center;align-items:center}
.sx-q{width:52px;aspect-ratio:5/7.4;margin:0 -8px;border-radius:9px;display:grid;place-items:center;font:400 24px Lalezar,serif;color:#ffcf6b;background:linear-gradient(160deg,#2a1f12,#120d16);box-shadow:inset 0 0 0 1.5px rgba(255,207,107,.5),0 8px 18px -8px rgba(0,0,0,.8);transform:rotate(calc((var(--i) - 1.5) * 8deg)) translateY(calc(var(--i) * 0px))}
.sx-mini{width:52px;margin:0 -12px;transform:rotate(calc((var(--i) - 2) * 7deg))}.sx-mini .dl{border-radius:8px}.sx-mini .dl-l,.sx-mini .dl-t{display:none}.sx-mini .dl-vs{width:16px;font-size:7px}
.sx-op-tx>small{font:800 11px var(--font);color:rgba(255,255,255,.6)}.sx-op-tx>b{display:block;font:400 21px Lalezar,var(--font);color:#fff;margin:2px 0 4px}
.sx-op-tx p{margin:0 0 12px;font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.72)}.sx-op-tx .dl-buy{width:100%}
.dl-buy.gold{background:linear-gradient(135deg,#fff1b8,#ffcf6b 50%,#e0a030)}
.sx-h4{margin:4px 0 10px;font-size:15px;color:#fff}.sx-h4 small{display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.55);margin-top:2px}
.sx-op-tx p b{color:#ffcf6b}
/* ❤️ «نخ سرخ»: an open golden locket on crimson velvet; one half of the heart for each of them */
.cp{position:relative;aspect-ratio:5/7.4;border-radius:16px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:radial-gradient(90% 60% at 50% 42%,#8e0f2e 0%,#5a0820 45%,#2a0410 80%,#170208 100%);
  box-shadow:0 0 0 1.5px #f3cf8a,0 0 0 3px #170208,0 0 0 4px rgba(255,90,120,.5),0 18px 44px -16px rgba(120,0,40,.75);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cp::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px);mix-blend-mode:overlay;pointer-events:none}
.cp-bk{position:absolute;inset:0;pointer-events:none}
.cp-bk i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,170,190,.55),rgba(255,120,150,0) 70%);filter:blur(1px);animation:cpBok 7s ease-in-out infinite}
.cp-bk i:nth-child(1){width:22%;aspect-ratio:1;left:4%;top:8%}.cp-bk i:nth-child(2){width:14%;aspect-ratio:1;right:8%;top:14%;animation-delay:-2s}.cp-bk i:nth-child(3){width:30%;aspect-ratio:1;right:-6%;top:52%;animation-delay:-4s;opacity:.6}
.cp-bk i:nth-child(4){width:12%;aspect-ratio:1;left:12%;top:62%;animation-delay:-1s}.cp-bk i:nth-child(5){width:9%;aspect-ratio:1;left:46%;top:4%;animation-delay:-3s}.cp-bk i:nth-child(6){width:18%;aspect-ratio:1;left:-4%;top:40%;animation-delay:-5s;opacity:.5}
@keyframes cpBok{50%{transform:translateY(-6%) scale(1.08);opacity:.55}}
.cp-lk{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 10px rgba(30,0,10,.7))}
.cp-ch{stroke:#e9bd6a;stroke-width:1.1;stroke-dasharray:1.6 1.1;fill:none;stroke-linecap:round}
.cp-hr,.cp-hl{transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-box:view-box;transform-origin:50px 96px}
.cp-hr{transform:rotate(7deg) translateX(2.5px)}.cp-hl{transform:rotate(-7deg) translateX(-2.5px)}
.cp-sp{position:absolute;inset:0;pointer-events:none}
.cp-sp i{position:absolute;width:5%;aspect-ratio:1;background:#ffe9b0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px #ffd27a);animation:cpTw 2.8s ease-in-out infinite}
.cp-sp i:nth-child(1){left:14%;top:20%}.cp-sp i:nth-child(2){right:12%;top:26%;animation-delay:-.7s;width:4%}.cp-sp i:nth-child(3){left:22%;top:58%;animation-delay:-1.4s;width:3.5%}.cp-sp i:nth-child(4){right:20%;top:62%;animation-delay:-2.1s}.cp-sp i:nth-child(5){left:47%;top:12%;animation-delay:-1s;width:3%}
@keyframes cpTw{0%,100%{transform:scale(.4);opacity:.2}50%{transform:scale(1) rotate(45deg);opacity:1}}
.cp-n{position:absolute;z-index:3;left:0;right:0;bottom:7%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 7px;padding:0 10px;text-align:center}
.cp-n b{font:400 clamp(12px,6.6cqw,23px)/1.25 Lalezar,var(--font,Vazirmatn);background:linear-gradient(180deg,#fff6e0,#f6cf86);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(40,0,10,.9))}
.cp-n em{font-style:normal;font-size:clamp(10px,5.4cqw,18px);color:#ff4d6d;text-shadow:0 0 10px rgba(255,77,109,.9);animation:cpBeat 2.4s ease-in-out infinite}
@keyframes cpBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.25)}24%{transform:scale(1)}36%{transform:scale(1.15)}}
.cp-n small{flex-basis:100%;font:700 clamp(8px,3.8cqw,10.5px) var(--font,Vazirmatn);color:rgba(255,215,220,.6);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp .dl-gl{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,240,210,.18) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0;transition:background-position .9s}
@media (hover:hover){.cp:hover .cp-hr{transform:rotate(2deg) translateX(.6px)}.cp:hover .cp-hl{transform:rotate(-2deg) translateX(-.6px)}.cp:hover .dl-gl{background-position:-30% 0}}
.sx-fc .cp,.sx-mini .cp{border-radius:10px}.sx-fc .cp-n,.sx-mini .cp-n,.sx-fc .cp-sp,.sx-mini .cp-sp,.sx-fc .cp-bk,.sx-mini .cp-bk{display:none}
.sx-fc.lock .cp{filter:grayscale(1) brightness(.45) blur(1px)}
html.lite .cp-bk i,html.lite .cp-sp i,html.lite .cp-n em{animation:none}html.lite .cp-sp{display:none}html.lite .cp-hr,html.lite .cp-hl{transition:none}
@media (prefers-reduced-motion:reduce){.cp-bk i,.cp-sp i,.cp-n em{animation:none}.cp-sp{display:none}}
/* 🎬 «لحظه‌های ماندگار»: a frame of film */
.mo{position:relative;aspect-ratio:5/7.4;border-radius:14px;overflow:hidden;isolation:isolate;container-type:inline-size;background:#050403;
  box-shadow:0 0 0 1.5px rgba(255,190,110,.65),0 0 0 3px #050403,0 0 0 4px rgba(255,160,70,.3),0 20px 44px -18px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mo-scr{position:absolute;left:9%;right:9%;top:14%;bottom:21%;overflow:hidden;border-radius:3px;background:#120b06}
.mo-bg{position:absolute;inset:-6%;background-size:cover;background-position:center;filter:saturate(.75) contrast(1.05) brightness(.7) blur(.4px);animation:moKen 18s ease-in-out infinite alternate}
@keyframes moKen{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-3%,-2%)}}
.mo-ch{position:absolute;right:-4%;bottom:0;width:78%;height:100%;background-size:cover;background-position:center 15%;
  -webkit-mask-image:linear-gradient(to left,#000 55%,transparent 100%),linear-gradient(to top,transparent 0%,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,#000 55%,transparent 100%),linear-gradient(to top,transparent 0%,#000 30%);mask-composite:intersect;
  filter:contrast(1.06) saturate(.92);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mo-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,170,80,.18),transparent 40%,rgba(30,10,0,.55)),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.7));mix-blend-mode:multiply}
.mo-grade::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,180,90,.22),transparent 45%,rgba(60,140,180,.14));mix-blend-mode:soft-light}
.mo-grain{position:absolute;inset:-50%;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");animation:moGrain .9s steps(4) infinite}
@keyframes moGrain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
.mo-leak{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(60% 80% at 0% 0%,rgba(255,140,40,.55),transparent 60%);mix-blend-mode:screen;transition:opacity .6s}
.mo-sub{position:absolute;z-index:2;left:6%;right:6%;bottom:7%;text-align:center;font:700 clamp(8.5px,4.6cqw,15px)/1.6 var(--font,Vazirmatn);color:#fff;
  text-shadow:0 0 2px #000,0 1px 2px #000,0 0 8px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mo-strip{position:absolute;top:0;bottom:0;width:9%;background:#050403}
.mo-strip.l{left:0}.mo-strip.r{right:0}
.mo-strip::before{content:'';position:absolute;left:24%;right:24%;top:3%;bottom:3%;background:repeating-linear-gradient(180deg,rgba(255,226,180,.55) 0 5.5cqw,transparent 5.5cqw 9cqw);-webkit-mask:linear-gradient(#000,#000);border-radius:2px;opacity:.55}
.mo-top{position:absolute;z-index:3;top:0;left:9%;right:9%;height:14%;display:flex;align-items:center;gap:6px;padding:0 4px;direction:rtl}
.mo-top i{width:7px;height:7px;border-radius:50%;background:#ff4a3d;box-shadow:0 0 8px #ff4a3d;flex:none;animation:moRec 1.6s ease-in-out infinite}
@keyframes moRec{50%{opacity:.25}}
.mo-top em{font:800 clamp(8px,4.2cqw,12px) var(--font,Vazirmatn);font-style:normal;color:#ffd8a0;white-space:nowrap}
.mo-top small{margin-inline-start:auto;font:600 clamp(7px,3.4cqw,10px) var(--font,Vazirmatn);color:rgba(255,226,190,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.mo-bot{position:absolute;z-index:3;bottom:0;left:9%;right:9%;height:21%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.mo-bot b{font:400 clamp(14px,9cqw,30px)/1.1 Lalezar,var(--font,Vazirmatn);background:linear-gradient(180deg,#fff4dc,#ffc46b 60%,#d48a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(255,150,40,.35));white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.mo-bot small{font:800 clamp(6.5px,3.2cqw,9.5px) var(--font,Vazirmatn);letter-spacing:1.5px;color:rgba(255,200,130,.65)}
.mo .dl-gl{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,230,190,.14) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0;transition:background-position .9s}
@media (hover:hover){.mo:hover .mo-leak{opacity:1}.mo:hover .mo-ch{transform:scale(1.04) translateX(-2%)}.mo:hover .dl-gl{background-position:-30% 0}}
.sx-fc .mo,.sx-mini .mo{border-radius:9px}.sx-fc .mo-sub,.sx-mini .mo-sub,.sx-fc .mo-top,.sx-mini .mo-top,.sx-mini .mo-bot small,.sx-fc .mo-bot small{display:none}
.sx-fc.lock .mo{filter:grayscale(1) brightness(.45) blur(1px)}
html.lite .mo-bg,html.lite .mo-grain,html.lite .mo-top i{animation:none}html.lite .mo-grain{display:none}
@media (prefers-reduced-motion:reduce){.mo-bg,.mo-grain,.mo-top i{animation:none}}