/* حاسبة البلوت (أكتوبر 2026) — كل الأسماء تبدأ بـ bc- حتى ما تتداخل مع باقي الموقع
   أخضر طاولة البلوت وذهبي: «لنا» ذهبي و«لهم» سماوي، وأرقام كبيرة واضحة تنقرى من بعيد */
.bc{--ink:#0F172A;--sub:#475569;--felt:#047857;--felt2:#065F46;--felt3:#022C22;--gold:#FBBF24;--goldsh:#B45309;--ta:#F59E0B;--tb:#0EA5E9;--paper:#FFFBEB;--line:#D1FAE5;--bad:#DC2626;
    position:relative;max-width:620px;margin:0 auto;direction:rtl;padding-bottom:112px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.bc [hidden]{display:none!important}
.bc button,.bc input{font-family:inherit}
.bc button{-webkit-user-select:none;user-select:none}

/* الأزرار */
.bc-btn{display:block;width:100%;max-width:380px;margin:0 auto 10px;border:0;border-radius:16px;padding:13px 10px;font-weight:900;font-size:16px;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 3px 0 #CBD5E1;line-height:1.35;text-align:center;text-decoration:none}
.bc-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #CBD5E1}
.bc-btn:disabled{opacity:.45;cursor:default;transform:none}
.bc-main{color:#422006;background:linear-gradient(180deg,#FDE68A,var(--gold));box-shadow:0 5px 0 var(--goldsh),0 10px 18px rgba(180,83,9,.22);font-size:18px;padding:14px 10px}
.bc-main:active{box-shadow:0 2px 0 var(--goldsh)}
.bc-danger{background:#FEE2E2;color:#991B1B;box-shadow:0 3px 0 #FCA5A5}
.bc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:380px;margin:0 auto 10px}
.bc-row .bc-btn{margin:0;font-size:14.5px}
.bc-link{display:block;margin:4px auto 0;border:0;background:none;color:var(--felt);font-weight:900;font-size:14.5px;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}
.bc-small{font-size:13px;font-weight:700;color:var(--sub);margin:4px 0 12px;line-height:1.7;text-align:center}
.bc-ico{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.16);font-size:19px;cursor:pointer;color:#fff}
.bc-ico:disabled{opacity:.35;cursor:default}

/* شاشة البداية */
.bc-panel{position:relative;border-radius:24px;padding:18px 16px 20px;text-align:center;overflow:hidden;color:#fff;
    background:radial-gradient(120% 80% at 50% 0%,#10B981 0%,var(--felt) 45%,var(--felt3) 100%);box-shadow:0 14px 34px rgba(2,44,34,.3)}
.bc-panel::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 2px,transparent 2.5px);background-size:24px 24px;pointer-events:none}
.bc-panel>*{position:relative}
.bc-hero{position:relative;height:118px;width:270px;margin:2px auto 4px}
.bc-hero-cards span{position:absolute;top:10px;width:58px;height:82px;border-radius:9px;background:#fff;color:#0F172A;font-weight:900;font-size:22px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 8px 16px rgba(0,0,0,.3)}
.bc-hero-cards span i{font-style:normal;font-size:24px}
.bc-hero-cards .c1{right:22px;transform:rotate(14deg)}
.bc-hero-cards .c2{right:62px;top:2px;transform:rotate(3deg);color:#DC2626}
.bc-hero-cards .c3{right:102px;top:6px;transform:rotate(-9deg);color:#DC2626}
.bc-hero-sheet{position:absolute;left:14px;top:12px;width:104px;background:var(--paper);color:var(--ink);border-radius:14px;padding:8px 8px;transform:rotate(-5deg);box-shadow:0 10px 20px rgba(0,0,0,.3);
    display:grid;grid-template-columns:1fr 1fr;gap:0 6px;animation:bc-bob 3s ease-in-out infinite}
.bc-hero-sheet small{font-size:11px;font-weight:900;color:var(--sub)}
.bc-hero-sheet b{font-family:Cairo,Tajawal,sans-serif;font-size:26px;font-weight:900;line-height:1.2}
.bc-hero-sheet b:nth-of-type(1){grid-row:2;grid-column:1;color:#B45309}
.bc-hero-sheet b:nth-of-type(2){grid-row:2;grid-column:2;color:#0369A1}
@keyframes bc-bob{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-5px)}}
.bc-title{font-size:36px;font-weight:900;margin:0;color:#FDE68A;text-shadow:0 3px 0 rgba(0,0,0,.22);line-height:1.25}
.bc-tag{margin:4px 0 14px;font-weight:800;font-size:15px;line-height:1.8;color:#D1FAE5}
.bc-names{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:380px;margin:0 auto 12px}
.bc-names label{display:flex;flex-direction:column;gap:4px;text-align:right}
.bc-names span{font-size:12px;font-weight:900;color:#A7F3D0}
.bc-names input{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:10px 10px;font-size:16px;font-weight:900;color:var(--ink);background:#fff;text-align:center}
.bc-names input:focus{outline:3px solid var(--gold)}
.bc-resume{background:rgba(255,255,255,.95)}
.bc-resume small{display:block;font-size:12.5px;font-weight:800;color:var(--sub);margin-top:2px}
.bc-panel .bc-row .bc-btn{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.bc-stats{max-width:380px;margin:6px auto 0;background:rgba(0,0,0,.18);border-radius:16px;padding:10px 12px;text-align:right}
.bc-stats:empty{display:none}
.bc-stats-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.bc-stats-h span{font-size:12.5px;font-weight:900;color:#A7F3D0}
.bc-stats-h b{font-size:15px;font-weight:900;color:#FDE68A}
.bc-stats-r{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.bc-stats-r span{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-stats-r b{font-weight:900;font-variant-numeric:tabular-nums;direction:ltr}
.bc-stats-r small{font-size:11.5px;font-weight:700;color:#A7F3D0}

/* ساحة القيد */
.bc-stage{position:relative;display:flex;flex-direction:column;gap:10px;min-height:600px;border-radius:24px;padding:10px;color:#fff;overflow:hidden;
    background:radial-gradient(120% 60% at 50% 0%,#059669 0%,var(--felt) 40%,var(--felt3) 100%)}
.bc-top{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.bc-top-mid{flex:1;min-width:0;text-align:center;line-height:1.3}
.bc-top-mid b{display:block;font-size:18px;font-weight:900;color:#FDE68A}
.bc-top-mid small{display:block;font-size:12px;font-weight:800;color:#A7F3D0}
.bc-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:0 0 auto}
.bc-team{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:10px 10px 9px;text-align:center;box-shadow:0 5px 0 rgba(0,0,0,.18);border-top:6px solid var(--ta);min-width:0}
.bc-team.tb{border-top-color:var(--tb)}
.bc-team.win{box-shadow:0 0 0 4px var(--gold),0 5px 0 rgba(0,0,0,.18)}
.bc-tn{display:block;font-size:15px;font-weight:900;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-tot{display:block;font-family:Cairo,Tajawal,sans-serif;font-size:52px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;color:#B45309}
.bc-team.tb .bc-tot{color:#0369A1}
.bc-bar{height:8px;border-radius:99px;background:#F1F5F9;overflow:hidden;margin:4px 2px 4px}
.bc-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--ta);transition:width .35s ease}
.bc-team.tb .bc-bar i{background:var(--tb)}
.bc-left{display:block;min-height:18px;font-size:12.5px;font-weight:900;color:var(--sub)}
.bc-acts{display:grid;grid-template-columns:1fr auto;gap:8px;flex:0 0 auto}
.bc-acts .bc-btn{margin:0;max-width:none}
.bc-qahwa{padding:13px 14px;font-size:15px;background:rgba(255,255,255,.95)}
.bc-listwrap{flex:1 1 auto;min-height:150px;max-height:340px;overflow-y:auto;background:var(--paper);color:var(--ink);border-radius:18px;-webkit-overflow-scrolling:touch}
.bc-list{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.bc-list th{position:sticky;top:0;z-index:1;background:#FEF3C7;font-size:12.5px;font-weight:900;color:#78350F;padding:8px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.bc-list th:nth-child(1){width:34px}
.bc-list td{padding:6px 4px;text-align:center;border-top:1px solid #FDE68A;font-size:14px;cursor:pointer}
.bc-list td.n{color:#92400E;font-weight:900;font-size:12.5px}
.bc-list td.pa b,.bc-list td.pb b{display:block;font-size:20px;font-weight:900;line-height:1.15}
.bc-list td.pa b{color:#B45309}.bc-list td.pb b{color:#0369A1}
.bc-list td small{display:block;font-size:11px;font-weight:800;color:#94A3B8}
.bc-list td.nt{font-size:11.5px;font-weight:800;color:var(--sub);text-align:right;line-height:1.4}
.bc-list tr:hover td,.bc-list tr:focus td{background:#FEF9C3}
.bc-list tr.q td{background:#FDF2F8}
.bc-empty{margin:0;padding:22px 12px;text-align:center;font-weight:800;font-size:14px;color:var(--sub);line-height:1.8}
.bc-tally{flex:0 0 auto;min-height:18px;text-align:center;font-size:13px;font-weight:900;color:#FDE68A}
.bc-tally:empty{display:none}
.bc-toast{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;width:max-content;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);background:rgba(15,23,42,.92);color:#fff;border-radius:14px;padding:10px 14px;font-weight:800;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.bc-toast button{border:0;border-radius:10px;background:var(--gold);color:#422006;font-weight:900;font-size:13px;padding:6px 10px;cursor:pointer;white-space:nowrap}

/* نهاية الصكة */
.bc-end{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto;background:rgba(2,44,34,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.bc-end-card{width:100%;max-width:400px;margin:auto;background:#fff;color:var(--ink);border-radius:24px;padding:18px 16px 14px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.bc-end-e{font-size:52px;line-height:1;animation:bc-pop .6s ease}
@keyframes bc-pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.bc-end-h{font-size:22px;font-weight:900;margin:6px 0 8px;line-height:1.4}
.bc-end-big{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.bc-end-big span{display:flex;flex-direction:column;align-items:center;min-width:90px}
.bc-end-big span b{font-family:Cairo,Tajawal,sans-serif;font-size:46px;font-weight:900;line-height:1.1;color:#94A3B8}
.bc-end-big span.w b{color:var(--felt)}
.bc-end-big span small{font-size:13px;font-weight:900;color:var(--sub);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-end-big i{font-style:normal;font-size:26px;font-weight:900;color:#CBD5E1}
.bc-end-stats{font-size:13.5px;font-weight:800;color:var(--sub);line-height:1.8;margin-bottom:12px}
.bc-end-card .bc-row .bc-btn{background:#F1F5F9;box-shadow:none}

/* النوافذ */
.bc-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,44,34,.62)}
.bc-mcard{width:100%;max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;color:var(--ink);border-radius:22px;padding:16px 14px 12px;box-shadow:0 18px 40px rgba(0,0,0,.35);text-align:center;-webkit-overflow-scrolling:touch}
.bc-mcard-h{font-size:19px;font-weight:900;margin-bottom:8px}
.bc-mcard .bc-row{max-width:none}
.bc-names-m{max-width:none;margin:6px 0 10px}
.bc-names-m span{color:var(--sub)}
.bc-names-m input{background:#F1F5F9}

/* نافذة التسجيل */
.bc-sheet{align-items:flex-end;padding:0}
.bc-entry-card{max-width:480px;border-radius:22px 22px 0 0;padding:12px 12px 0;text-align:right}
@media (min-width:640px){.bc-sheet{align-items:center;padding:16px}.bc-entry-card{border-radius:22px}}
.bc-sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bc-sh b{font-size:19px;font-weight:900}
.bc-x{width:36px;height:36px;border:0;border-radius:50%;background:#F1F5F9;color:#334155;font-size:17px;cursor:pointer}
.bc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#F1F5F9;border-radius:14px;padding:4px;margin-bottom:10px}
.bc-tabs button{border:0;border-radius:11px;padding:9px 4px;font-weight:900;font-size:14.5px;background:transparent;color:var(--sub);cursor:pointer}
.bc-tabs button.on{background:#fff;color:var(--felt);box-shadow:0 2px 0 #CBD5E1}
.bc-f{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bc-f>span{flex:0 0 58px;font-weight:900;font-size:13.5px;color:var(--sub)}
.bc-seg{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
.bc-seg.bc-seg3{grid-template-columns:repeat(3,1fr)}
.bc-seg.bc-seg4{grid-template-columns:repeat(4,1fr)}
.bc-seg button{border:0;border-radius:11px;padding:10px 2px;font-weight:900;font-size:14.5px;background:#F1F5F9;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bc-seg button.on{background:var(--felt);color:#fff;box-shadow:0 3px 0 var(--felt3)}
.bc-f-t{margin:4px 0 12px}
.bc-f-t>span{flex-basis:70px}
.bc-abnat{background:#F8FAFC;border-radius:16px;padding:8px 8px 6px;margin:2px 0 10px}
.bc-num{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center}
.bc-num button{height:52px;border:0;border-radius:14px;background:#E2E8F0;color:var(--ink);font-size:26px;font-weight:900;cursor:pointer}
.bc-num input{width:100%;box-sizing:border-box;height:56px;border:3px solid #CBD5E1;border-radius:14px;text-align:center;font-family:Cairo,Tajawal,sans-serif;font-size:30px;font-weight:900;color:var(--ink);background:#fff;font-variant-numeric:tabular-nums}
.bc-num input::placeholder{font-size:15px;font-weight:800;color:#94A3B8;font-family:inherit}
.bc-num input:focus{outline:0;border-color:var(--felt)}
.bc-hint{display:block;text-align:center;font-size:12px;font-weight:800;color:var(--sub);margin-top:6px;line-height:1.6}
.bc-proj{margin:0 0 10px}
.bc-pr{display:grid;grid-template-columns:1fr 112px 112px;gap:6px;align-items:center;padding:4px 0}
.bc-pr>span{font-weight:900;font-size:14.5px}
.bc-pr>span small{display:inline-block;margin-inline-start:6px;font-size:11.5px;font-weight:900;color:#fff;background:#94A3B8;border-radius:99px;padding:1px 7px}
.bc-pr-h{padding:0 0 2px}
.bc-pr-h>span{font-size:13.5px;color:var(--sub)}
.bc-pr-h b{font-size:12.5px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px;padding:3px 2px;color:#78350F;background:#FEF3C7}
.bc-pr-h b:last-child{color:#075985;background:#E0F2FE}
.bc-st{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;background:#F1F5F9;border-radius:12px;height:40px;overflow:hidden}
.bc-st.on{background:#DCFCE7}
.bc-st button{height:40px;border:0;background:transparent;font-size:20px;font-weight:900;color:var(--ink);cursor:pointer}
.bc-st button:disabled{opacity:.25;cursor:default}
.bc-st b{text-align:center;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.bc-tg{height:40px;border:0;border-radius:12px;background:#F1F5F9;font-weight:900;font-size:13.5px;color:var(--sub);cursor:pointer}
.bc-tg.on{background:#DCFCE7;color:#166534;box-shadow:inset 0 0 0 2px #22C55E}
.bc-out{background:#F8FAFC;border:2px dashed #CBD5E1;border-radius:16px;padding:10px 12px;margin-bottom:10px}
.bc-out.ok{background:#ECFDF5;border:2px solid #A7F3D0}
.bc-out-n{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900}
.bc-out-n span{font-size:13px;color:var(--sub);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-out-n b{font-family:Cairo,Tajawal,sans-serif;font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}
.bc-out-n b#bc-out-a{color:#B45309}.bc-out-n b#bc-out-b{color:#0369A1}
.bc-out-n i{font-style:normal;color:#CBD5E1;font-size:22px}
.bc-out-l{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px;font-weight:700;color:#334155;line-height:1.7}
.bc-out-l li{position:relative;padding-inline-start:12px}
.bc-out-l li::before{content:'•';position:absolute;inset-inline-start:0;color:var(--felt)}
.bc-out-l li.wait{text-align:center;padding:0;color:var(--sub);font-weight:900}
.bc-out-l li.wait::before{content:none}
.bc-man{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bc-man label{display:flex;flex-direction:column;gap:6px;text-align:center}
.bc-man span{font-weight:900;font-size:14px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-man input{width:100%;box-sizing:border-box;height:64px;border:3px solid #CBD5E1;border-radius:16px;text-align:center;font-family:Cairo,Tajawal,sans-serif;font-size:34px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.bc-man label:first-child input{border-color:#FCD34D}
.bc-man label:last-child input{border-color:#7DD3FC}
.bc-man input:focus{outline:0;border-color:var(--felt)}
.bc-err{background:#FEF2F2;color:#B91C1C;border-radius:12px;padding:8px 10px;margin-bottom:8px;font-size:13.5px;font-weight:900;text-align:center}
.bc-entry-card .bc-main{max-width:none;margin-bottom:2px}
.bc-foot{position:sticky;bottom:0;z-index:2;background:#fff;margin:0 -12px;padding:8px 12px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 14px -10px rgba(15,23,42,.35)}   /* زر التسجيل ظاهر دايماً */
.bc-foot .bc-link{padding:6px}

/* طريقة الحساب */
.bc-how-card{text-align:right;max-width:460px}
.bc-how-card .bc-mcard-h{text-align:center}
.bc-rules{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:13.5px}
.bc-rules th{background:#ECFDF5;color:var(--felt2);font-weight:900;padding:6px 4px}
.bc-rules td{padding:6px 6px;border-top:1px solid #E2E8F0;font-weight:800;text-align:center}
.bc-rules td:first-child{text-align:right;color:var(--sub)}
.bc-how{list-style:none;margin:0 0 6px;padding:0}
.bc-how li{font-size:13.5px;font-weight:700;line-height:1.8;color:#334155;margin-bottom:6px}
.bc-how b{color:var(--felt2)}

/* وضع ملء الشاشة */
.game-focus-shell.is-focus #bc-game{max-width:none;height:100%;padding:0;display:flex;flex-direction:column}
.game-focus-shell.is-focus .bc-panel{flex:1;border-radius:0;overflow-y:auto;padding-top:calc(60px + env(safe-area-inset-top,0px))}
.game-focus-shell.is-focus .bc-stage{flex:1;min-height:0;border-radius:0;padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px))}
.game-focus-shell.is-focus .bc-top{padding-left:46px}   /* زر «إنهاء ملء الشاشة» أعلى اليسار */
.game-focus-shell.is-focus .bc-listwrap{max-height:none;min-height:90px}
.game-focus-shell.is-focus .bc-toast{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.game-focus-shell.is-focus .bc-entry-card{max-height:calc(100dvh - 62px - env(safe-area-inset-top,0px))}   /* تحت زر «إنهاء ملء الشاشة» */
.game-focus-shell.is-focus:has(.bc-modal:not([hidden])) .game-focus-exit{display:none!important}   /* النافذة مفتوحة: نخفي زر الخروج عشان ما يغطيها */
html.la3-next-open .game-focus-shell.is-focus .bc-stage{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}   /* شريط «العب التالي» تحت: ما يغطي القيد */
html.la3-next-open .game-focus-shell.is-focus .bc-end{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}

@media (max-width:420px){
    .bc-title{font-size:31px}
    .bc-tot{font-size:46px}
    .bc-pr{grid-template-columns:1fr 100px 100px}
    .bc-f>span{flex-basis:50px;font-size:12.5px}
    .bc-seg button{font-size:13.5px}
    .bc-seg.bc-seg4 button{font-size:13px}
}
@media (max-width:350px){
    .bc-pr{grid-template-columns:1fr 88px 88px}
    .bc-st{grid-template-columns:28px 1fr 28px}
}