/* ════════════════════════════════════════════════════════════════════════
   home.css — تصميم الصفحة الرئيسية (منقول من تصميم Claude Design المعتمد):
   ‎.hv‎ الصفحة · ‎.ix‎ مسرح العرض أعلاها · ‎.gc‎ أغلفة الألعاب الثلاث.
   الليليّ من html.dark (js/theme-init.js قبل أوّل رسم). خطوط النصّ: IBM Plex Sans Arabic
   والعناوين والأرقام: Alexandria — كلاهما مستضاف لدينا (css/fonts.css).
   ════════════════════════════════════════════════════════════════════════ */

/* ════════ الصفحة ════════ */
.hv{
  --paper:#f5f0e6;--paper-2:#efe6cf;--card:#fffdf8;--line:#e2d6bb;
  --ink:#2d2a21;--ink-dim:#6f6752;--invert:#2d2a21;--on-invert:#f5f0e6;
  --band:#2d2a21;--on-band:#f5f0e6;--band-dim:#cbbf9f;
  --gold:#a8842c;--gold-text:#7d5e17;--gold-fill:#c9a24a;--on-gold:#3a2c08;--gold-wash:#a8842c14;
  --gold-face:#b08a32;--gold-deep:#6e5418;--extrude-shadow:rgba(91,74,31,.22);
  --green:#235c46;--green-btn:#235c46;--green-wash:#e4ece8;--on-green:#f2fbf7;
  --clay:#9e4234;--clay-btn:#9e4234;--clay-wash:#f3e3df;--on-clay:#fdf3ec;
  --ochre:#7d5e17;--ochre-btn:#7d5e17;--ochre-wash:#f1e7cc;--on-ochre:#fdf6e6;
  --inset:#f4eddf;--inset-line:#e7dcc4;
  --gem:#6c7276;--gem-wash:#6c72761a;--sil:#8f8f99;--bronze:#a06a34;
  --shadow:0 1px 0 #5b4a1f0f,0 18px 40px -22px #5b4a1f40;
  --acc-sil:#74747e;--acc-gold:#d6b15a;--acc-dia:#4f6774;--feat-rule:rgba(255,255,255,.18);
}
html.dark .hv{
  --paper:#16130e;--paper-2:#1c1812;--card:#1f1b14;--line:#3a3326;
  --ink:#f3ead6;--ink-dim:#bdb091;--invert:#f3ead6;--on-invert:#16130e;
  --band:#0f0d09;--on-band:#f3ead6;--band-dim:#a89d82;
  --gold:#d6b15a;--gold-text:#d6b15a;--gold-fill:#d6b15a;--on-gold:#2a1f05;--gold-wash:#d6b15a1a;
  --gold-face:#dcb75c;--gold-deep:#7a5a16;--extrude-shadow:rgba(0,0,0,.55);
  --green:#3f8f72;--green-btn:#2f7a5f;--green-wash:#1c2c25;--on-green:#f2fbf7;
  --clay:#c25c49;--clay-btn:#b0503e;--clay-wash:#2e1d18;--on-clay:#fdf3ec;
  --ochre:#c79a3c;--ochre-btn:#8a6a22;--ochre-wash:#2a2316;--on-ochre:#fdf6e6;
  --inset:#2a251c;--inset-line:#3d3528;
  --gem:#c3cdd2;--gem-wash:#c3cdd21f;--sil:#c9c9d4;--bronze:#c98a52;
  --shadow:0 1px 0 #0000004d,0 18px 40px -22px #000000a6;
  --acc-sil:#c9c9d4;--acc-gold:#7d5e17;--acc-dia:#a9c7d2;--feat-rule:rgba(0,0,0,.16);
}
.hv *{box-sizing:border-box}
.hv a{color:inherit;text-decoration:none}
.hv button{font:inherit;color:inherit}
.hv :focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}
.hv .wrap{max-width:1240px;margin:0 auto;padding-inline:32px}
.hv .disp{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif}
.hv .num{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.hv .omr{display:inline-block;line-height:1}  /* رمز الريال العُمانيّ الرسميّ (svg من الخادم) مقاسه بالـem من حاويته */
.hv .navlink{transition:color .15s}
.hv .navlink:hover{color:var(--ink)}
.hv .btn{transition:transform .16s cubic-bezier(.33,1,.68,1),filter .16s,background-color .16s,border-color .16s;cursor:pointer}
.hv .btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hv .ghost:hover{background:var(--inset);border-color:var(--ink-dim)}
.hv .flink:hover{color:var(--ink)}
.hv .live{animation:hvlive 1.8s ease-in-out infinite}
@keyframes hvlive{0%,100%{box-shadow:0 0 0 0 #3f8f7299}50%{box-shadow:0 0 0 6px #3f8f7200}}

/* ── بطاقات مكتبة الألعاب ── */
.hv .gcard{border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.2,.8,.3,1)}
.hv .gcard:hover{transform:translateY(-4px)}
.hv .gart{position:relative;aspect-ratio:4 / 3.3;overflow:hidden}
.hv .gart > *{transition:transform .6s cubic-bezier(.2,.8,.3,1)}
.hv .gcard:hover .gart > *{transform:scale(1.03)}

/* ── الباقات: بطاقات عضويّة معدنيّة ── */
.hv .metal{position:relative;aspect-ratio:1.586;border-radius:18px;overflow:hidden;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 24px 40px -20px rgba(40,30,10,.55)}
.hv .metal::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.07) 0 2px,rgba(0,0,0,.03) 2px 4px);pointer-events:none}
.hv .metal::after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none;transition:left .9s cubic-bezier(.2,.8,.3,1)}
.hv .plan:hover .metal::after{left:80%}
.hv .m-sil{background:linear-gradient(135deg,#f6f6f9 0%,#c8c8d1 38%,#eeeef3 54%,#a4a4b0 100%);color:#3b3b45}
.hv .m-gold{background:linear-gradient(135deg,#f8e7b3 0%,#c9a24a 38%,#f3dc9a 55%,#94701f 100%);color:#3a2c08}
.hv .m-dia{background:linear-gradient(135deg,#25323a 0%,#4f6774 34%,#cfe7ef 50%,#3f5d6b 64%,#1c2930 100%);color:#eef7fa}
.hv .m-chip{display:block;width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,#f3dfa0,#b8913c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);margin-bottom:14px}
.hv .m-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.35)}
.hv .plan{border-radius:28px;padding:18px 18px 26px;transition:transform .25s cubic-bezier(.2,.8,.3,1)}
.hv .plan.feat{transform:translateY(-18px)}
.hv .gtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hv .gtile{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:400 / 330;border:1px solid var(--tile-bd)}
.hv .gtile .gblur{position:absolute;inset:-6px;filter:blur(2.5px) saturate(1.05);transform:scale(1.06)}
.hv .gtile .gshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,10,.15),rgba(20,16,10,.62))}
.hv .gtile .gnum{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hv .chipx{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600}
.hv .ped{border-radius:14px 14px 0 0;display:flex;justify-content:center;padding-top:14px;font-family:'Alexandria',sans-serif;font-weight:900;color:rgba(255,255,255,.92);text-shadow:0 2px 0 rgba(0,0,0,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.hv .p-gold{background:linear-gradient(135deg,#f8e7b3 0%,#c9a24a 40%,#f3dc9a 58%,#94701f 100%)}
.hv .p-sil{background:linear-gradient(135deg,#f6f6f9 0%,#c8c8d1 40%,#eeeef3 58%,#a4a4b0 100%)}
.hv .p-brz{background:linear-gradient(135deg,#f0c9a2 0%,#b0763f 40%,#e7b78a 58%,#8a5526 100%)}
.hv .eq{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.hv .eq-sym{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:500;line-height:1;color:var(--gold-text)}
.hv .sar{display:inline-flex;align-items:baseline;gap:4px;color:var(--ink-dim)}
.hv .sar .num{font-weight:700}
.hv .sar-cur{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:600;font-size:.85em}
@media (max-width:720px){.hv .plan.feat{transform:none}}
@media (max-width:520px){.hv .amt-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* ── تكيّف الأحجام: أسعار الباقات وبلاطات الجولات تُقاس بعرض البطاقة نفسها ── */
.hv .plan{container-type:inline-size}
.hv .p-omr{font-weight:800;font-size:min(44px,13.5cqw);line-height:1;letter-spacing:-1px}
.hv .p-omr-sym{font-size:min(21px,6.5cqw)}
.hv .p-eq{font-size:min(28px,8.6cqw)}
.hv .p-sar-cur{font-size:min(17px,5.2cqw)}
.hv .plan .eq{gap:min(10px,3cqw)}
.hv .gtile{container-type:inline-size}
.hv .g-n{font-weight:900;font-size:clamp(20px,30cqw,34px);line-height:1}
.hv .g-u{margin-top:4px;font-size:clamp(10px,11.5cqw,12.5px);font-weight:700}
.hv .g-l{margin-top:2px;font-size:clamp(9px,10cqw,11px);opacity:.85;white-space:nowrap}

/* ── الأجهزة اللوحيّة: لا بطاقة يتيمة في صفّ وحدها ── */
@media (min-width:700px) and (max-width:1023px){
  .hv .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hv .games-grid > .gcard:last-child{grid-column:1 / -1;flex-direction:row}
  .hv .games-grid > .gcard:last-child .gart{flex:0 0 50%}
  .hv .plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hv .plans-grid > .plan{grid-column:span 2}
  .hv .plans-grid > .plan:last-child{grid-column:2 / span 2}
  .hv .plan.feat{transform:none}
}
@media (min-width:1024px){
  .hv .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hv .plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ── الهواتف الصغيرة (320–380) ── */
@media (max-width:560px){
  .hv #support{padding:30px 20px 26px!important}
}
@media (max-width:380px){
  .hv .topbar{gap:12px!important}
  .hv .topbar-actions{gap:8px!important}
  .hv .brand-name{font-size:22px!important}
  .hv .sub-btn{padding:0 16px!important}
  .hv .support-cta{font-size:15px!important}
}

/* ── رسالة الترحيب (أوّل زيارة فقط) ── */
.hv .wm-back{position:fixed;inset:0;z-index:80;overflow-y:auto;overscroll-behavior:contain;background:rgba(22,19,14,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wmFade .3s ease-out both}
.hv .wm{position:relative;margin:clamp(16px,10vh,110px) auto 24px;width:min(480px,calc(100% - 32px));border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 80px -24px rgba(0,0,0,.45);overflow:hidden;animation:wmIn .45s cubic-bezier(.2,.9,.3,1.15) .08s both}
.hv .wm-head{position:relative;padding:34px 30px 22px;text-align:center;background:var(--paper-2);border-bottom:1px solid var(--line);overflow:hidden}
.hv .wm-hexes{position:absolute;inset:0;opacity:.55;pointer-events:none}
.hv .wm-body{padding:24px 30px 28px}
.hv .wm-link{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:var(--paper);transition:border-color .15s,transform .15s}
.hv a.wm-link:hover{border-color:var(--gold);transform:translateY(-1px)}
.hv .wm-ic{width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}
.hv .wm-go{margin-top:22px;width:100%;height:56px;border-radius:999px;border:none;background:var(--gold-fill);color:var(--on-gold);font-family:'Alexandria',sans-serif;font-weight:800;font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}
@keyframes wmFade{from{opacity:0}to{opacity:1}}
@keyframes wmIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}

/* ── رسالة الترحيب على الشاشات الصغيرة والقصيرة ── */
@media (max-width:560px){
  .hv .wm{border-radius:24px}
  .hv .wm-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;text-align:start;padding:18px 20px}
  .hv .wm-head img{grid-row:span 2;width:48px!important;height:48px!important;margin:0!important}
  .hv .wm-head h2{font-size:24px!important}
  .hv .wm-body{padding:18px 20px 20px}
  .hv .wm-body p{font-size:16px!important;line-height:1.75!important}
  .hv .wm-body p + p{font-size:15px!important;margin-top:10px!important}
  .hv .wm-link{padding:9px 12px}
  .hv .wm-ic{width:40px;height:40px}
  .hv .wm-go{margin-top:16px;height:52px}
}
@media (min-width:561px) and (max-height:820px){
  .hv .wm{margin-top:24px}
}
@media (max-width:560px) and (max-height:700px){
  .hv .wm{margin-top:12px}
}
@media (max-width:720px){
  .hv .wrap{padding-inline:16px}
  .hv .sect{padding-block:64px!important}
  .hv .card-copy{padding:24px 22px 26px!important}
  .hv .band-extra{display:none!important}
}
@media (prefers-reduced-motion:reduce){
    .hv .btn,.hv .gcard,.hv .gart > img{transition:none}
}

/* ════════ مسرح العرض ════════ */
.ix{
  --paper:#f5f0e6;--paper-2:#efe6cf;--card:#fffdf8;--line:#e2d6bb;--ink:#2d2a21;--ink-dim:#6f6752;
  --gold:#a8842c;--gold-fill:#c9a24a;--gold-bright:#e8d49a;--on-gold:#3a2c08;--gold-face:#b08a32;--gold-deep:#6e5418;
  --x-shadow:rgba(91,74,31,.22);--shadow:0 1px 0 #5b4a1f0f,0 18px 40px -22px #5b4a1f40;
  --h:#1E8C70;--h-deep:#13624F;--v:#C24557;--v-deep:#8C2D3B;
  --cell:#fffefb;--cell-edge:#e2d6bb;--inset:#f4eddf;--inset-line:#e7dcc4;
  --sj-clay:#9e4234;--art-bg:#efe9dd;--rays:rgba(205,176,106,.16);
  --tile-face:linear-gradient(180deg,#fffdf8,#f3ead6);--tile-lip:#d9c9a3;--lock-face:#e9e0cc;--lock-lip:#cdbf9f;--lock-ink:#9a8e72;
  --ok:#1E8C70;--ok-wash:#e2f1ec;--dot:#d9cdb2;--trail:#cdb06a;
  --stage-h:clamp(540px,46vw,640px);
}
html.dark .ix{
  --paper:#16130e;--paper-2:#1c1812;--card:#1f1b14;--line:#3a3326;--ink:#f3ead6;--ink-dim:#bdb091;
  --gold:#d6b15a;--gold-fill:#d6b15a;--on-gold:#2a1f05;--gold-face:#dcb75c;--gold-deep:#7a5a16;
  --x-shadow:rgba(0,0,0,.55);--shadow:0 1px 0 #0000004d,0 18px 40px -22px #000000a6;
  --cell:#2e281e;--cell-edge:#4a4131;--inset:#2a251c;--inset-line:#3d3528;
  --sj-clay:#c25c49;--art-bg:#2a251c;--rays:rgba(214,177,90,.07);
  --tile-face:linear-gradient(180deg,#2e281e,#262119);--tile-lip:#120f0b;--lock-face:#262119;--lock-lip:#0f0d09;--lock-ink:#7d735d;
  --ok-wash:#1c2c25;--dot:#2e281e;--trail:#8a7444;
}
.ix *{box-sizing:border-box}
.ix{position:relative;container-type:inline-size;width:100%;height:var(--stage-h);border-radius:28px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);overflow:hidden;isolation:isolate;font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;-webkit-font-smoothing:antialiased;box-shadow:var(--shadow)}
.ix .rays{position:absolute;left:50%;top:50%;width:180%;aspect-ratio:1;margin:-90% 0 0 -90%;background:repeating-conic-gradient(from 0deg,var(--rays) 0deg 7deg,transparent 7deg 18deg);z-index:-1;animation:raysTurn 9.4s linear both}
.ix.is-end .rays{animation:none;transform:rotate(40deg)}
@keyframes raysTurn{from{transform:rotate(0)}to{transform:rotate(40deg)}}
.ix .disp{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif}
.ix .num{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-variant-numeric:tabular-nums}

/* المشاهد: طبقات متراكبة على خطّ زمنيّ واحد */
.ix .sc{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation-name:scIn,scOut;animation-duration:150ms,200ms;animation-timing-function:ease-out,ease-in;animation-fill-mode:both,forwards}
@keyframes scIn{from{opacity:0}to{opacity:1}}
@keyframes scOut{from{opacity:1}to{opacity:0;visibility:hidden}}
.ix.is-end .sc{display:none}
.ix.is-end .sc.endsc{display:grid;opacity:1;animation:none}

.ix .xt{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:900;line-height:1.15;white-space:nowrap;color:var(--c);text-shadow:0 .035em 0 var(--d),0 .05em 0 var(--d),0 .065em 0 var(--d),0 .08em 0 var(--d),0 .14em .18em var(--x-shadow)}
.ix .x-ink{--c:var(--ink);--d:var(--gold-deep)}
.ix .x-gold{--c:var(--gold-face);--d:var(--gold-deep)}
.ix .x-green{--c:var(--h);--d:var(--h-deep)}
.ix .x-red{--c:var(--v);--d:var(--v-deep)}

/* ── المواجهة (حركة بداية سين جيم نفسها) ── */
.ix .vx-shake{width:100%;display:grid;place-items:center;animation-name:vxShake;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.22em;width:100%;padding-inline:16px;font-size:clamp(44px,8.6vw,124px);position:relative;animation-name:vxPush;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-r{justify-self:end;padding:0 .06em;animation-name:vxR;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-l{justify-self:start;padding:0 .06em;animation-name:vxL;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-mid{position:relative;width:1.15em;height:1.15em;display:grid;place-items:center}
.ix .vx-logo{width:100%;height:100%;display:block;filter:drop-shadow(0 .08em .12em var(--x-shadow));animation-name:vxLogo;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-ring{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation-name:vxRing;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-rule{position:absolute;inset-inline:14%;height:2px;background:var(--gold);transform:scaleX(0);animation-name:vxRule;animation-timing-function:linear;animation-fill-mode:both}
.ix .vx-rule.top{top:-.1em}
.ix .vx-rule.bottom{bottom:-.1em}
@keyframes vxR{
  0%{transform:translateX(62vw) skewX(-24deg) scaleX(1.4);opacity:0;animation-timing-function:cubic-bezier(.3,.45,.6,.95)}
  10%{opacity:1}
  25%{transform:translateX(-2.5%) skewX(3deg) scaleX(.97)}
  29%{transform:translateX(-2.5%) skewX(3deg) scaleX(.97);animation-timing-function:cubic-bezier(.2,.8,.3,1)}
  37%{transform:translateX(12px) skewX(-2deg) scaleX(1.02);animation-timing-function:ease-in-out}
  46%{transform:none}
  84%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.85,.3)}
  94%{opacity:1}
  100%{transform:translateX(70vw) skewX(-20deg) scaleX(1.3);opacity:0}}
@keyframes vxL{
  0%{transform:translateX(-62vw) skewX(24deg) scaleX(1.4);opacity:0;animation-timing-function:cubic-bezier(.3,.45,.6,.95)}
  10%{opacity:1}
  25%{transform:translateX(2.5%) skewX(-3deg) scaleX(.97)}
  29%{transform:translateX(2.5%) skewX(-3deg) scaleX(.97);animation-timing-function:cubic-bezier(.2,.8,.3,1)}
  37%{transform:translateX(-12px) skewX(2deg) scaleX(1.02);animation-timing-function:ease-in-out}
  46%{transform:none}
  84%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.85,.3)}
  94%{opacity:1}
  100%{transform:translateX(-70vw) skewX(20deg) scaleX(1.3);opacity:0}}
@keyframes vxLogo{
  0%,23%{transform:rotate(-110deg) scale(0);animation-timing-function:cubic-bezier(.2,.9,.3,1.2)}
  33%{transform:rotate(8deg) scale(1.22);animation-timing-function:ease-out}
  41%{transform:rotate(-3deg) scale(.95);animation-timing-function:ease-in-out}
  49%{transform:none}
  56%{transform:scale(1.07)}
  64%{transform:none}
  84%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.5,0,.2,1)}
  100%{transform:rotate(90deg) scale(0);opacity:0}}
@keyframes vxShake{0%,29%{transform:none}31%{transform:translate(-7px,4px)}33%{transform:translate(6px,-4px)}35.5%{transform:translate(-4px,2px)}38%{transform:translate(2px,-1px)}41%,100%{transform:none}}
@keyframes vxPush{0%,46%{transform:scale(1)}100%{transform:scale(1.05)}}
@keyframes vxRule{0%,25%{transform:scaleX(0);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1)}37%{transform:scaleX(1);opacity:1}84%{transform:scaleX(1);opacity:1}94%,100%{transform:scaleX(1);opacity:0}}
@keyframes vxRing{0%,25%{transform:scale(.6);opacity:0}26.5%{opacity:.9;animation-timing-function:cubic-bezier(.1,.7,.3,1)}70%,100%{transform:scale(3.4);opacity:0}}

/* ── لوحة سؤال جواب تُرسم بالقلم ── */
.ix .sjb{width:min(780px,92%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ix .b{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding:8px;border-radius:18px;background:var(--card);border:1px solid var(--line);animation:bFill .3s ease-out both}
@keyframes bFill{from{background-color:transparent;border-color:transparent}}
.ix .b-pen{position:absolute;inset:-1px;border:2px solid var(--gold);border-radius:18px;pointer-events:none;animation-name:penDraw,penFade;animation-duration:.36s,.3s;animation-timing-function:cubic-bezier(.45,.05,.35,1),ease-out;animation-fill-mode:both,forwards}
@keyframes penDraw{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes penFade{to{opacity:0}}
.ix .b-art{width:116px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:var(--inset)}
.ix .b-art img{width:116px;height:124px;object-fit:cover;display:block;animation:artIn .38s cubic-bezier(.3,.6,.3,1) both}
@keyframes artIn{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.ix .b-name{padding:5px 4px;text-align:center;background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;line-height:1.3;white-space:nowrap;animation:nameIn .32s cubic-bezier(.4,.1,.4,1) both}
@keyframes nameIn{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
.ix .vals{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.ix .val{height:38px;display:grid;place-items:center;background:var(--inset);box-shadow:inset 0 0 0 1px var(--inset-line);font-family:'Alexandria',sans-serif;font-weight:700;font-size:17px;animation:valPop .3s cubic-bezier(.2,.8,.3,1) both}
.ix .vals.start .val{border-start-start-radius:999px;border-end-start-radius:999px}
.ix .vals.end .val{border-start-end-radius:999px;border-end-end-radius:999px}
@keyframes valPop{0%{opacity:0;transform:scale(.55)}50%{opacity:1;transform:scale(1.1)}77%{transform:scale(.97)}100%{opacity:1;transform:none}}
.ix .val.pick-g{animation-name:valPop,pickG;animation-duration:.3s,.6s;animation-fill-mode:both,forwards}
.ix .val.pick-r{animation-name:valPop,pickR;animation-duration:.3s,.6s;animation-fill-mode:both,forwards}
@keyframes pickG{0%{transform:none}25%,55%{background:var(--gold-fill);color:var(--on-gold);transform:scale(1.12)}100%{background:var(--inset);color:var(--ink-dim);opacity:.5;box-shadow:inset 0 0 0 2px var(--h);transform:none}}
@keyframes pickR{0%{transform:none}25%,55%{background:var(--gold-fill);color:var(--on-gold);transform:scale(1.12)}100%{background:var(--inset);color:var(--ink-dim);opacity:.5;box-shadow:inset 0 0 0 2px var(--v);transform:none}}

/* ── خلية الحروف ── */
.ix .tag{position:absolute;top:30px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:7px 18px 7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-family:'Alexandria',sans-serif;font-weight:800;font-size:16px;white-space:nowrap;z-index:2;animation:tagIn .4s cubic-bezier(.2,.8,.3,1) both}
.ix .tag img{width:24px;height:24px;display:block}
@keyframes tagIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
.ix .hx-fit{display:grid;place-items:center;margin-top:34px}
.ix .hx-board{position:relative;width:406px;height:346px;animation:boardGlow .9s ease-out both}
@keyframes boardGlow{0%{filter:drop-shadow(0 0 0 rgba(168,132,44,0))}35%{filter:drop-shadow(0 0 26px rgba(214,177,90,.85))}100%{filter:drop-shadow(0 0 0 rgba(168,132,44,0))}}
.ix .hx{position:absolute;width:51.96px;height:60px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:hxPop .42s cubic-bezier(.2,.9,.3,1.3) both}
.ix .hx > i{position:absolute;inset:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:block}
@keyframes hxPop{0%{transform:scale(0)}55%{transform:scale(1.14)}80%{transform:scale(.95)}100%{transform:none}}
.ix .hc{animation:claimPop .42s cubic-bezier(.2,.8,.3,1) both}
@keyframes claimPop{0%{transform:scale(.2);opacity:0}35%{transform:scale(1.16);opacity:1}70%{transform:scale(.97)}100%{transform:none;opacity:1}}
.ix .hp{animation:pathPop .5s cubic-bezier(.2,.8,.3,1) both}
@keyframes pathPop{0%{transform:scale(.6);opacity:0}40%{transform:scale(1.18);opacity:1}100%{transform:none;opacity:1}}
.ix .hl{position:absolute;transform:translate(-50%,-50%);font-family:'Alexandria',sans-serif;font-weight:900;font-size:23px;line-height:1;color:var(--ink);pointer-events:none;animation:hlIn .3s ease-out both}
.ix .hl.won{animation-name:hlIn,toWhite;animation-duration:.3s,.15s;animation-fill-mode:both,forwards}
@keyframes hlIn{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes toWhite{to{color:#ffffff}}
.ix .cf-w{position:absolute;left:50%;top:50%;width:0;height:0}
.ix .cf{position:absolute;left:-6px;top:-6px;width:12px;height:12px;animation-duration:1.1s;animation-timing-function:cubic-bezier(.1,.7,.3,1);animation-fill-mode:both}
.ix .cf.hexy{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.ix .cf.dot{border-radius:50%;width:9px;height:9px}
.ix .cf.a{animation-name:cfA}.ix .cf.b{animation-name:cfB}.ix .cf.c{animation-name:cfC}
@keyframes cfA{0%{transform:translateY(0) scale(.3);opacity:0}8%{opacity:1}100%{transform:translateY(-220px) rotate(420deg) scale(1);opacity:0}}
@keyframes cfB{0%{transform:translateY(0) scale(.3);opacity:0}8%{opacity:1}100%{transform:translateY(-300px) rotate(-520deg) scale(1);opacity:0}}
@keyframes cfC{0%{transform:translateY(0) scale(.3);opacity:0}8%{opacity:1}100%{transform:translateY(-380px) rotate(640deg) scale(.8);opacity:0}}
.ix .stamp{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.ix .stamp-in{display:flex;align-items:baseline;gap:.26em;font-size:clamp(44px,6.4vw,88px);padding:.12em .5em .2em;border-radius:28px;background:radial-gradient(closest-side,var(--paper-2) 55%,transparent);animation:slam .55s cubic-bezier(.3,.7,.4,1) both}
@keyframes slam{0%{transform:scale(2.2);opacity:0}55%{transform:scale(.92);opacity:1}78%{transform:scale(1.04)}100%{transform:none;opacity:1}}

/* ── خريطة مراحل تحدي الصور ── */
.ix .sc-map{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.6px,transparent 1.8px);background-size:22px 22px}
.ix .mp-fit{display:grid;place-items:center;transform:scale(.82)}
.ix .mp{position:relative;width:620px;height:700px;animation:zoomIn .3s cubic-bezier(.5,0,.75,0) both}
@keyframes zoomIn{from{transform:scale(1)}to{transform:scale(2.4);opacity:.2}}
.ix .mp-banner{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-family:'Alexandria',sans-serif;font-weight:800;font-size:15px;white-space:nowrap;z-index:2;animation:tagIn .4s cubic-bezier(.2,.8,.3,1) both}
.ix .mp-banner .cnt{font-weight:700;font-size:12.5px;color:var(--ink-dim);background:var(--inset);border-radius:999px;padding:2px 10px}
.ix .trail{fill:none;stroke-width:4;stroke-linecap:round;stroke:var(--trail);stroke-dasharray:9 10}
.ix .fade-in{animation:fadeUp .5s ease-out both}
@keyframes fadeUp{from{opacity:0}to{opacity:1}}
.ix .lv{position:absolute;width:132px;height:88px;padding:5px;border-radius:18px;background:var(--tile-face);box-shadow:0 6px 0 var(--tile-lip),0 14px 20px -12px var(--x-shadow);animation:tilePop .42s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes tilePop{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:none;opacity:1}}
.ix .lv .pic{display:block;width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--art-bg)}
.ix .lv .pic img{width:100%;height:100%;object-fit:cover;display:block}
.ix .lv .lnum{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);min-width:32px;padding:0 9px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-family:'Alexandria',sans-serif;font-weight:800;font-size:13px;line-height:22px;text-align:center}
.ix .lv .mark{position:absolute;top:-9px;inset-inline-start:-9px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;border:2px solid var(--card);background:var(--ok);color:#fff}
.ix .lv.cur{background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 6px 0 #8a6a22,0 0 0 6px rgba(201,162,74,.28);z-index:2;animation-name:tilePopCur,press;animation-duration:.42s,.24s;animation-fill-mode:both,none}
@keyframes tilePopCur{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.12);opacity:1}}
@keyframes press{0%,100%{transform:scale(1.12)}45%{transform:scale(1.12) translateY(4px)}}
.ix .lv.lock{background:var(--lock-face);box-shadow:0 6px 0 var(--lock-lip);display:grid;place-items:center}
.ix .lv.lock::before{content:"";position:absolute;inset:6px;border-radius:12px;border:2px solid var(--lock-lip);opacity:.6}
.ix .lv.lock .lk{font-family:'Alexandria',sans-serif;font-weight:800;font-size:22px;color:var(--lock-ink)}
.ix .tap{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:3px solid var(--gold);z-index:3;animation:tapR .45s ease-out both}
@keyframes tapR{0%{transform:scale(.3);opacity:0}25%{opacity:1}100%{transform:scale(1.6);opacity:0}}
.ix .mini{display:flex;align-items:center;justify-content:center;gap:5px;height:100%;background:var(--art-bg)}

/* ── شاشة اللغز ── */
.ix .ic-wrap{width:min(640px,90%);display:flex;flex-direction:column;align-items:center;gap:22px}
.ix .ic-card{position:relative;width:100%;aspect-ratio:1376 / 768;border-radius:22px;overflow:hidden;background:var(--art-bg);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:4%;animation:cardIn .4s cubic-bezier(.2,.8,.3,1) both}
@keyframes cardIn{from{transform:scale(.88);opacity:0}to{transform:none;opacity:1}}
.ix .ic-brand{position:absolute;top:12px;inset-inline-start:14px;display:flex;align-items:center;gap:6px;font-family:'Alexandria',sans-serif;font-weight:800;font-size:16px;color:var(--gold)}
.ix .ic-brand img{width:22px;height:22px;display:block}
.ix .blanks{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,40px)}
.ix .word{display:flex;gap:7px}
.ix .box{width:clamp(32px,5vw,50px);height:clamp(40px,6vw,58px);border-radius:12px;border:2px solid var(--inset-line);background:var(--card);display:grid;place-items:center;font-family:'Alexandria',sans-serif;font-weight:800;font-size:clamp(18px,3vw,28px);animation-name:boxIn,boxOk;animation-duration:.3s,.35s;animation-fill-mode:both,forwards}
@keyframes boxIn{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
@keyframes boxOk{0%{border-color:var(--gold)}50%{transform:scale(1.1)}100%{border-color:var(--ok);background:var(--ok-wash);color:var(--ok);transform:none}}
.ix .ch{animation:chIn .16s cubic-bezier(.2,.8,.3,1) both}
@keyframes chIn{0%{transform:scale(1.6);opacity:0}100%{transform:none;opacity:1}}
.ix .ok-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:999px;background:var(--ok);color:#fff;font-family:'Alexandria',sans-serif;font-weight:800;font-size:18px;animation:slam .45s cubic-bezier(.3,.7,.4,1) both}

/* ── الواجهة الختاميّة: الألعاب الثلاث (تبقى) ── */
.ix .finale{display:flex;flex-direction:column;align-items:center;gap:26px;width:min(940px,92%)}
.ix .end-logo{display:flex;align-items:center;gap:14px;animation:slam .5s cubic-bezier(.3,.7,.4,1) both}
.ix .end-logo img{width:56px;height:56px;display:block}
.ix .end-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) minmax(0,1fr);gap:16px;align-items:end}
.ix .eg{position:relative;display:block;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;text-decoration:none;animation:egIn .5s cubic-bezier(.2,.9,.3,1.2) both;transition:transform .25s cubic-bezier(.2,.8,.3,1)}
.ix .eg:hover{transform:translateY(-4px)}
@keyframes egIn{0%{transform:translateY(40px) scale(.9);opacity:0}100%{transform:none;opacity:1}}
.ix .eg img{width:100%;aspect-ratio:4 / 3.2;object-fit:cover;object-position:50% 38%;display:block}
.ix .eg .nm{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px 12px;font-family:'Alexandria',sans-serif;font-weight:800;font-size:clamp(13px,1.8vw,19px);color:#fff}
.ix .eg .go{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px;font-weight:700}
.ix .eg-art{position:relative;display:block}
.ix .eg .hot{position:absolute;z-index:2;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:0 6px 16px -6px rgba(0,0,0,.5);padding:5px 11px;border-radius:999px;background:var(--sj-clay);color:#fff;font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700;font-size:12px}

.ix .ctrl{position:absolute;bottom:16px;left:16px;z-index:10;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 13px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.ix .ctrl:hover{border-color:var(--gold)}
.ix .ctrl:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}
.ix .replay{animation:fadeUp .4s ease-out both}

@media (max-width:760px){
  .ix{--stage-h:560px;border-radius:22px}
  .ix .hx-fit{transform:scale(.8)}
  .ix .mp-fit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6)}
  .ix .sjb{gap:7px}
  .ix .b{grid-template-columns:1fr;padding:5px;border-radius:14px}
  .ix .b .vals{display:none}
  .ix .b-art,.ix .b-art img{width:100%}
  .ix .b-art img{height:auto;aspect-ratio:3 / 3.4}
  .ix .b-name{font-size:12px}
  .ix .tag{top:20px;font-size:14px}
  .ix .end-grid{gap:8px}
  .ix .eg .go{display:none}
  .ix .eg .nm{justify-content:center;padding:9px 6px}
  .ix .eg .hot{bottom:6px;font-size:10px;padding:3px 7px}
}
@media (max-width:480px){
  .ix .vx-row{font-size:10.5cqw;padding-inline:10px}
  .ix .stamp-in{font-size:10cqw}
  .ix .mp-fit{transform:translate(-50%,-50%) scale(.42)}
}
@media (max-width:420px){
  .ix .hx-fit{position:absolute;left:50%;top:calc(50% + 17px);margin-top:0;transform:translate(-50%,-50%) scale(.66)}
}
@media (max-width:360px){
  .ix .hx-fit{transform:translate(-50%,-50%) scale(.6)}
}
@media (prefers-reduced-motion:reduce){
  .ix *,.ix{animation-duration:1ms!important}
}

/* ════════ أغلفة الألعاب ════════ */
.gc{position:relative;width:100%;aspect-ratio:400 / 330;container-type:inline-size;overflow:hidden;direction:rtl}
.gc *{box-sizing:border-box}
.gc .xt{font-family:'Alexandria',sans-serif;font-weight:900;line-height:1.1;white-space:nowrap;color:var(--c);text-shadow:0 .035em 0 var(--d),0 .05em 0 var(--d),0 .065em 0 var(--d),0 .08em 0 var(--d),0 .14em .18em rgba(40,30,10,.3)}
.gc .hexc{position:absolute;width:15.5cqw;height:18cqw;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.gc .hexc > i{position:absolute;inset:.75cqw;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:block}
.gc .hl{position:absolute;transform:translate(-50%,-50%);font-family:'Alexandria',sans-serif;font-weight:900;font-size:6.75cqw;line-height:1}
.gc .ab{width:7.5cqw;height:9.5cqw;border-radius:2cqw;border:.5cqw solid #e7dcc4;background:#fffdf8;display:grid;place-items:center;font-family:'Alexandria',sans-serif;font-weight:800;font-size:4.5cqw;color:#2d2a21}

/* ════════ تكييفات الإنتاج (ما كان في التصميم عرضاً ثابتاً صار هنا سلوكاً حقيقيّاً) ════════ */
.hv [hidden]{display:none!important}
.hv .quota-badge{display:none}

/* الترويسة: الشعار ⟵ الروابط في الوسط ⟵ الثيم وتسجيل الدخول واشترك. على الحاسوب ‎#nav-menu‎ شفّاف
   (display:contents) فيصطفّ محتواه في الصفّ نفسه، وعلى الجوّال يصير قائمة منسدلة تحت الترويسة */
.hv .topbar{height:76px;display:flex;align-items:center;gap:10px}
.hv .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;order:0}
.hv .brand-name{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.5px;line-height:1;color:var(--ink)}
.hv .nav-menu{display:contents}
.hv .nav{order:1;margin-inline:auto;display:flex;align-items:center;gap:36px;font-size:15px;font-weight:500;color:var(--ink-dim)}
.hv .theme-btn{order:2;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;padding:0;flex:0 0 auto}
.hv .login-box{order:3;display:flex;align-items:center;flex:0 0 auto}
.hv .login-btn{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:15px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}
.hv .acct{display:flex;align-items:center;gap:4px;height:44px;padding:0 6px 0 16px;border-radius:999px;border:1px solid var(--line)}
.hv .acct-name{font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-size:14px;font-weight:600;padding-inline:6px;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv .acct-out{height:32px;padding:0 12px;border-radius:999px;border:none;background:var(--inset);font-size:13px;color:var(--ink-dim)}
.hv .sub-btn{order:4;height:44px;padding:0 22px;border-radius:999px;background:var(--gold-fill);color:var(--on-gold);display:inline-flex;align-items:center;font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:700;font-size:14px;flex:0 0 auto}
.hv .burger{order:5;display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);place-items:center;padding:0;flex:0 0 auto}
.hv .burger .ic-close{display:none}
.hv .burger[aria-expanded="true"] .ic-burger{display:none}
.hv .burger[aria-expanded="true"] .ic-close{display:block}
.hv .theme-btn .ic-sun{display:none}
html.dark .hv .theme-btn .ic-sun{display:block}
html.dark .hv .theme-btn .ic-moon{display:none}
@media (max-width:960px){
  .hv .topbar{position:relative}
  .hv .brand{margin-inline-end:auto}
  .hv .burger{display:grid}
  .hv .nav-menu{display:none;position:absolute;top:100%;inset-inline:0;z-index:60;flex-direction:column;align-items:stretch;gap:10px;
    padding:14px 16px 18px;background:var(--card);border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:var(--shadow)}
  .hv .nav-menu.open{display:flex}
  .hv .nav{flex-direction:column;align-items:stretch;gap:8px;margin:0;color:var(--ink)}
  .hv .nav .navlink{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--inset);border:1px solid var(--inset-line)}
  .hv .login-box{flex-direction:column;align-items:stretch}
  .hv .login-btn,.hv .acct{width:100%;min-height:48px;justify-content:center}
}

@media (max-width:380px){
  .hv .topbar{gap:8px!important}
  .hv .theme-btn,.hv .burger{width:40px;height:40px}
}

/* أزرار الباقات: الحالة الفعّالة هنا بالأصناف — plans.js يمسح الستايل السطريّ للزرّ الفعّال
   ويكتب ستايل «باقتك الحالية/المقفول» سطرياً بمتغيّرات pk-* (‎.pk-scope‎ على الشبكة) */
.hv .plan-cta{margin-top:14px;width:100%;height:52px;border-radius:999px;border:1px solid var(--ink-dim);background:transparent;color:inherit;
  font-family:'Alexandria','Segoe UI',Tahoma,sans-serif;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .16s cubic-bezier(.33,1,.68,1),filter .16s,background-color .16s,border-color .16s}
.hv .plan-cta:hover{background:var(--inset);border-color:var(--ink)}
.hv .plan-cta.plan-cta-gold{border:none;background:var(--gold-fill);color:var(--on-gold)}
.hv .plan-cta.plan-cta-gold:hover{background:var(--gold-fill);transform:translateY(-1px);filter:brightness(1.06)}
.hv .plan-cta.pk-off:hover{transform:none;filter:none}

/* شرائح الدعم: ‎.sel‎ يبدّلها home.js */
.hv .dz-chip{height:64px;border-radius:14px;border:1.5px solid var(--inset-line);background:var(--inset);color:var(--ink);display:inline-flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;font-size:16px;font-weight:700;padding:0 4px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.hv .dz-chip.sel{border-color:var(--gold);background:var(--gold-wash);color:var(--gold-text)}
.hv .dz-chip .dz-omr{display:inline-flex;align-items:baseline;gap:4px;font-family:'Alexandria','Segoe UI',Tahoma,sans-serif}
.hv .dz-chip .sar{font-size:12.5px}
/* المسرح: زرّا «تخطٍّ» و«أعد العرض» يبدّلهما home-stage.js بالسمة hidden */
.ix .ctrl[hidden]{display:none}
@media (prefers-reduced-motion:reduce){
  .hv .btn,.hv .gcard,.hv .gart > *,.hv .dz-chip,.hv .plan-cta{transition:none}
  .hv .live{animation:none}
}