/* =====================================================================
   شاه‌لینک ۱٫۲ — پوسته «قلمرو شاد»: فانتزی، رنگی و سلطنتی 👑
   روی app.css سوار می‌شود؛ بدون فونت یا کتابخانه خارجی
   ===================================================================== */
:root{
  --p:#6D28D9;--p2:#7C3AED;--p3:#5B21B6;--pink:#EC4899;--gold:#F5B301;--gold2:#E09A00;
  --night:linear-gradient(160deg,#2E0F5E 0%,#4C1D95 38%,#6D28D9 70%,#9333EA 100%);
  --royal:linear-gradient(135deg,#7C3AED 0%,#9333EA 45%,#DB2777 100%);
  --gold-grad:linear-gradient(135deg,#FFE27A 0%,#F5B301 50%,#E09A00 100%);
  --r:24px;--r-sm:16px;
  --glow:0 10px 30px -10px rgba(124,58,237,.55);--glow-gold:0 10px 28px -8px rgba(245,179,1,.65);
}
body{background:
  radial-gradient(1200px 500px at 100% -10%,rgba(236,72,153,.10),transparent 60%),
  radial-gradient(900px 500px at -10% 10%,rgba(124,58,237,.12),transparent 60%),
  radial-gradient(circle at 20% 30%,rgba(245,179,1,.07) 0 2px,transparent 3px) 0 0/90px 90px,
  radial-gradient(circle at 70% 60%,rgba(124,58,237,.08) 0 2px,transparent 3px) 0 0/120px 120px,
  #FBF8FF}
::selection{background:#F5B301;color:#2E0F5E}

/* ---------------- دکمه‌ها ---------------- */
.btn{background:var(--royal);box-shadow:var(--glow);border-radius:999px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s}
.btn:hover{transform:translateY(-2px) scale(1.02);filter:saturate(1.15);box-shadow:0 16px 34px -12px rgba(124,58,237,.7)}
.btn:active{transform:scale(.97)}
.btn--gold{background:var(--gold-grad);color:#3B1A00;box-shadow:var(--glow-gold);text-shadow:0 1px 0 rgba(255,255,255,.4)}
.btn--ghost{background:#fff;box-shadow:inset 0 0 0 2px var(--p-tint),0 6px 18px -12px rgba(76,29,149,.4)}
.btn--soft{background:var(--p-soft);box-shadow:none}
.btn--glass{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn--glass:hover{background:rgba(255,255,255,.26)}
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(20deg);animation:shine 3.2s infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.ribbon{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem 1rem;border-radius:999px;background:var(--gold-grad);color:#3B1A00;font-weight:900;font-size:.82rem;box-shadow:var(--glow-gold)}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------------- هدر و منو ---------------- */
.hdr{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:0;box-shadow:0 1px 0 rgba(124,58,237,.08)}
.hdr::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#F5B301,#EC4899,#7C3AED,#06B6D4,#F5B301);background-size:300% 100%;animation:rainbow 12s linear infinite}
@keyframes rainbow{to{background-position:300% 0}}
.nav__in>a{border-radius:999px;transition:.2s}
.nav__in>a:hover,.nav__in>a.on{background:var(--p-soft);color:var(--p3)}
.nav__gift{color:#B45309!important;background:linear-gradient(135deg,#FFF6D6,#FFE9A8);font-weight:800}
.nav__gift .ic{animation:wiggle 2.4s ease-in-out infinite}
@keyframes wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}}
.topbar{background:var(--gold-grad);color:#3B1A00}

/* ---------------- قهرمان: قلمرو ---------------- */
.kingdom{position:relative;padding:1.2rem 0 1.4rem;background:var(--night);overflow:hidden;border-radius:0 0 40px 40px;box-shadow:0 30px 60px -40px rgba(46,15,94,.9)}
.kingdom::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.9) 0 1px,transparent 2px) 0 0/140px 140px,radial-gradient(circle at 60% 70%,rgba(255,226,122,.8) 0 1px,transparent 2px) 0 0/170px 170px;opacity:.5;animation:twinkle 6s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.15}}
.sparkles i{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#FFE27A,transparent 70%);border-radius:50%;animation:floaty 7s ease-in-out infinite;opacity:.8}
.sparkles i:nth-child(1){top:12%;left:8%}.sparkles i:nth-child(2){top:70%;left:4%;animation-delay:-2s}.sparkles i:nth-child(3){top:30%;left:46%;animation-delay:-4s}.sparkles i:nth-child(4){top:80%;left:60%;animation-delay:-1s}
.sparkles i:nth-child(5){top:18%;left:88%;animation-delay:-3s}.sparkles i:nth-child(6){top:55%;left:94%;animation-delay:-5s}.sparkles i:nth-child(7){top:90%;left:30%;animation-delay:-6s}.sparkles i:nth-child(8){top:6%;left:66%;animation-delay:-2.5s}
@keyframes floaty{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.5)}}
.slider{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.6),0 0 0 2px rgba(255,226,122,.35);aspect-ratio:1400/620;max-height:560px;background:#2E0F5E}
.slider__track{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease,transform 1.2s ease;transform:scale(1.04);pointer-events:none}
.slide.on{opacity:1;transform:none;pointer-events:auto}
.slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(46,15,94,.92) 0%,rgba(76,29,149,.72) 38%,rgba(76,29,149,0) 66%)}
.slide__txt{position:relative;z-index:2;max-width:520px;padding:clamp(1.2rem,4vw,3.2rem);color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center;gap:.7rem;margin-inline-start:0}
.slide__txt .display{font-size:clamp(1.6rem,4vw,3rem);line-height:1.35;margin:0;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.slide__txt .display em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide__txt p{margin:0;opacity:.92;font-size:clamp(.88rem,1.6vw,1.05rem)}
.slide__btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
.slide.on .slide__txt>*{animation:rise .8s both}.slide.on .slide__txt>*:nth-child(2){animation-delay:.1s}.slide.on .slide__txt>*:nth-child(3){animation-delay:.2s}.slide.on .slide__txt>*:nth-child(4){animation-delay:.3s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.slider__dots{position:absolute;bottom:14px;inset-inline-start:50%;transform:translateX(50%);display:flex;gap:.4rem;z-index:3}
.slider__dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s;padding:0}
.slider__dots button.on{width:30px;background:var(--gold)}
.ksearch{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;max-width:760px;margin:-28px auto 0;background:#fff;border-radius:999px;padding:.4rem .45rem .4rem .4rem;padding-inline-start:1.2rem;box-shadow:0 20px 50px -18px rgba(46,15,94,.6),0 0 0 4px rgba(255,226,122,.5)}
.ksearch input{flex:1;border:0;outline:0;font:inherit;font-size:1rem;background:none;min-width:0}
.ktags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.9rem;color:#E9DFFF;font-size:.85rem}
.ktags a{padding:.2rem .8rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;transition:.2s}.ktags a:hover{background:var(--gold);color:#3B1A00}
@media(max-width:760px){.slider{aspect-ratio:4/5;max-height:none;border-radius:24px}.slide::after{background:linear-gradient(0deg,rgba(46,15,94,.95) 0%,rgba(76,29,149,.75) 45%,rgba(76,29,149,0) 75%)}.slide__img{object-position:35% 20%}.slide__txt{justify-content:flex-end;padding-bottom:2.6rem}.kingdom{border-radius:0 0 28px 28px}.ksearch{margin-top:-22px}}

/* ---------------- قلمروها (۸ بخش) ---------------- */
.realms{display:grid;grid-template-columns:repeat(8,1fr);gap:.8rem;margin:1.6rem 0 1.2rem}
.realm{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:1rem .5rem .9rem;background:#fff;border-radius:22px;box-shadow:0 10px 24px -18px rgba(76,29,149,.5);transition:transform .25s,box-shadow .25s;overflow:hidden}
.realm::before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--c)}
.realm:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 18px 32px -16px color-mix(in srgb,var(--c) 70%,transparent)}
.realm__e{font-size:1.9rem;width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 25%,transparent);transition:transform .3s}
.realm:hover .realm__e{transform:scale(1.12) rotate(6deg)}
.realm b{font-size:.95rem}.realm small{font-size:.72rem;color:var(--ink3);line-height:1.5}
.realm__dot{position:absolute;top:10px;inset-inline-end:12px;width:10px;height:10px;border-radius:50%;background:#E11D48;box-shadow:0 0 0 0 rgba(225,29,72,.6);animation:ping 1.6s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
@media(max-width:1000px){.realms{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.realms{gap:.5rem}.realm{padding:.7rem .3rem;border-radius:18px}.realm__e{width:48px;height:48px;font-size:1.5rem;border-radius:16px}.realm small{display:none}.realm b{font-size:.8rem}}

/* ---------------- بخش‌ها و کارت‌ها ---------------- */
.sec-h h2{position:relative}
.sec-h h2 .ic{color:var(--gold2)}
.sec-h h2::after{content:"";position:absolute;bottom:-6px;inset-inline-start:0;width:56px;height:5px;border-radius:9px;background:var(--gold-grad)}
.sec--tint{background:linear-gradient(180deg,rgba(243,238,255,.9),rgba(255,246,214,.5));border-radius:40px}
.card{border-radius:var(--r)}
.pc{border-radius:22px;transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(124,58,237,.6)}
.pc__add{background:var(--royal);color:#fff}
.cat{border-radius:22px;transition:transform .25s}
.cat:hover{transform:translateY(-5px) rotate(1deg)}
.trust div{border-radius:20px}
.trust .ic{background:var(--gold-grad);color:#3B1A00}
.rise{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.rise.in{opacity:1;transform:none}
.float{animation:floatimg 5s ease-in-out infinite}
@keyframes floatimg{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ---------------- گنج روزانه (بنر صفحه اصلی) ---------------- */
.treasure{position:relative;display:grid;grid-template-columns:280px 1fr;align-items:center;gap:1.5rem;padding:1.4rem 2rem;border-radius:36px;background:var(--night);color:#fff;overflow:hidden;box-shadow:0 30px 60px -36px rgba(46,15,94,.9)}
.treasure::before{content:"🎁";position:absolute;font-size:12rem;opacity:.08;inset-inline-end:-30px;bottom:-60px;transform:rotate(-14deg)}
.treasure img{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4));animation:floatimg 5s ease-in-out infinite}
.treasure .display{color:#fff;margin:.5rem 0;font-size:clamp(1.4rem,3vw,2.2rem)}
.treasure p{opacity:.9;margin:0 0 1rem}
.treasure__btns{display:flex;gap:.6rem;flex-wrap:wrap}
@media(max-width:700px){.treasure{grid-template-columns:1fr;text-align:center;padding:1.2rem}.treasure img{max-width:200px;margin:0 auto}.treasure__btns{justify-content:center}}

/* ---------------- بنرها ---------------- */
.bnr{display:block;border-radius:28px;overflow:hidden;box-shadow:0 22px 46px -26px rgba(46,15,94,.8);transition:transform .3s,box-shadow .3s;position:relative}
.bnr img{width:100%;height:auto;display:block;transition:transform .6s}
.bnr:hover{transform:translateY(-5px)}.bnr:hover img{transform:scale(1.04)}
.bnr::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px rgba(255,226,122,.45);pointer-events:none}
.bnr2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:760px){.bnr2{grid-template-columns:1fr}}
.bnr--wide{margin-bottom:1rem}
.sellcta2{display:grid;grid-template-columns:1.3fr 1fr auto;gap:1rem;align-items:center;background:#fff;border-radius:28px;padding:1.2rem 1.6rem;box-shadow:0 14px 30px -22px rgba(76,29,149,.5)}
.sellcta2 .display{margin:0 0 .3rem;font-size:1.4rem}.sellcta2 p{margin:0;color:var(--ink2)}
.sellcta2 ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.9rem}.sellcta2 li{display:flex;gap:.4rem;align-items:center}.sellcta2 .ic{color:var(--green)}
@media(max-width:860px){.sellcta2{grid-template-columns:1fr;text-align:center}.sellcta2 ul{justify-items:center}}

/* ---------------- شهربازی ---------------- */
.arcade{border-radius:36px;padding:1.5rem;background:linear-gradient(135deg,#FFF6D6 0%,#FDE7F3 50%,#EDE4FF 100%);box-shadow:inset 0 0 0 2px rgba(245,179,1,.25)}
.arcade__h{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.arcade__h .display{margin:.4rem 0;font-size:clamp(1.3rem,3vw,2rem)}.arcade__h p{margin:0;color:var(--ink2)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem}
.fgrid--6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){.fgrid--6{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.fgrid--6,.fgrid{grid-template-columns:repeat(2,1fr);gap:.6rem}}
.fcard{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1rem;border-radius:22px;background:#fff;box-shadow:0 12px 26px -20px rgba(76,29,149,.6);overflow:hidden;transition:transform .25s,box-shadow .25s;min-height:150px}
.fcard::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--c)}
.fcard::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--c) 12%,transparent);inset-inline-end:-40px;bottom:-50px}
.fcard:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 20px 34px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.fcard__e{font-size:2.2rem;line-height:1;transition:transform .3s}.fcard:hover .fcard__e{transform:scale(1.2) rotate(-8deg)}
.fcard b{font-size:.98rem;margin-top:.3rem}.fcard small{color:var(--ink3);font-size:.78rem;line-height:1.6;position:relative;z-index:1}
.fcard__lb{font-style:normal;font-size:.7rem;font-weight:800;color:#B45309;position:relative;z-index:1}
.fcard__go{margin-top:auto;font-size:.78rem;font-weight:800;color:var(--c);position:relative;z-index:1}
.fcard--big{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#000) ,var(--c));color:#fff;justify-content:flex-end;min-height:310px}
.fcard--big small,.fcard--big .fcard__go{color:#fff}.fcard--big .fcard__lb{color:#FFE27A}.fcard--big .fcard__e{font-size:5rem;position:absolute;top:1.2rem;inset-inline-start:1.2rem}.fcard--big b{font-size:1.4rem}
@media(max-width:520px){.fcard--big{grid-column:span 2;grid-row:auto;min-height:200px}.fcard--big .fcard__e{font-size:3.4rem}}
.funtease{margin:1.6rem 0;padding:1.2rem;border-radius:28px;background:linear-gradient(135deg,#F3EEFF,#FFF6D6)}
.funtease__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.funtease__h h2{margin:0;font-size:1.15rem}
.funtease__g{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.funtease .fcard{min-height:130px}
@media(max-width:760px){.funtease__g{grid-template-columns:repeat(2,1fr)}}
.champs{margin:1rem 0 .5rem;padding:1.2rem;border-radius:28px;background:var(--night);color:#fff}
.champs h2{margin:0 0 .8rem;color:#FFE27A}
.champs__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}
.champ{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;padding:.7rem .9rem;border-radius:18px;background:rgba(255,255,255,.1)}
.champ span{grid-row:span 2;font-size:1.8rem}.champ small{opacity:.8;font-size:.75rem}
.realm2{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.realm2 a{position:relative;min-height:180px;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;color:#fff;background:var(--bg) center/cover;box-shadow:0 18px 36px -24px rgba(46,15,94,.8);transition:transform .3s}
.realm2 a::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(46,15,94,.92),rgba(46,15,94,.1) 70%)}
.realm2 a>*{position:relative}.realm2 b{font-size:1.15rem}.realm2 small{opacity:.9}.realm2 a:hover{transform:translateY(-5px)}
@media(max-width:760px){.realm2{grid-template-columns:1fr}}

/* ---------------- سربرگ صفحات ویژه ---------------- */
.mhero{position:relative;background:var(--night);color:#fff;overflow:hidden;border-radius:0 0 40px 40px;margin-bottom:1rem}
.mhero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0 1px,transparent 2px) 0 0/130px 130px;opacity:.35}
.mhero__in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:1.5rem;padding:2rem 16px}
.mhero .display{color:#fff;font-size:clamp(1.7rem,4vw,2.8rem);margin:.6rem 0}.mhero p{opacity:.9;max-width:560px}
.mhero__art{width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.45));animation:floatimg 6s ease-in-out infinite}
.mhero--fun .mhero__art,.mhero--rewards .mhero__art{border-radius:28px;object-fit:cover}
.mhero__btns{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
@media(max-width:760px){.mhero__in{grid-template-columns:1fr;text-align:center;padding-top:1.4rem}.mhero p{margin-inline:auto}.mhero__btns{justify-content:center}.mhero__art{max-height:220px}}

/* ---------------- چرخ شانس ---------------- */
.wheel-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem}
.wheel{width:min(360px,82vw);aspect-ratio:1;border-radius:50%;padding:10px;background:conic-gradient(#FFE27A,#F5B301,#FFE27A,#E09A00,#FFE27A);box-shadow:0 0 0 6px rgba(255,255,255,.15),0 30px 60px -20px rgba(0,0,0,.6),0 0 50px rgba(245,179,1,.35)}
.wheel svg{width:100%;height:100%;display:block;border-radius:50%}
.wheel__pin{position:absolute;top:-6px;font-size:2.4rem;color:#FFE27A;text-shadow:0 4px 8px rgba(0,0,0,.4);z-index:2}
.wheel__btn{font-size:1.15rem;padding-inline:2.2rem}
.wheel__res{background:#fff;color:var(--ink);border-radius:18px;padding:.8rem 1.1rem;text-align:center;font-weight:700;box-shadow:var(--glow-gold);max-width:360px}
.wheel__cd{opacity:.85;font-variant-numeric:tabular-nums}
.streak{display:flex;gap:.4rem;margin-top:1rem}.streak span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}
.streak span.on{background:var(--gold-grad);color:#3B1A00;box-shadow:var(--glow-gold)}.streak__t{display:block;margin-top:.4rem;opacity:.85}
.cols-2x{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}@media(max-width:760px){.cols-2x{grid-template-columns:1fr}}
.winners{list-style:none;margin:0;padding:0}.winners li{display:flex;gap:.6rem;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--line);font-size:.9rem}.winners li:last-child{border:0}.winners small{color:var(--ink3)}
.invite-cta{display:grid;grid-template-columns:220px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.4rem;border-radius:28px;background:linear-gradient(135deg,#FDE7F3,#EDE4FF);margin:1rem 0;box-shadow:0 14px 30px -22px rgba(76,29,149,.5)}
.invite-cta img{width:100%;height:auto;border-radius:18px}.invite-cta b{display:block;font-size:1.1rem}.invite-cta small{color:var(--ink2)}
@media(max-width:700px){.invite-cta{grid-template-columns:1fr;text-align:center}}
.invite-hero{display:flex;gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:24px;background:var(--night);color:#fff;margin-bottom:1rem}.invite-hero img{width:180px;border-radius:16px}.invite-hero h1{margin:0;color:#fff}
@media(max-width:600px){.invite-hero{flex-direction:column;text-align:center}}
.share-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}
.rules ul{line-height:2.1;margin:0;padding-inline-start:1.2rem;color:var(--ink2)}
.gift-fab{position:fixed;left:18px;right:auto;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:0;width:64px;height:64px;justify-content:center;border-radius:22px;background:var(--gold-grad);color:#3B1A00;box-shadow:var(--glow-gold),0 0 0 4px rgba(255,255,255,.8);animation:bob 2.6s ease-in-out infinite}
.gift-fab span{font-size:1.7rem;line-height:1}.gift-fab small{font-size:.58rem;font-weight:900}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-6deg)}}
@media(max-width:900px){.gift-fab{bottom:86px;left:12px;width:56px;height:56px}}
.dash-gift{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border-radius:22px;background:linear-gradient(135deg,#FFF6D6,#FFE9A8);margin:0 0 1.2rem;box-shadow:var(--glow-gold)}
.dash-gift.done{background:linear-gradient(135deg,#F3EEFF,#fff);box-shadow:0 10px 24px -18px rgba(76,29,149,.5)}
.dash-gift__e{font-size:2.2rem;animation:bob 2.6s ease-in-out infinite}.dash-gift span:nth-child(2){flex:1}.dash-gift b{display:block}.dash-gift small{color:var(--ink2)}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}

/* ---------------- بازی‌ها ---------------- */
.tool{padding-bottom:2rem}
.page-fun .tool h1{background:var(--night);color:#fff;border-radius:24px;padding:1rem 1.3rem;box-shadow:0 18px 36px -26px rgba(46,15,94,.9)}
.tool-box{border-radius:28px!important;box-shadow:0 20px 44px -30px rgba(76,29,149,.7)}
.gbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}
.snwrap{position:relative;max-width:420px;margin:0 auto}.snc{width:100%;height:auto;border-radius:20px;box-shadow:inset 0 0 0 3px var(--p-tint);touch-action:none;display:block}
.snmsg{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(46,15,94,.82);color:#fff;border-radius:20px;font-size:1.1rem;gap:.6rem}
.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,46px);gap:.4rem;justify-content:center;margin:.8rem auto 0}
.dpad button{border:0;border-radius:14px;background:var(--p-soft);font-size:1.3rem;cursor:pointer}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}
.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:330px;margin:0 auto}
.ttt button{aspect-ratio:1;border:0;border-radius:20px;background:var(--p-soft);font-size:2.4rem;cursor:pointer;transition:.2s;box-shadow:inset 0 -4px 0 rgba(124,58,237,.15)}.ttt button:hover{background:#E9DFFF}.ttt button.vX,.ttt button.vO{animation:pop .3s}
@keyframes pop{from{transform:scale(.6)}to{transform:none}}
.qz__bar{height:8px;border-radius:9px;background:var(--p-soft);overflow:hidden;margin-bottom:.8rem}.qz__bar i{display:block;height:100%;background:var(--gold-grad);transition:width .1s linear}
.qz__q{font-size:1.2rem;font-weight:800;text-align:center;margin:.6rem 0 1rem;line-height:1.9}
.qz__os{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:520px){.qz__os{grid-template-columns:1fr}}
.qz__o{border:0;border-radius:18px;padding:.9rem;background:#fff;box-shadow:inset 0 0 0 2px var(--line2);font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.qz__o:hover:not([disabled]){box-shadow:inset 0 0 0 2px var(--p);transform:translateY(-2px)}.qz__o.ok{background:#DCFCE7;box-shadow:inset 0 0 0 2px #16A34A}.qz__o.bad{background:#FFE4E6;box-shadow:inset 0 0 0 2px #E11D48;animation:shake .4s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.pv__e{font-size:clamp(2.4rem,9vw,4rem);text-align:center;letter-spacing:.3rem;margin:.4rem 0 1rem;direction:ltr}
.ty__t{font-size:1.2rem;line-height:2.2;padding:1rem;border-radius:18px;background:var(--p-soft);margin-bottom:.8rem}.ty__ok{color:#16A34A}.ty__bad{background:#FFE4E6;color:#E11D48}
.rx{height:260px;border-radius:28px;display:grid;place-content:center;text-align:center;font-size:1.4rem;font-weight:900;color:#fff;cursor:pointer;user-select:none;transition:background .15s}
.rx--idle,.rx--done,.rx--early{background:var(--royal)}.rx--wait{background:#E11D48}.rx--go{background:#16A34A}.rx b{font-size:3rem}
.fort__card{padding:1.3rem;border-radius:24px;background:var(--night);color:#fff;text-align:center;box-shadow:var(--glow)}.fort__card p{font-size:1.15rem;line-height:2}
.love__p{font-size:4rem;font-weight:900;text-align:center;background:linear-gradient(135deg,#EC4899,#F5B301);-webkit-background-clip:text;background-clip:text;color:transparent}.love{text-align:center}
.lbox{margin-top:1.2rem;padding:1.2rem;border-radius:26px;background:var(--night);color:#fff}
.lbox h3{margin:0 0 .6rem;color:#FFE27A}.lb{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.lb li{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;padding:.45rem .7rem;border-radius:14px;background:rgba(255,255,255,.08)}.lb li.me{background:rgba(245,179,1,.3)}
.lb__r{font-size:1.1rem}.lb em{font-style:normal;font-weight:900;color:#FFE27A}.lb__me{margin:.7rem 0 0;opacity:.9}.lbox .muted{color:#E9DFFF}.lbox a{color:#FFE27A}

/* ---------------- مجله ---------------- */
.magg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.magg .ac--big{grid-column:span 2;grid-row:span 2}
@media(max-width:1000px){.magg{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.magg{grid-template-columns:1fr}.magg .ac--big{grid-column:auto;grid-row:auto}}
.ac{border-radius:24px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ac:hover{transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(124,58,237,.7)}
.ac__img img{transition:transform .6s}.ac:hover .ac__img img{transform:scale(1.06)}
.sec--mag{background:linear-gradient(180deg,transparent,rgba(253,231,243,.6),transparent)}
.readbar{position:fixed;top:0;inset-inline:0;height:4px;z-index:200;background:transparent}.readbar i{display:block;height:100%;width:0;background:var(--gold-grad);box-shadow:0 0 10px rgba(245,179,1,.7)}
.react{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:1.2rem 0;padding:.9rem 1.1rem;border-radius:22px;background:linear-gradient(135deg,#F3EEFF,#FFF6D6)}
.react button{border:0;border-radius:999px;padding:.45rem 1rem;background:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -12px rgba(76,29,149,.6);transition:.2s}.react button:hover,.react button.on{transform:translateY(-2px) scale(1.05);background:var(--gold-grad)}
.react__n{margin-inline-start:auto;color:var(--p3);font-size:.85rem}
.nextart{display:block;padding:1rem 1.2rem;border-radius:22px;background:var(--night);color:#fff;margin:1rem 0;transition:transform .2s}.nextart:hover{transform:translateX(-6px)}.nextart small{color:#FFE27A;display:block}
.side-art{display:flex;gap:.6rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.86rem;line-height:1.7}.side-art img{width:80px;height:45px;object-fit:cover;border-radius:10px;flex:none}
.side-play{display:block;margin-top:1rem;padding:1rem;border-radius:24px;background:var(--night);color:#fff;text-align:center;box-shadow:var(--glow);transition:transform .2s}.side-play:hover{transform:translateY(-4px)}
.side-play img{width:100%;max-height:150px;object-fit:contain;margin:0 auto .4rem;border-radius:16px}.side-play b{display:block;color:#FFE27A}.side-play small{opacity:.9}
.prose h2{position:relative;padding-inline-start:1rem}.prose h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;bottom:.35em;width:5px;border-radius:9px;background:var(--gold-grad)}
.prose details{background:var(--p-soft);border-radius:16px;padding:.6rem 1rem;margin:.5rem 0}.prose summary{cursor:pointer;font-weight:700}

/* ---------------- آمار و پیشخوان ---------------- */
.kstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}
.kstats div{text-align:center;padding:1.2rem;border-radius:26px;background:var(--night);color:#fff;box-shadow:0 18px 36px -26px rgba(46,15,94,.9)}
.kstats b{display:block;font-family:VazirBlack,Vazirmatn;font-size:2rem;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kstats small{opacity:.85}
@media(max-width:700px){.kstats{grid-template-columns:repeat(2,1fr)}}
.panel-hero{background:var(--night)!important;border-radius:28px}
.wcard{background:var(--night)}

/* ---------------- فوتر سلطنتی ---------------- */
.ftr{background:linear-gradient(180deg,#2E0F5E,#1E0A40);color:#E9DFFF;border-radius:40px 40px 0 0;position:relative;overflow:hidden}
.ftr::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.7) 0 1px,transparent 2px) 0 0/120px 120px;opacity:.25;pointer-events:none}
.ftr h3{color:#FFE27A}.ftr a{color:#E9DFFF}.ftr a:hover{color:#FFE27A}.ftr .muted,.ftr small{color:#C4B5FD}
.ftr__trust div{background:rgba(255,255,255,.07)!important;color:#fff}.ftr__trust .ic{color:#FFE27A}
.ftr__bottom{border-top-color:rgba(255,255,255,.1)!important;color:#C4B5FD}
.mnav{border-radius:24px 24px 0 0;box-shadow:0 -10px 30px -18px rgba(46,15,94,.6)}


@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rise{opacity:1;transform:none}}
.bnr--wide img{aspect-ratio:1400/520;object-fit:cover;object-position:50% 45%}
@media(max-width:600px){.bnr--wide img{aspect-ratio:1400/800}}
.ftr__grid>div>a,.ftr__about p{color:#D8CCFF}.ftr__grid>div>a:hover{color:#FFE27A}.ftr__ph,.ftr__about a{color:#FFE27A!important}
.ftr__grid h3,.ftr h4{color:#FFE27A}
@media(max-width:760px){.slide__txt .display{font-size:1.45rem}.slide__txt p{font-size:.84rem}.slide__txt{gap:.5rem}}
.funtease__h .more{display:inline-flex;align-items:center;gap:.2rem;font-weight:800;color:var(--p);font-size:.88rem}.funtease__h .more .ic{width:16px;height:16px}
.fcard--big b{margin-top:auto}.fcard--big .fcard__go{margin-top:.3rem}.fcard--big .fcard__e{inset-inline-start:auto;inset-inline-end:1.2rem;top:1rem}

/* منوی موبایل باز: آیکون پشتیبانی (افزونه تیکت) و دکمه هدیه روی منو نمانند */
html.drawer-on #shahlink-support,html.drawer-on .gift-fab,html:has(#drawer:not([hidden])) #shahlink-support,html:has(#drawer:not([hidden])) .gift-fab{display:none!important}
/* فاصله بین کارت‌های قلمروها و کارت‌های اعتماد */
.realms{margin-bottom:1rem}.realms+.trust{margin-top:0}
/* ===== محتوای HTML دلخواه (ویجت HTML) داخل محصول، مقاله، صفحه و… ===== */
.prose img,.prose video,.prose iframe{max-width:100%;height:auto;border-radius:18px}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.prose figure{margin:1.4rem auto;text-align:center;max-width:100%}
.prose figure img{display:block;margin:0 auto;box-shadow:0 18px 36px -24px rgba(46,15,94,.6)}
.prose figcaption,.prose .wp-caption-text{margin-top:.6rem;font-size:.85rem;color:var(--ink3);line-height:1.8}
.prose .aligncenter,.prose .center{display:block;margin-inline:auto;text-align:center}
.prose .alignleft{float:left;margin:0 1.2rem 1rem 0;max-width:50%}.prose .alignright{float:right;margin:0 0 1rem 1.2rem;max-width:50%}
.prose .wp-caption{width:auto!important}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:.55rem .8rem;text-align:start}.prose th{background:var(--p-soft)}
.prose::after{content:"";display:table;clear:both}
@media(max-width:600px){.prose .alignleft,.prose .alignright{float:none;margin:1rem auto;max-width:100%}}