:root{
 --ebony:#0B1A26;--ebony2:#12293A;--ebony3:#071119;--slate:#17384E;
 --gold:#B8863B;--goldDeep:#8A6423;--goldDark:#5A4116;--goldMid:#C9953F;--goldSoft:#E6C992;--goldLight:#F7E6BD;
 --ivory:#FFFDF6;--ivory2:#EAD9AE;--cream:#F6ECD4;--teal:#0F6E5C;--tealLight:#2F9B82;--mint:#9AD9C6;--red:#A3312E;--redSoft:#FF9D99;
 --hd:74px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#050d14;font-family:'Cairo','Segoe UI',Tahoma,'Noto Sans Arabic',Arial,sans-serif;direction:rtl;overscroll-behavior:none;overflow:hidden;color:#fff;-webkit-user-select:none;user-select:none}
input{font-family:inherit;-webkit-user-select:text;user-select:text}
#app{position:relative;margin:0 auto;width:100%;max-width:520px;height:100vh;height:100dvh;overflow:hidden;background:var(--ebony);isolation:isolate}
.stage{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.stage.bg{z-index:0}.stage.fg{z-index:60;pointer-events:none}
.layer{position:absolute;inset:0}
#scene{z-index:1;pointer-events:none}#scene>*{pointer-events:auto}
#askLayer{z-index:2;pointer-events:none}
#fx{z-index:3;background:#000;opacity:0;pointer-events:none}
#hdrWrap{z-index:4;pointer-events:none}
#devname{position:absolute;z-index:25;left:0;right:0;bottom:calc(3px + env(safe-area-inset-bottom,0px));text-align:center;font-size:9px;font-weight:700;letter-spacing:1px;color:rgba(230,201,146,.55);pointer-events:none;direction:ltr}
.ltr{direction:ltr}

/* ── الأزرار المجسّمة ── */
.b3{--d:5px;--r:14px;--fs:14px;--edge:#6D4A14;--top:#F7E6BD;--mid:#C9953F;--bot:#A8741F;--tx:#2A1D07;--bd:rgba(255,255,255,.4);
 position:relative;display:block;padding:0 0 var(--d) 0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;text-align:center}
.b3::before{content:"";position:absolute;left:0;right:0;top:var(--d);bottom:0;border-radius:var(--r);background:var(--edge);box-shadow:0 3px 0 rgba(0,0,0,.32)}
.b3 .f{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:linear-gradient(to bottom right,var(--top),var(--mid),var(--bot));border:1px solid var(--bd);color:var(--tx);font-weight:800;font-size:var(--fs);line-height:1.25;padding:11px 12px;transition:transform 90ms}
.b3:active .f,.b3.hit .f{transform:translateY(var(--d))}
.b3.dis{opacity:.45;pointer-events:none}
.b3.GOLD{}
.b3.IVORY{--top:#FFFDF6;--mid:#F3E7C6;--bot:#EAD9AE;--edge:#8A6423;--tx:#0B1A26;--bd:rgba(255,255,255,.8)}
.b3.DARK{--top:#1B4259;--mid:#12313F;--bot:#0B1A26;--edge:#040A0F;--tx:#E6C992;--bd:rgba(230,201,146,.55)}
.b3.WA{--top:#4BE08A;--mid:#25D366;--bot:#128C7E;--edge:#0A5A50;--tx:#fff;--bd:rgba(255,255,255,.4)}
.b3.TIKTOK{--top:#26262B;--mid:#111114;--bot:#000;--edge:#FE2C55;--tx:#fff;--bd:rgba(255,255,255,.15)}
.b3.RED{--top:#D4524E;--mid:#B8403C;--bot:#A3312E;--edge:#5C1614;--tx:#fff;--bd:rgba(255,255,255,.35)}
.b3.TEAL{--top:#59C2A5;--mid:#2F9B82;--bot:#0F6E5C;--edge:#05382E;--tx:#fff;--bd:rgba(255,255,255,.35)}

/* ── لوحات ── */
.panel3d{position:relative;border-radius:26px;background:linear-gradient(to bottom right,#17384E,#0B1A26,#071119);border:1px solid rgba(230,201,146,.55);overflow:hidden;
 box-shadow:-1px 1px 0 #8A6423,-2px 2px 0 #7A5420,-3px 3px 0 #6A4619,-4px 4px 0 #5A3C14,-5px 5px 0 #4A300F,-2px 22px 0 2px rgba(0,0,0,.4)}
.panel3d.ext3{box-shadow:-1px 1px 0 #8A6423,-2px 2px 0 #7A5420,-3px 3px 0 #6A4619,-2px 22px 0 2px rgba(0,0,0,.4)}
.panel3d.danger{background:linear-gradient(to bottom right,#4A1716,#0B1A26,#071119)}
.panel3d::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.12),transparent);display:none}
@keyframes sheen{0%{transform:translateX(371%)}40%,100%{transform:translateX(-171%)}}
.tile3d{position:relative;border-radius:16px;background:linear-gradient(to bottom right,var(--t,#1D465E),var(--b,#0F2A3B));border:1px solid rgba(230,201,146,.3);box-shadow:0 5px 0 var(--e,#06101A),0 11px 0 rgba(0,0,0,.35)}

/* ── الهيدر ── */
#hdr{position:absolute;top:10px;left:10px;right:10px;height:54px;pointer-events:auto;perspective:900px}
#hdrIn{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 7px;border-radius:20px;overflow:hidden;
 background:linear-gradient(to bottom,#FFFDF6,#F7EDD3,#EBDAB0);border:1px solid rgba(255,255,255,.95);transition:transform .22s;
 box-shadow:0 5px 0 #B8863B,0 6px 0 #8A6423,0 22px 0 rgba(0,0,0,.45);overflow:visible}
#hdrClip::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:20px;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);animation:sheenH 7s linear infinite}
@keyframes sheenH{0%{transform:translateX(433%)}40%,100%{transform:translateX(-200%)}}
#hdrClip{position:absolute;inset:0;border-radius:20px;overflow:hidden;pointer-events:none}
#hdr .b3{width:44px;--fs:17px;--d:3px;--r:13px}
.coin{position:relative;width:34px;height:34px;border-radius:50%;animation:coin 6s linear infinite;
 background:radial-gradient(circle at 30% 25%,#FFF3C9,#E6C992 45%,#B8863B);box-shadow:0 3px 0 rgba(0,0,0,.25),inset 0 0 0 2px #8A6423,inset 0 0 0 4px rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex:none}
.coin span{font-weight:900;color:var(--ebony);font-size:17px;animation:coinTx 6s linear infinite}
@keyframes coin{0%,50%{transform:perspective(260px) rotateY(0)}100%{transform:perspective(260px) rotateY(360deg)}}
@keyframes coinTx{0%,62.4%{transform:scaleX(1)}62.5%,87.5%{transform:scaleX(-1)}87.6%,100%{transform:scaleX(1)}}
.brand{display:flex;flex-direction:column;justify-content:center;direction:ltr;text-align:left;line-height:1.1}
.brand b{font-weight:900;font-size:19px;letter-spacing:3px;color:var(--ebony)}
.brand i{font-style:normal;font-weight:800;font-size:8.5px;letter-spacing:2.4px;color:var(--goldDeep)}

/* ── لوحة السؤال ── */
.askPanel{position:absolute;top:calc(var(--hd) + 8px);left:50%;width:min(340px,92%);transform:translateX(-50%);pointer-events:auto;
 background:rgba(11,26,38,.94);border:2px solid var(--goldSoft);border-radius:18px;padding:16px;box-shadow:0 12px 0 rgba(0,0,0,.4);
 animation:askIn .35s ease-out both}
.askPanel.out{animation:askOut .25s ease-in both}
@keyframes askIn{from{opacity:0;transform:translate(-50%,-14%)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes askOut{to{opacity:0;transform:translate(-50%,-10%)}}
.askTitle{color:#fff;font-weight:900;font-size:16px;line-height:27px;text-align:center;padding-bottom:12px}
.askHint{color:var(--goldSoft);font-size:11.5px;line-height:20px;text-align:center;padding-top:6px}
.askErr{color:var(--redSoft);font-size:12.5px;font-weight:800;text-align:center;padding-top:6px}
.row{display:flex;gap:10px}.row>*{flex:1}
.flabel{color:var(--goldSoft);font-size:11.5px;font-weight:700;padding:6px 0 3px;text-align:start}
.v3f{display:block;width:100%;background:#fff;border:2px solid var(--goldSoft);border-radius:12px;padding:11px 10px;text-align:center;direction:ltr;color:var(--ebony);font-weight:800;font-size:18px;outline:none;caret-color:var(--gold)}
.v3f::placeholder{color:#9AA79D;font-weight:400;font-size:14px}
.v3f.ro{background:#EFE8D4}

/* ── الشاشة (Monitor) ── */
.mwrap{position:absolute;top:calc(var(--hd) + 8px);left:0;right:0;display:flex;justify-content:center;pointer-events:none}
.monitor{position:relative;width:min(350px,92%);
 background:linear-gradient(to bottom right,var(--ebony),var(--ebony2));border:6px solid var(--gold);border-radius:18px;display:flex;flex-direction:column;
 box-shadow:0 14px 0 rgba(0,0,0,.4),0 0 0 9px rgba(47,155,130,.1),0 0 0 18px rgba(47,155,130,.1),0 0 0 27px rgba(47,155,130,.1),0 0 0 36px rgba(47,155,130,.1);pointer-events:auto}
.monitor.bad{border-color:var(--red);box-shadow:0 14px 0 rgba(0,0,0,.4),0 0 0 9px rgba(163,49,46,.1),0 0 0 18px rgba(163,49,46,.1),0 0 0 27px rgba(163,49,46,.1),0 0 0 36px rgba(163,49,46,.1)}
.monitor .mi{overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;align-items:center;border-radius:12px;scrollbar-width:none}
.monitor .mi::-webkit-scrollbar{display:none}
.mtitle{width:100%;text-align:center}
.mtitle .big{color:var(--goldSoft);font-weight:900;line-height:1.15}
.mtitle .small{color:var(--mint);font-weight:700;font-size:12px}
.mrow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(230,201,146,.2);font-size:12.5px}
.mrow .l{flex:1;color:#fff}.mrow .v{color:var(--goldSoft);font-weight:900;direction:ltr;text-align:end}
.mnote{width:100%;margin:5px 0;border-radius:10px;padding:8px;font-size:11.5px;line-height:20px;font-weight:600}
.mnote.WARN{background:rgba(163,49,46,.25);color:#FFD0CD}.mnote.TIP{background:rgba(230,201,146,.12);color:var(--goldSoft)}.mnote.OK{background:rgba(47,155,130,.2);color:var(--mint)}
.mbtns{width:100%;display:flex;flex-direction:column;gap:6px;padding-top:10px}
.mbtns .r{display:flex;gap:8px}.mbtns .r>*{flex:1}.mbtns .b3{--fs:12.5px;--d:4px;--r:14px}
.termbox{width:100%;margin-top:8px;border-radius:10px;background:#050D14;padding:10px}
.termbox div{font-weight:700;font-size:11.5px;line-height:22px;color:var(--mint)}
.termbox div.last{color:var(--goldSoft)}
.logbox{width:100%;height:210px;overflow-y:auto;border-radius:10px;background:#050D14;padding:8px}
.logbox div{font-weight:700;font-size:10.5px;line-height:19px;color:var(--mint)}.logbox div.good{color:var(--goldSoft)}
.scard{width:100%;margin-top:10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(230,201,146,.35);padding:10px}
.scard.cur{border-color:rgba(230,201,146,.9)}
.scard .t{color:var(--goldSoft);font-weight:900;font-size:13px}
.scard .c{text-align:center;padding:6px 0}.scard .c b{display:block;color:#fff;font-weight:900;font-size:22px}.scard .c span{color:var(--mint);font-size:11px}
.bars{width:100%;height:145px;overflow-x:auto;direction:ltr;margin:6px 0}
.bars canvas{display:block}

/* ── الباب ── */
.doorWrap{position:absolute;left:50%;transform:translateX(-50%);overflow:hidden;border-radius:18px 18px 0 0;pointer-events:auto}
.doorLeaf{position:absolute;inset:0;border-radius:10px 10px 0 0;border:2px solid rgba(230,201,146,.55);padding:12px;display:flex;flex-direction:column}
.doorBody{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;scrollbar-width:none}
.doorBody .s{color:var(--goldSoft);font-size:12px;font-weight:800}
.doorBody .q{color:#fff;font-weight:900;font-size:16px;line-height:27px}
.doorBody .e{font-size:34px}
.doorBody .d{color:#fff;font-size:11.5px;line-height:20px;padding-top:6px}

/* ── مودال ── */
.modalBack{position:absolute;inset:0;z-index:40;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:24px 16px}
.modal{width:100%;max-width:400px;max-height:620px;display:flex;flex-direction:column;animation:modalIn .85s cubic-bezier(.2,1.2,.3,1) both;perspective:1500px}
@keyframes modalIn{from{opacity:0;transform:perspective(1500px) rotateY(82deg)}to{opacity:1;transform:perspective(1500px) rotateY(0)}}
.modal .mh{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}
.modal .mh .coin{width:54px;height:54px}.modal .mh .coin span{font-size:25px}
.modal .mh h3{margin:0;color:var(--goldSoft);font-weight:900;font-size:17px;line-height:25px}
.modal .mh h4{margin:0;color:var(--mint);font-weight:800;font-size:13px}
.modal .mhr{height:1px;background:rgba(230,201,146,.28)}
.modal .mb{flex:1;overflow-y:auto;padding:14px 14px 6px;min-height:0}
.modal .mf{padding:6px 14px 14px}.modal .mf .b3{--d:4px}
.infoTile{display:flex;gap:12px;align-items:flex-start;padding:11px;margin-bottom:12px;--t:#1D465E;--b:#0F2A3B;--e:#06101A;--bc:#C9953F;animation:tileIn .7s cubic-bezier(.2,1.2,.3,1) both;transform-origin:50% 0}
.infoTile.reject{--t:#6D1F1D;--b:#3F0F0E;--e:#1D0505;--bc:#D4524E}.infoTile.note{--t:#12705D;--b:#0A3F35;--e:#04201B;--bc:#59C2A5}
.infoTile .bd{width:34px;height:34px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;color:#0B1A26;font-weight:900;font-size:16px;background:linear-gradient(to bottom right,rgba(255,255,255,.85),var(--bc),var(--bc));box-shadow:0 3px 0 var(--e)}
.infoTile .tx{flex:1;color:var(--cream);font-weight:700;font-size:13px;line-height:24px;padding-top:2px}.infoTile .tx b{color:#FFD98A;font-weight:900}
@keyframes tileIn{from{opacity:0;transform:perspective(700px) rotateX(85deg) translateY(-18px)}to{opacity:1;transform:none}}
.actTile{display:flex;align-items:center;gap:10px;padding:13px;margin-bottom:14px;border-radius:16px;cursor:pointer;color:var(--fg);background:linear-gradient(to bottom right,var(--c1),var(--c2));box-shadow:0 5px 0 var(--edge),0 12px 0 rgba(0,0,0,.35);animation:tileIn .7s cubic-bezier(.2,1.2,.3,1) both}
.actTile .ic{font-size:26px}.actTile b{display:block;font-weight:900;font-size:14px}.actTile span{font-weight:700;font-size:11.5px;opacity:.75}

/* ── القائمة الجانبية ── */
#menu{position:absolute;inset:0;z-index:10;display:none}
#menu .back{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(15,110,92,.38),rgba(5,11,16,.86));opacity:0;transition:opacity .45s}
#menu .side{position:absolute;top:10px;bottom:10px;right:10px;width:min(310px,82%);transform-origin:100% 50%;opacity:0;transform:perspective(1500px) rotateY(76deg) translateX(-34px);transition:transform .75s cubic-bezier(.2,1.2,.3,1),opacity .45s;display:flex;flex-direction:column;padding:20px 16px 16px 20px;gap:10px;border-radius:26px}
#menu.open .back{opacity:1}#menu.open .side{opacity:1;transform:none}
#menu .head{display:flex;align-items:center;padding:0 4px}#menu .head h2{flex:1;margin:0;color:var(--goldSoft);font-weight:900;font-size:18px}
#menu .head .b3{width:44px;--fs:15px;--d:3px;--r:12px}#menu .head .f{padding:8px}
#menu .items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:8px;scrollbar-width:none}
.mItem{display:flex;align-items:center;gap:12px;padding:11px;margin-bottom:6px;cursor:pointer;opacity:0;transition:transform .09s}
.mItem:active{transform:translateY(4px)}
#menu.open .mItem{animation:itemIn .65s cubic-bezier(.2,1.2,.3,1) both;animation-delay:calc(280ms + var(--i)*70ms)}
@keyframes itemIn{from{opacity:0;transform:perspective(700px) rotateX(-88deg) translateY(-16px)}to{opacity:1;transform:none}}
.mItem .ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(to bottom right,#F7E6BD,#C9953F,#A07428);box-shadow:0 3px 0 #6E4D17}
.mItem .lb{color:var(--cream);font-weight:800;font-size:13.5px}
.mFoot{display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(230,201,146,.8);font-weight:800;font-size:11px;letter-spacing:2.5px;direction:ltr}
.mDev{color:rgba(230,201,146,.6);font-weight:700;font-size:10px;text-align:center;direction:ltr}
.cube{width:24px;height:24px;perspective:150px;display:inline-block}
.cube div{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin 8s linear infinite}
.cube i{position:absolute;inset:3px;background:linear-gradient(135deg,#F7E6BD,#B8863B);border:1px solid #8A6423;opacity:.95}
.cube i:nth-child(1){transform:translateZ(9px)}.cube i:nth-child(2){transform:rotateY(90deg) translateZ(9px)}.cube i:nth-child(3){transform:rotateY(180deg) translateZ(9px)}.cube i:nth-child(4){transform:rotateY(-90deg) translateZ(9px)}.cube i:nth-child(5){transform:rotateX(90deg) translateZ(9px)}.cube i:nth-child(6){transform:rotateX(-90deg) translateZ(9px)}
@keyframes spin{from{transform:rotateX(-25deg) rotateY(0)}to{transform:rotateX(-25deg) rotateY(360deg)}}

/* ── Splash ── */
#splash{position:absolute;inset:0;z-index:100;background:#050D14}
#splash iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#prep{position:absolute;inset:0;background:#050D14;display:none;flex-direction:column;align-items:center;justify-content:center;padding:0 40px}
#prep img{width:62%;max-width:300px}
#prep .t{color:var(--goldSoft);font-size:15px;font-weight:700;margin-top:36px}
#prep .bar{width:100%;height:5px;border-radius:99px;background:rgba(230,201,146,.13);margin-top:14px;overflow:hidden}
#prep .bar i{display:block;height:100%;width:0;background:var(--goldSoft);transition:width .3s}
#prep .p{color:rgba(230,201,146,.7);font-size:11px;margin-top:10px}
#toast{position:absolute;z-index:200;left:50%;bottom:60px;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;font-size:13px;padding:10px 16px;border-radius:99px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}

/* ── Fade animations ── */
.enter{animation:enterA var(--ms,650ms) cubic-bezier(.2,1.2,.3,1) both;animation-delay:var(--dl,0ms)}
@keyframes enterA{from{opacity:0;transform:perspective(var(--ps,700px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--dy,0px))}to{opacity:1;transform:none}}
.shake{animation:shk .65s linear both}
@keyframes shk{0%{transform:none}10%{transform:translateX(10px) rotate(1deg)}25%{transform:translateX(-9px) rotate(-1deg)}45%{transform:translateX(6px)}65%{transform:translateX(-4px)}100%{transform:none}}

/* ── الشقق المتاحة ── */
#flats{position:absolute;inset:0;z-index:20;background:radial-gradient(circle at 50% 40%,#1D3A50,#0B1A26,#050B10);display:none;overflow:hidden}
#flats.show{display:block;animation:fadeScale .55s both}
@keyframes fadeScale{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
#flats canvas.city{position:absolute;left:0;bottom:0}
.fHead{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;z-index:3}
.fHead .b3{width:48px;--fs:16px;--d:4px;--r:13px}
.fHead h2{margin:0;color:var(--goldSoft);font-weight:900;font-size:20px}.fHead small{display:block;color:rgba(230,201,146,.7);font-weight:700;font-size:11px}
.fMsg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--goldSoft);font-weight:800;font-size:16px;text-align:center;line-height:28px;padding:24px;white-space:pre-line}
.fStage{position:absolute;left:0;right:0;top:76px;bottom:62px;perspective:1400px;touch-action:pan-y}
.fCard{position:absolute;left:50%;top:50%;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(to bottom right,#FFFDF6,#F1E7CF);border:1px solid rgba(230,201,146,.8);box-shadow:0 30px 0 rgba(0,0,0,.5);color:var(--ebony);will-change:transform}
.fCard .shade{position:absolute;inset:0;background:#050B10;pointer-events:none;border-radius:24px}
.fCard .img{flex:1;min-height:0;position:relative;background:#0B1A26}
.fCard .img img,.fCard .img canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fCard .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(5,11,16,.55))}
.fCard .code{position:absolute;top:12px;right:12px;z-index:2;padding:5px 12px;border-radius:99px;background:linear-gradient(to bottom right,#F7E6BD,#C9953F);color:#2A1D07;font-weight:900;font-size:13px;direction:ltr}
.fCard .cnt{position:absolute;bottom:10px;left:12px;z-index:2;color:#fff;font-weight:800;font-size:12px}
.fCard .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}
.fTabs{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(11,26,38,.08)}
.fTabs div{flex:1;text-align:center;padding:7px 0;border-radius:11px;font-weight:800;font-size:13px;color:#4A5560;cursor:pointer}
.fTabs div.on{background:linear-gradient(to bottom right,var(--ebony2),var(--ebony));color:var(--goldSoft)}
.fPrice{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.fPrice b{color:var(--goldDeep);font-weight:900;font-size:26px;white-space:nowrap}.fPrice span{color:#3C4A56;font-weight:700;font-size:12px}
.fInfo{display:flex;justify-content:space-between;font-size:12.5px;padding:2px 0;border-bottom:1px solid rgba(11,26,38,.14)}.fInfo span{color:#3C4A56;font-weight:700}.fInfo b{font-weight:900}
.fNote{color:var(--goldDeep);font-weight:800;font-size:12.5px;text-align:center}
.fNotes{border:1.5px solid var(--goldMid);background:rgba(201,149,63,.1);color:var(--goldDeep);font-weight:900;font-size:14px;text-align:center;padding:10px;border-radius:14px;cursor:pointer}
.fDots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}
.fDots i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(230,201,146,.35);transition:width .35s,background .35s;cursor:pointer}
.fDots i.on{width:26px;background:var(--goldSoft)}
#gallery{position:absolute;inset:0;z-index:45;background:#03080C;display:none;flex-direction:column}
#gallery.show{display:flex}
#gallery .gh{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 8px}
#gallery .gh .b3{width:48px;--fs:16px;--d:3px;--r:12px}
#gallery .gh span{color:var(--goldSoft);font-weight:800;font-size:14px}
#gallery .gm{flex:1;display:flex;align-items:center;justify-content:center;padding:0 8px;touch-action:pan-y;min-height:0}
#gallery .gm img,#gallery .gm canvas{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain}
#gallery .gt{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 14px;scrollbar-width:none}
#gallery .gt div{flex:none;width:72px;height:54px;border-radius:9px;overflow:hidden;opacity:.5;border:2px solid transparent;background:#0B1A26;cursor:pointer}
#gallery .gt div.on{opacity:1;border-color:var(--goldSoft)}#gallery .gt img{width:100%;height:100%;object-fit:cover}

/* ── عن المطوّر ── */
#about{position:absolute;inset:0;z-index:30;background:#050D14;display:none}
#about.show{display:block}#about iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ── كارت المشاركة ── */
#shareHost{position:fixed;left:-10000px;top:0;width:360px;direction:rtl}

#gate{position:absolute;inset:0;z-index:2;background:#050D14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:0 40px}
#gate img{width:62%;max-width:300px}
#gate .b3{width:min(240px,70%);--fs:16px}