/* ===== 1BET دومينو: المظهر الكحلي الذهبي ===== */
:root{--u-stack:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23ffe98a%22/%3E%3Cstop%20offset=%22.55%22%20stop-color=%22%23fbbf24%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23e48a06%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M5%2022v5.2c0%202.1%204.9%203.8%2011%203.8s11-1.7%2011-3.8V22z%22%20fill=%22%23d68a00%22/%3E%3Cellipse%20cx=%2216%22%20cy=%2222%22%20rx=%2211%22%20ry=%223.8%22%20fill=%22url(%23g)%22%20stroke=%22%23a76000%22%20stroke-width=%221.1%22/%3E%3Cpath%20d=%22M5%2015v5.2c0%202.1%204.9%203.8%2011%203.8s11-1.7%2011-3.8V15z%22%20fill=%22%23d68a00%22/%3E%3Cellipse%20cx=%2216%22%20cy=%2215%22%20rx=%2211%22%20ry=%223.8%22%20fill=%22url(%23g)%22%20stroke=%22%23a76000%22%20stroke-width=%221.1%22/%3E%3Cpath%20d=%22M5%208v5.2c0%202.1%204.9%203.8%2011%203.8s11-1.7%2011-3.8V8z%22%20fill=%22%23d68a00%22/%3E%3Cellipse%20cx=%2216%22%20cy=%228%22%20rx=%2211%22%20ry=%223.8%22%20fill=%22url(%23g)%22%20stroke=%22%23a76000%22%20stroke-width=%221.1%22/%3E%3C/svg%3E");--u-check:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210.4%22%20fill=%22%231fc99a%22/%3E%3Cpath%20d=%22m7.4%2012.4%203.2%203.2%206-6.4%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%222.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");--u-clock:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%236f9cf5%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M12%206.8v5.4l3.5%202.1%22/%3E%3C/svg%3E");--u-chev:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238fb2f5%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m6%209%206%206%206-6%22/%3E%3C/svg%3E");--u-x:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23ff8a98%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20stroke-width=%221.8%22/%3E%3Cpath%20d=%22m8.5%208.5%207%207M15.5%208.5l-7%207%22/%3E%3C/svg%3E");--u-wait:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fbbf24%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229.4%22/%3E%3Cpath%20d=%22M12%207v5.4l3.4%202%22/%3E%3C/svg%3E");}
:root{--ink:#fff;--mt:#93b4ee;--mt2:#7a9bdc;--ln:#2b66dc;--ln2:#17409f;--gd:#fbbf24;--gd2:#f59e0b;--ok:#4ade80;--in:#031041;--nav:#061547;--cut:#061547;--pn:#1a449f;--pn2:#0f2d78;--gl:rgba(60,120,240,.18);--card:linear-gradient(180deg,rgba(24,70,186,.30),rgba(8,30,106,.55));box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;background:#030a2c}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;color:var(--ink);background:radial-gradient(130% 46% at 50% 0,#12399a 0,rgba(18,57,154,0) 72%),linear-gradient(180deg,#071a58,#050f3f 52%,#030a2c);background-attachment:fixed;font-family:"Cairo","Tajawal","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;line-height:1.55;font-weight:500;-webkit-tap-highlight-color:transparent}
svg{width:1em;height:1em;flex:none;vertical-align:middle}body>svg:first-child{position:absolute;width:0;height:0}
.app{max-width:480px;margin:0 auto;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;padding-bottom:98px;position:relative;overflow-x:clip}
.ing .app{padding-bottom:0}.ing .hd,.ing .tabs,.out .hd,.out .tabs{display:none}
h1,h2,h3,h4{font-weight:800}
/* ----- الأزرار ----- */
button{font:inherit;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgba(52,112,238,.5),rgba(16,48,150,.6));border:1.5px solid #3a78ee;border-radius:99px;padding:9px 18px;line-height:1.4}
button.p,a.p{background:linear-gradient(180deg,#ffd75e 0%,#fbb024 55%,#f59e0b 100%);color:#17203a;border:0;font-weight:800;box-shadow:0 4px 0 #b3700a,0 10px 22px rgba(251,176,36,.25),inset 0 2px 0 rgba(255,255,255,.55)}
button.p:active,a.p:active{transform:translateY(2px);box-shadow:0 2px 0 #b3700a,inset 0 2px 0 rgba(255,255,255,.55)}
button.big,a.big{padding:0 16px;min-height:58px;font-size:21px;border-radius:18px}
a.p{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;margin:10px 0;font-family:inherit}a.p[hidden]{display:none}
button.o{background:rgba(5,22,95,.5);border:2px solid #2d6be6;color:#fff;border-radius:18px;min-height:58px;font-size:20px;padding:0 16px}
.ib{display:inline-flex;align-items:center;justify-content:center;gap:10px}.ib svg{width:24px;height:24px}
.w{width:100%}.w.ib{display:flex}
button.go{position:relative}button.go .cv{position:absolute;inset-inline-end:16px;width:22px;height:22px}
button.lnk{background:none;border:0;color:#3d97ff;text-decoration:underline;padding:8px 10px;border-radius:8px;font-weight:600;font-size:17px;min-height:0}
button.lnk:disabled{opacity:.55;text-decoration:none;cursor:default}
button:disabled{opacity:.6;cursor:default}
input:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gd);outline-offset:2px}
/* ----- الشريط العلوي ----- */
.hd{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,rgba(7,26,94,.95),rgba(5,17,68,.9));border-bottom:1.5px solid var(--ln2);overflow:hidden}
.hd::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 54%,rgba(100,160,255,.17) 55%,rgba(100,160,255,.04) 66%,transparent 67%);pointer-events:none}
.logo{display:flex;align-items:center;gap:8px;position:relative}.lm{width:52px;height:48px}
.lt{display:flex;flex-direction:column;line-height:1;direction:ltr;align-items:flex-end}
.lt b{font:italic 900 34px/1 "Arial Black",Impact,"Segoe UI",system-ui,sans-serif;letter-spacing:.5px;background:linear-gradient(180deg,#ffec94,#fbbf24 55%,#e48a06);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #7a4a00)}
.lt small{font-size:16px;font-weight:800;color:#eef3ff;margin-top:1px;line-height:1.1}
#bal{display:flex;align-items:center;gap:8px;position:relative}
#bal .pl{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 15px;border-radius:99px;background:linear-gradient(180deg,#0b2b8c,#071b5e);border:1.5px solid #2a62d8;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-size:21px;font-weight:900;direction:ltr;flex-direction:row-reverse}
#bal .pl svg{width:26px;height:26px}#bal .pl.k svg{width:23px;height:23px;color:#fbbf24}
#bal .vs{width:1.5px;height:36px;background:var(--ln2)}
/* ----- الصفحات والعناوين ----- */
main{flex:1;display:flex;flex-direction:column}section:not(#game){padding:0 14px 14px;position:relative}
.hero{text-align:center;padding:22px 0 16px}.hero p{margin:6px 0 0;color:var(--mt);font-size:19px}
.ttl{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;font-size:clamp(24px,7.6vw,34px);font-weight:900;line-height:1.3}
.ttl::before,.ttl::after{content:"";flex:0 1 46px;height:2.5px;border-radius:2px}
.ttl::before{background:linear-gradient(270deg,#f5b72e,rgba(245,183,46,0))}.ttl::after{background:linear-gradient(90deg,#f5b72e,rgba(245,183,46,0))}
.ttl em,.ch h3 em{font-style:normal;color:var(--gd)}
.h2{font-size:29px;font-weight:800;text-align:center;margin:12px 0 18px;line-height:1.35}
.sub2{text-align:center;color:#9db8ea;margin:-10px 0 16px;font-size:17px}
/* ----- البطاقات ----- */
.card{position:relative;background:var(--card);border:1.5px solid var(--ln);border-radius:24px;padding:18px;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(110,160,255,.07),0 10px 28px rgba(0,0,24,.35)}
.card h3{margin:0 0 6px;font-size:26px;font-weight:900}
.mt{color:var(--mt);font-size:16px;margin:6px 0}.er{color:#ff9aa8;min-height:24px;font-weight:600}
.ch{display:flex;align-items:center;gap:14px;margin-bottom:10px}.ch h3{margin:0;font-size:27px}
.ico{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;flex:none;color:#fff;background:linear-gradient(180deg,#4f90ff,#1c4ed0);box-shadow:0 4px 0 #123aa0,0 8px 16px rgba(0,0,40,.4),inset 0 1px 0 rgba(255,255,255,.4)}.ico svg{width:28px;height:28px}
/* ----- الحقول ----- */
label{display:block;margin:16px 0 8px;font-weight:700;font-size:17px;color:#fff}label small{font-weight:500}
input,select,textarea{width:100%;font:inherit;font-size:18px;font-weight:600;text-align:right;padding:0 16px;height:56px;border-radius:18px;border:2px solid #2d6be6;background:var(--in);color:#fff;box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}
input::placeholder,textarea::placeholder{color:#6c88c4;font-weight:500}
input.amt{text-align:center;font-size:24px;font-weight:700}
.fi{position:relative}.fi .ic{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:25px;height:25px;color:#8db0f4;pointer-events:none}
.fi .ic~input{padding-inline-start:56px}.pwf input{padding-inline-end:56px}
button.eye{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;background:none;border-radius:12px;color:#8db0f4;display:grid;place-items:center;min-height:0}button.eye svg{width:25px;height:25px}
input.code{font-size:32px;letter-spacing:.45em;text-indent:.45em;font-weight:800;font-family:Consolas,monospace;margin:6px 0 8px;text-align:center}
input.code::placeholder{letter-spacing:.3em;opacity:.45}
input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;flex:none;width:24px;height:24px;margin:3px 0 0;accent-color:#f59e0b;padding:0;box-shadow:none;border:0;background:none;height:24px}
label.chk{display:flex;gap:10px;align-items:flex-start;line-height:1.5;margin:16px 0 8px;font-size:15px;font-weight:500;cursor:pointer}
select{appearance:none;-webkit-appearance:none;background-image:var(--u-chev);background-repeat:no-repeat;background-position:left 14px center;background-size:22px;padding-inline-start:16px;padding-inline-end:46px}
textarea{resize:vertical;min-height:110px;height:auto;padding:14px 16px;line-height:1.6}option{color:#111}
.lb{display:flex;align-items:center;gap:8px}.lb svg{width:22px;height:22px;color:#8db0f4}
.hint{margin:6px 2px 0;font-size:14px}details.rl{margin:10px 0;font-size:15px;color:var(--mt)}details.rl summary{cursor:pointer;padding:4px 0;font-weight:700}details.rl ul{margin:6px 0;padding-inline-start:20px}
.okm{color:#9bf0c0;min-height:0;margin-bottom:6px;font-weight:600}.okm:empty{display:none}
.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.sp{height:10px}.tc{text-align:center}
.sep{display:flex;align-items:center;gap:12px;color:var(--mt);font-size:17px;margin:8px 0 14px}.sep::before,.sep::after{content:"";flex:1;height:1.5px;background:var(--ln2)}
hr{border:0;border-top:1.5px solid rgba(60,120,240,.3);margin:16px 0}
.addr{font-family:Consolas,monospace;font-size:14px;word-break:break-all;background:var(--in);border:1.5px solid var(--ln2);border-radius:14px;padding:12px;margin:8px 0;direction:ltr;text-align:left;user-select:all}
/* ----- شعار الدخول ----- */
.brand{position:relative;text-align:center;padding:22px 0 4px}
.brand .bl{display:block;width:min(70vw,290px);height:auto;aspect-ratio:260/170;margin:0 auto -30px}
.wm{display:flex;justify-content:center;align-items:baseline;direction:ltr;font:italic 900 82px/.95 "Arial Black",Impact,"Segoe UI",system-ui,sans-serif;position:relative;filter:drop-shadow(0 4px 0 #3a2400) drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.w1,.w2{-webkit-background-clip:text;background-clip:text;color:transparent}
.w1{background-image:linear-gradient(180deg,#fff0a0,#fbbf24 52%,#d9800a);margin-right:2px}
.w2{background-image:linear-gradient(180deg,#ffffff,#d5def2 55%,#8ea6d6);letter-spacing:1px}
.wa{font-size:50px;font-weight:900;line-height:1;margin-top:-6px;background:linear-gradient(180deg,#fff0a0,#fbbf24 55%,#e48a06);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #6b4200);text-align:right;padding-right:17%}
.brand.sm{padding-top:14px}.brand.sm .bl{width:150px;margin-bottom:-18px}.brand.sm .wm{font-size:46px}.brand.sm .wa{font-size:28px;margin-top:-2px}
.deco{position:absolute;width:112px;height:146px;opacity:.5;filter:blur(1.6px);pointer-events:none;z-index:0}.deco.l{left:-46px;top:58px;transform:rotate(-8deg)}.deco.r{right:-46px;top:122px;transform:scaleX(-1) rotate(6deg)}
#auth>*:not(.deco){position:relative;z-index:1}
/* ----- الرئيسية ----- */
.mcr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.mct{flex:1;min-width:0}
.mc h3{font-size:31px;margin:0 0 12px}#er{min-height:0;margin:0 0 8px}#er:empty{display:none}.hi{width:44%;max-width:190px;height:auto;aspect-ratio:224/180;flex:none;margin-inline-end:-4px}
.pre{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.pre.q{flex-wrap:nowrap;gap:8px}.pre.q button{min-width:0;padding:0 2px;font-size:21px}
.pre button{flex:1;min-width:58px;height:54px;padding:0 8px;font-size:22px;font-weight:800;border-radius:99px;background:linear-gradient(180deg,#0e3199,#0a2478);border:2px solid #3b7bf0}
.pre button.on{background:linear-gradient(180deg,#ffd75e,#f59e0b);color:#17203a;border-color:transparent}
.pre .one{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:18px;border:1.5px solid var(--ln);background:rgba(4,16,70,.7)}
.pre .one::before{content:"";width:40px;height:40px;flex:none;background:var(--u-stack) center/contain no-repeat}
.pre .one b{font-size:36px;font-weight:900;color:var(--gd);line-height:1}.pre .one span{font-size:20px;font-weight:700}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.g3>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 4px 12px;border-radius:22px;border:1.5px solid var(--ln);background:var(--card);font-size:15px;font-weight:600;color:#a9c3f3;text-align:center;line-height:1.35}
.g3 b{font-size:clamp(25px,7.2vw,33px);font-weight:900;color:#fff;line-height:1.15;white-space:nowrap}.g3>div:last-child b{font-size:clamp(17px,5.1vw,26px);padding-block:5px}
.gi{width:40px;height:40px}
.nc{padding:14px 18px}.nh{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1.5px solid rgba(60,120,240,.3);margin-bottom:4px}.nh h3{margin:0;flex:1;font-size:25px}.nh .gi{width:34px;height:34px}.chv{width:22px;height:22px;color:var(--mt)}
#nl div,#rm div,#dl div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(80,130,240,.18);font-size:16px;color:#d6e4fb}
#nl div:last-child,#rm div:last-child,#dl div:last-child{border-bottom:0}
#nl div::before{content:"";width:11px;height:11px;border-radius:50%;background:#37d67a;box-shadow:0 0 8px rgba(55,214,122,.7);flex:none}
#nl span:first-child{flex:1}#nl small{color:var(--mt);font-size:13px;direction:ltr;white-space:nowrap}
#rm div,#dl div{justify-content:space-between;flex-wrap:wrap}#rm button{padding:2px 14px;font-size:14px;min-height:0}
/* ----- المحفظة ----- */
#dinfo{color:#8fb3f5;font-size:17px;margin:2px 0 4px}
#wst{color:#8fb3f5;font-size:17px;margin:2px 0 4px}.wr{white-space:pre-line;margin:6px 0;color:#ff9aa8;font-weight:700;font-size:16px;line-height:1.6}
#dls{margin-top:16px;padding:14px;border:1.5px solid var(--ln2);border-radius:18px;background:rgba(4,16,70,.5)}#dls:empty{display:none}
#dls h4{margin:0 0 6px;color:#8fb3f5;font-size:19px;font-weight:800}
#dls div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:15px;border-top:1px solid rgba(80,130,240,.18)}
#dls div span:first-child{font-weight:900;font-size:19px}#dls div span:last-child{color:#cfe0fa;display:flex;align-items:center;gap:8px}
#dls div.ok span:last-child::after{content:"";width:24px;height:24px;background:var(--u-check) center/contain no-repeat}
#dls div.bad span:last-child::after{content:"";width:24px;height:24px;background:var(--u-x) center/contain no-repeat}
#dls div.wait span:last-child::after{content:"";width:24px;height:24px;background:var(--u-wait) center/contain no-repeat}
#wl{margin-top:14px}#wallet,#support,#rules,#hist{padding-top:14px}
#wl div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(80,130,240,.18);padding:9px 0;font-size:15px}
.qrw{display:flex;justify-content:center;margin:10px 0}.qrw canvas{width:200px;height:200px;max-width:70vw;max-height:70vw;border-radius:14px;background:#fff;image-rendering:pixelated;padding:6px}
.sb{display:flex;align-items:center;gap:12px;padding:14px;margin:12px 0;border:1.5px solid var(--ln);border-radius:18px;background:rgba(4,16,70,.55);font-size:16px;font-weight:600;color:#e6efff}
.sb>svg{width:27px;height:27px;color:#6fa4ff;flex:none}.sb.tf{align-items:flex-start}.sb.tf>div{flex:1;min-width:0}.sb.tf #s2fa{line-height:1.6}
.sb.tf button{display:flex;margin:12px auto 0;min-height:44px}.sb.tf button svg{width:22px;height:22px}
.wbx{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:start;margin-top:18px;padding:14px;border:1.5px solid var(--ln);border-radius:18px;background:rgba(4,16,70,.55)}
.wbx .wi{width:30px;height:30px;margin-top:2px}.wbx p{margin:0;font-size:15px;line-height:1.7;color:#dbe7fb;font-weight:600}.wbx .row{grid-column:1/-1}.wbx button{min-height:44px;font-size:15px}.wbx button svg{width:21px;height:21px}
#wmsg,#smsg{position:sticky;top:calc(6px + env(safe-area-inset-top,0px));z-index:7;margin:0 0 10px;padding:12px 16px;border-radius:14px;font-weight:700;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.45)}
#wmsg:empty,#smsg:empty{display:none}
#wmsg.er,#smsg.er{background:#7f1d1d;color:#fff;border:1px solid #fca5a5}#wmsg.okm,#smsg.okm{background:#0d5a37;color:#fff;border:1px solid #86efac;margin-bottom:10px}
/* ----- السجل (الدفتر) ----- */
.ch h3 em{font-weight:900}
#hist .ch{justify-content:space-between}#hist .ch h3{font-size:clamp(18px,5.5vw,26px);white-space:nowrap}#hist .ch .ico{order:2}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1.5px solid var(--ln);border-radius:20px;overflow:hidden;margin-top:6px}
th{background:linear-gradient(180deg,rgba(40,100,235,.38),rgba(20,60,180,.3));font-size:15px;font-weight:800;padding:12px 6px;text-align:center;white-space:nowrap}th svg{width:19px;height:19px;color:#8db0f4;display:block;margin:0 auto 2px}
td{padding:11px 6px;text-align:center;background:#071952;line-height:1.5;border-top:1px solid rgba(60,120,240,.28)}tr:nth-child(even) td{background:#0b2a7a}
td+td,th+th{border-inline-start:1px solid rgba(60,120,240,.28)}
td:first-child{white-space:nowrap;font-size:13px;direction:ltr}td:first-child::before{content:"";display:inline-block;width:17px;height:17px;margin-inline-start:5px;vertical-align:-3px;background:var(--u-clock) center/contain no-repeat}
td:nth-child(4){color:#ffc83a;font-weight:900;font-size:21px}td:nth-child(5){font-weight:700;color:#e6efff}
td[colspan]{padding:18px;color:var(--mt)}
/* ----- القواعد ----- */
ul{padding-inline-start:20px}ul.rules{list-style:none;padding:0;margin:8px 0 0;counter-reset:r}
ul.rules li{counter-increment:r;position:relative;padding:12px 48px 12px 4px;font-size:17px;border-bottom:1px solid rgba(80,130,240,.2);line-height:1.7}ul.rules li:last-child{border-bottom:0}
ul.rules li::before{content:counter(r);position:absolute;right:2px;top:13px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#1a1a2e;background:linear-gradient(180deg,#ffe27a,#f5a30c);box-shadow:0 2px 0 #a76000}
/* ----- شريط التنقل ----- */
.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;justify-content:center;background:linear-gradient(180deg,#071b5e,#051244);border-top:1.5px solid var(--ln2);padding-bottom:env(safe-area-inset-bottom,0px);z-index:4;box-shadow:0 -8px 24px rgba(0,0,20,.4)}
.tabs button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;border-radius:0;color:#6f9cf5;font-size:15px;font-weight:700;padding:9px 0 13px;min-height:72px}
.tabs svg{width:31px;height:31px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}
.tabs .on{color:var(--gd)}.tabs .on::after{content:"";position:absolute;bottom:5px;width:64px;height:3.5px;border-radius:3px;background:linear-gradient(90deg,transparent,#fbbf24 22%,#fbbf24 78%,transparent)}
/* ----- النوافذ والإشعارات ----- */
#cf{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#0b2578,#071a58);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:6;border-bottom:0;margin-bottom:0}
#cfx ul{margin:6px 0;line-height:1.9}
.ov{position:fixed;inset:0;background:rgba(1,6,30,.74);display:flex;align-items:center;justify-content:center;padding:20px;z-index:8;backdrop-filter:blur(3px)}
.ov .card{background:linear-gradient(180deg,#0b2578,#071a58);max-width:340px;text-align:center}#res{z-index:9}
#res h2{margin:4px 0 8px;font-size:30px;font-weight:900;color:var(--gd)}#res p{font-size:18px;color:#dbe7fb}
.bnr{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;text-align:center;background:#b45309;color:#fff;padding:6px;z-index:10;font-size:14px}
.toast{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:12px;right:12px;max-width:456px;margin:0 auto;background:#0a2270;border:1.5px solid var(--gd);border-radius:16px;padding:11px 16px;z-index:11;box-shadow:0 8px 24px rgba(0,0,0,.5);font-size:15px;font-weight:600}
/* ===== شاشة اللعب: الطاولة هي الأهم، وكل ما حولها مضغوط ليبقى لها أكبر حيّز ===== */
#game{flex:1;display:flex;flex-direction:column;gap:6px;padding:0;min-height:0}
.ing .app{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:0}.ing main{min-height:0}
@media(min-width:700px){.ing .app{max-width:860px}}
.pn{position:relative;background:linear-gradient(var(--pn),var(--pn2));direction:ltr;display:grid;align-items:center;column-gap:8px;border:0}
#op{grid-template-columns:minmax(46px,1fr) auto minmax(46px,1fr);grid-template-areas:"ob ob ob" "mn who ff" "mn nm ff";padding:0 12px 9px;border-radius:0 0 30px 30px;box-shadow:0 3px 0 rgba(120,170,255,.28)}
#pp{grid-template-columns:minmax(46px,1fr) auto minmax(46px,1fr);grid-template-areas:"yc who x" "yc nm x";padding:9px 12px 10px;border-radius:30px 30px 0 0;margin-top:auto;box-shadow:0 -3px 0 rgba(120,170,255,.28)}
.ob{grid-area:ob;height:34px;margin:0 -12px 6px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;gap:calc(var(--ow,34px) * .22);border-radius:0}
.ob u{display:block;flex:none;width:var(--ow,34px);height:58px;border-radius:9px;background:linear-gradient(#f3f7ff,#c3d3ee);box-shadow:0 0 0 1.5px rgba(25,45,105,.5),inset 0 -5px 0 rgba(112,138,186,.55)}
.who{grid-area:who;display:flex;align-items:center;justify-content:center;gap:10px}
.nm{grid-area:nm;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;line-height:1.3;direction:ltr}.nm b{font-weight:700}
.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none}.off .dot{background:#94a3b8}
.av{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fb8ff,#2d63c9);box-shadow:0 0 0 3px #3b82f6;display:grid;place-items:center;font-size:26px;flex:none;transition:box-shadow .2s}
.act .av{box-shadow:0 0 0 3px var(--gd),0 0 16px var(--gd)}.off .av{opacity:.5}
.sc{font-size:34px;font-weight:900;line-height:1;letter-spacing:.5px}
.rb{width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(4,18,70,.7);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(120,170,255,.4)}
#mn{grid-area:mn;justify-self:start}#ff{grid-area:ff;justify-self:end}
#ff.arm{width:auto;padding:0 14px;border-radius:23px;font-size:15px;background:#b91c1c;white-space:nowrap}
.pop{position:absolute;top:calc(env(safe-area-inset-top,0px) + 112px);left:12px;z-index:5;background:#0a2270;border:1.5px solid var(--ln);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.7;white-space:pre-line;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.mid{flex:1 1 0;display:flex;direction:ltr;gap:5px;min-height:150px;padding-left:8px}
.bw{flex:1;position:relative;background:radial-gradient(120% 90% at 50% 40%,#2c6ad6,#1d52b8 62%,#163f98);border-radius:16px;overflow:hidden;box-shadow:inset 0 -5px 0 rgba(3,22,84,.4),inset 0 0 0 1.5px rgba(120,170,255,.28)}
#msg{position:absolute;top:6px;left:48px;right:48px;text-align:center;font-size:13px;line-height:16px;color:#e4eeff;pointer-events:none;z-index:2;direction:rtl}
#tn{position:absolute;top:6px;left:9px;font-size:13px;line-height:16px;font-weight:700;color:#e4eeff;z-index:2}
.bar{position:absolute;bottom:0;left:0;right:0;height:7px;background:rgba(0,0,0,.32);z-index:3}.bar.top{top:0;bottom:auto}
.bar i{display:block;height:100%;width:100%;background:#4ade80;transition:width 1s linear}
#bd{position:absolute;inset:24px 6px 12px}
#yd{flex:none;width:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;overflow:hidden;padding:0;border:0;border-radius:0;background:none;min-height:0}
#yd u{display:block;flex:none;width:46px;height:var(--yh,24px);border-radius:7px;background:linear-gradient(#eaf2ff,#b9cdee);box-shadow:0 0 0 1px rgba(25,45,105,.45)}
#yd:empty{display:none}
#yd.can{filter:drop-shadow(0 0 7px var(--gd))}#yd.can u{background:linear-gradient(#fff4cc,#f5d77a)}
#yl{direction:rtl;text-align:right;padding:0 14px;font-size:15px;color:#eaf2ff;line-height:1.3;min-height:20px}#yl b{font-size:17px}
/* ===== أحجار الدومينو: نقاط كبيرة داكنة على أبيض ناصع ليسهل عدّها من بعيد ===== */
.t{--s:30px;--edge:#6a7ca2;position:relative;box-sizing:border-box;display:flex;flex:none;direction:ltr;overflow:hidden;border-radius:calc(var(--s) * .2);background:linear-gradient(#fff,#eaeff8);box-shadow:0 0 0 var(--ring,1.5px) #1a2540,0 calc(var(--s) * var(--ed,.1)) 0 var(--edge),var(--soft,0 calc(var(--s) * .22) calc(var(--s) * .3) rgba(0,0,0,.32))}
.t.hz{flex-direction:row}.t.vt{flex-direction:column}
/* على الطاولة: إطار أنحف وظل أصغر كي لا يتداخل حجران متجاوران مهما صغر الحجر */
#bd .t{position:absolute;--ring:1px;--ed:.06;--soft:0 calc(var(--s) * .05) calc(var(--s) * .08) rgba(0,0,0,.24)}
.h{flex:1 1 0;min-width:0;min-height:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8%;place-items:center}
.t.hz .h+.h{box-shadow:inset max(2px,calc(var(--s) * .05)) 0 0 #b9c4dc}.t.vt .h+.h{box-shadow:inset 0 max(2px,calc(var(--s) * .05)) 0 #b9c4dc}
.h i{width:90%;height:90%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#46546f 0,#090f1c 62%)}
.h.o{background:linear-gradient(#fff4c9,#f6dc8a)}
/* تمييز آخر حجر ونهايتَي السلسلة: داخل حدود الحجر نفسه فقط، فلا يمسّ الحجر المميَّز جيرانه أبداً */
#bd .t.nw,#bd .t.nwr,#bd .t.endL,#bd .t.endR{--edge:var(--gd)}
#bd .t.nw::after,#bd .t.nwr::after,#bd .t.endL::after,#bd .t.endR::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;border:max(2px,calc(var(--s) * .09)) solid var(--gd);background:rgba(251,191,36,.14)}
#bd .t.endL,#bd .t.endR{cursor:pointer}
#bd .t.endL::after,#bd .t.endR::after{animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{from{opacity:.5}to{opacity:1}}
#bd .t.nw::after{animation:flash .8s ease-out}@keyframes flash{0%{opacity:0}35%{opacity:1}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){#bd .t.nw::after,#bd .t.endL::after,#bd .t.endR::after{animation:none}}
#hd{--hs:38px;display:flex;flex-wrap:wrap;gap:12px 7px;justify-content:center;align-content:center;padding:14px 8px 8px;background:rgba(3,14,66,.5);box-shadow:inset 0 2px 0 rgba(120,170,255,.14);min-height:calc(var(--hs) * 2 + 24px)}
#hd .t{--s:var(--hs);width:var(--s);height:calc(var(--s) * 2)}
.hb{background:none;border:0;padding:0;transition:transform .15s;min-height:0;border-radius:0}
.hb.ok{transform:translateY(-9px)}.hb.ok .t{box-shadow:0 0 0 3px var(--ok),0 0 14px rgba(74,222,128,.8),0 calc(var(--s) * .1) 0 var(--edge)}
.hb.no .t,.hb.off .t{background:linear-gradient(#d9dde5,#b2b9c6);--edge:#7f8aa1}.hb.no .h+.h,.hb.off .h+.h{filter:none}
.hb.sel{transform:translateY(-14px)}.hb.sel .t{box-shadow:0 0 0 3px var(--gd),0 0 16px rgba(251,191,36,.9),0 calc(var(--s) * .1) 0 var(--edge)}
#yc{grid-area:yc;justify-self:start;font-size:12px;line-height:1.5;color:var(--mt);white-space:pre-line;text-align:left;direction:rtl}
.acts{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 14px 8px;border-radius:inherit;background:linear-gradient(var(--pn),var(--pn2));direction:rtl}
.acts button{flex:1;max-width:230px;min-height:46px;font-size:17px;border-radius:16px}#sd{display:flex;gap:10px;flex:1;justify-content:center}
/* الجوال بالعرض: الطاولة تأخذ اليسار كاملاً، وعلى اليمين عمود فيه الخصم ثم يدك ثم أنت */
@media(orientation:landscape) and (max-height:520px){
#game{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr auto;grid-template-areas:"mid op" "mid yl" "mid hd" "mid pp";gap:4px 8px}
#op{grid-area:op;padding-bottom:6px;border-radius:0 0 22px 22px}#pp{grid-area:pp;margin-top:0;padding:6px 12px 8px;border-radius:22px 22px 0 0}
.mid{grid-area:mid;min-height:0;padding:6px 0 6px 8px}#yl{grid-area:yl;min-height:0;padding:0 14px;font-size:13px}#hd{grid-area:hd;align-content:center;padding:8px;min-height:0}
.av{width:38px;height:38px;font-size:21px}.sc{font-size:27px}.ob{height:22px;margin-bottom:3px}.ob u{height:40px}.rb{width:38px;height:38px;font-size:21px}.nm{font-size:13px}.pop{top:auto;bottom:10px}
.acts{padding:4px 10px}.acts button{min-height:40px;font-size:15px}}
@media(orientation:portrait) and (max-height:600px){.av{width:38px;height:38px;font-size:21px}.sc{font-size:28px}.ob{height:22px}.ob u{height:40px}.rb{width:38px;height:38px;font-size:21px}#yl{min-height:0}#hd{padding:8px 8px 4px}}