#stage[data-game="squid"]{background:radial-gradient(ellipse at 50% 30%,#16497699,transparent 70%),linear-gradient(180deg,#07162be8,#091f3de8)}
#stage[data-game="squid"]::after{display:none}
.gb-game{max-width:1180px;margin:auto;width:100%;padding:12px 24px 24px;color:#f5fbff}
.gb-status{display:flex;justify-content:space-between;gap:16px;font-size:23px;font-weight:800;color:#c7ecff}
.gb-track{display:flex;gap:7px;justify-content:center;padding:14px 8px 22px;direction:ltr;opacity:.85}
.gb-step{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:38px;transform:skewY(-10deg)}
.gb-step i{height:19px;border:1px solid #70d7ec44;background:#25516d33;border-radius:3px}
.gb-step.passed i{background:#53dfb26b;border-color:#82f7d1}
.gb-step.current i{background:#a6ecff;border-color:white;box-shadow:0 0 18px #75e7ff88}
.gb-question{font-size:clamp(28px,3vw,46px);line-height:1.45;text-align:center;margin:0 0 28px;font-weight:900;text-wrap:balance}
.gb-board{display:grid;grid-template-columns:1fr 1fr;gap:30px;direction:ltr;position:relative;padding:0 12px 18px}
.gb-board::before{content:'';position:absolute;inset:-4px 0 0;border-left:5px solid #619dbb;border-right:5px solid #619dbb;box-shadow:inset 0 0 32px #56bcdf18;pointer-events:none;border-radius:9px}
.gb-board .gb-pane{width:auto;height:auto;min-height:300px;aspect-ratio:auto;position:relative;display:flex;flex-direction:column;gap:18px;padding:20px 22px;border:2px solid #9adfed99;border-radius:14px;background:linear-gradient(135deg,#30768d77,#102e5488);box-shadow:0 12px 0 #061627,0 14px 0 #5392b377,0 25px 35px #0005;transform:none;direction:rtl;isolation:isolate;overflow:hidden}
.gb-glass{position:absolute;inset:0;background:linear-gradient(125deg,transparent 10%,#dcfaff12 11%,#dcfaff12 20%,transparent 21%,transparent 65%,#dcfaff0e 66%,transparent 72%);z-index:-1;pointer-events:none}
.gb-pane header{display:flex;align-items:center;gap:20px;direction:ltr}
.gb-number{font-size:clamp(64px,7vw,100px);line-height:1;font-weight:950;color:white;text-shadow:0 4px 0 #052139;min-width:70px;text-align:center}
.gb-answer{font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.3;direction:rtl;text-align:center;flex:1;overflow-wrap:anywhere}
.gb-pickcount{display:flex;align-items:center;gap:10px;justify-content:center;border-top:1px solid #a7e5fa44;padding-top:12px;font-size:17px;color:#cae9f7}
.gb-pickcount b{font-size:32px;color:#fff}
.gb-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gb-player{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 10px;background:#051b36a6;border:1px solid #9fdaed30;border-radius:9px}
.gb-player b{font-size:23px;line-height:1.3;overflow-wrap:anywhere;min-width:0}
.gb-player .av{flex-shrink:0}
.gb-more{font-size:22px;text-align:center;grid-column:1/-1;color:#d6f4ff}
.gb-verdict{font-size:32px;text-align:center;font-weight:900;min-height:0}
.gb-verdict:empty{display:none}
.gb-board .gb-pane.hold{border-color:#94ffd3;background:linear-gradient(140deg,#1c795d99,#0b3e4688);box-shadow:0 12px 0 #06271f,0 14px 0 #72f6bb,0 0 40px #63ffb933}
.gb-board .gb-pane.cracked{border-color:#ff8f9a;background:linear-gradient(140deg,#72213a99,#261528aa)}
.gb-pane.cracked .gb-glass{background:linear-gradient(35deg,transparent 48%,#ffd8dfbb 49%,transparent 50%),linear-gradient(115deg,transparent 48%,#ffd8dfaa 49%,transparent 50%),linear-gradient(165deg,transparent 48%,#ffd8df99 49%,transparent 50%)}
.gb-board .gb-pane.break{animation:gbBreak .6s ease-out both;opacity:1;transform:none}
.gb-waiting,.gb-fallen{margin-top:18px;font-size:19px;color:#c7dbea;text-align:center}
.gb-waiting>div,.gb-fallen>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.gb-waiting span,.gb-fallen span{font-size:21px;font-weight:700;padding:3px 12px;border-radius:8px;background:#0a1a30a1}
.gb-fallen{color:#ffc3cd}.gb-fallen:empty{display:none}
@keyframes gbBreak{0%{translate:0}25%{translate:-5px 3px}50%{translate:5px 5px}100%{translate:0 9px;filter:saturate(.5)}}
@media(max-width:650px){.gb-game{padding:10px 4px}.gb-status{font-size:18px}.gb-board{gap:12px;padding:0 7px 16px}.gb-board .gb-pane{padding:14px 8px;gap:10px;min-height:240px}.gb-number{font-size:66px;min-width:45px}.gb-pane header{flex-direction:column;gap:8px}.gb-answer{font-size:27px}.gb-names{grid-template-columns:1fr}.gb-player b{font-size:21px}.gb-pickcount{flex-direction:column;font-size:15px;gap:0}.gb-question{font-size:29px}.gb-track{gap:3px}.gb-verdict{font-size:24px}}
@media(prefers-reduced-motion:reduce){.gb-game *{animation:none!important;transition:none!important}}


#stage[data-game="squid"] .g-body{justify-content:flex-start;overflow-y:auto} .gb-game{flex:0 0 auto;margin:0 auto}

.gb-scene{width:100%;height:470px;min-height:350px;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#14446b88,#04101fe6);border:1px solid #86d9ff40;overflow:hidden;position:relative;box-shadow:inset 0 0 80px #0007}
.gb-immersive .gb-question{font-size:32px;margin-bottom:12px}.gb-immersive .gb-track{display:none}.gb-immersive .gb-status{font-size:20px;margin-bottom:8px}
.gb-immersive .gb-board{margin-top:14px;padding:0;gap:18px}.gb-immersive .gb-board::before{display:none}.gb-immersive .gb-board .gb-pane{min-height:0;padding:10px 16px;gap:8px;box-shadow:none;background:#071b30b0;border-color:#80d4f34d}
.gb-immersive .gb-number{font-size:56px;min-width:44px}.gb-immersive .gb-answer{font-size:30px}.gb-immersive .gb-names{display:flex;flex-wrap:wrap;gap:6px}.gb-immersive .gb-player b{font-size:22px}.gb-immersive .gb-player{padding:4px 8px}.gb-immersive .gb-pickcount{padding:0;border:0;font-size:15px}.gb-immersive .gb-pickcount b{font-size:24px}.gb-immersive .gb-waiting,.gb-immersive .gb-fallen{margin-top:8px;font-size:16px}
@media(max-width:650px){.gb-scene{height:370px;min-height:300px}.gb-immersive .gb-pane header{flex-direction:row}.gb-immersive .gb-answer{font-size:23px}.gb-immersive .gb-player b{font-size:20px}}
.gb-immersive .gb-scene{height:420px}.gb-immersive .gb-names{max-height:105px;overflow:auto}.gb-immersive .gb-waiting>div{display:none}
/* Full-stage 3D layout; only active while this game is mounted. */
body.bridge-playing #brandmark{display:none!important}
body.bridge-playing #stageBar .sb-right,body.bridge-playing #stageBar .sb-mid{display:none!important}
body.bridge-playing #stage.bridge-full{position:fixed!important;inset:50px 72px 74px 0!important;width:auto!important;height:auto!important;max-width:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important}
body.bridge-playing:has(#practice:not(.hidden)) #stage.bridge-full{bottom:180px!important}
#stage.bridge-full .g-wrap{position:absolute!important;inset:0!important;transform:none!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}
#stage.bridge-full .g-body{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;display:block!important}
#stage.bridge-full .gb-game{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;padding:0}
#stage.bridge-full .gb-scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
#stage.bridge-full .gb-scene canvas{border-radius:0!important}
#stage.bridge-full .gb-question{position:absolute;z-index:3;top:24px;left:23%;right:23%;margin:0;text-align:center;font-size:clamp(25px,2.5vw,42px);padding:14px 22px;border-radius:16px;background:#06172ddc;border:1px solid #9bddff55;box-shadow:0 10px 35px #0004}
#stage.bridge-full .gb-status{position:absolute;z-index:3;top:26px;left:24px;display:flex;flex-direction:column;font-size:22px;gap:8px;background:#07182cc9;padding:12px 18px;border-radius:14px}
#stage.bridge-full .g-top{position:absolute!important;z-index:5;top:20px!important;right:24px!important;left:auto!important;width:130px!important;display:block!important;margin:0!important;background:#07182cdd;border:1px solid #91dcfc44;border-radius:16px;padding:10px!important;text-align:center}
#stage.bridge-full .g-sub,#stage.bridge-full .g-mid,#stage.bridge-full .g-how{display:none!important}
#stage.bridge-full #gtopright{font-size:48px!important;line-height:1.2}
#stage.bridge-full #gtimer{position:absolute!important;z-index:5;top:99px;right:24px;width:130px;height:5px;margin:0}
#stage.bridge-full .gb-board{position:absolute;z-index:3;inset:auto 22px 30px;display:flex;justify-content:space-between;gap:20px;margin:0;pointer-events:none}
#stage.bridge-full .gb-board .gb-pane{width:clamp(250px,27vw,420px);pointer-events:auto;background:linear-gradient(135deg,#09263eef,#07182cdc);backdrop-filter:blur(10px);border:1px solid #9fe4ff66;border-radius:18px;padding:14px 18px}
#stage.bridge-full .gb-number{font-size:64px}#stage.bridge-full .gb-answer{font-size:32px}
#stage.bridge-full .gb-pane.hold{border-color:#91ffd0;background:linear-gradient(135deg,#124d42ef,#071e25ed)}
#stage.bridge-full .gb-pane.cracked{border-color:#ff96a6;background:linear-gradient(135deg,#542037ef,#211222ed)}
#stage.bridge-full .gb-verdict{font-size:22px}
#stage.bridge-full .gb-names{max-height:130px;overflow:auto}#stage.bridge-full .gb-player b{font-size:23px}
#stage.bridge-full .gb-waiting{position:absolute;z-index:3;bottom:12px;left:35%;right:35%;font-size:19px;color:#e3f6ff;text-shadow:0 2px 6px #000}
#stage.bridge-full .gb-fallen{position:absolute;z-index:3;top:112px;left:24px;max-width:23%;font-size:17px;text-align:left}
#stage.bridge-full .gb-fallen>div{max-height:115px;overflow:auto}#stage.bridge-full .gb-fallen span{font-size:18px}
@media(max-width:800px){body.bridge-playing #stage.bridge-full{right:52px!important}#stage.bridge-full .gb-question{left:10px;right:10px;top:92px;font-size:25px;padding:8px}#stage.bridge-full .gb-status{top:12px;left:10px;font-size:17px;flex-direction:row}#stage.bridge-full .g-top{top:8px!important;right:10px!important;width:80px!important}#stage.bridge-full #gtimer{top:76px;right:10px;width:80px}#stage.bridge-full .gb-board{left:8px;right:8px;bottom:30px;gap:8px}#stage.bridge-full .gb-board .gb-pane{width:49%;padding:8px}#stage.bridge-full .gb-number{font-size:46px}#stage.bridge-full .gb-answer{font-size:23px}#stage.bridge-full .gb-player b{font-size:19px}#stage.bridge-full .gb-names{max-height:85px}#stage.bridge-full .gb-fallen{display:none}#stage.bridge-full .gb-waiting{left:10%;right:10%;font-size:16px}}
/* الأجوبة فوق لا تحت (طلب المالك ٢٠٢٦/٠٩/٢٤): أسفلُ البثّ تغطّيه تعليقاتُ
   تيك توك وهداياه، فلا يرى المشاهدُ اللوحين. صارا تحت السؤال على جانبي الجسر،
   والجسرُ في الوسط لا يُحجب. وقائمةُ الساقطين نزلت إلى الزاوية السفلى. */
#stage.bridge-full .gb-board{inset:150px 22px auto;align-items:flex-start}
#stage.bridge-full .gb-names{max-height:min(30vh,240px)}
#stage.bridge-full .gb-fallen{top:auto;bottom:16px}
@media(max-width:800px){#stage.bridge-full .gb-board{inset:196px 8px auto}}
/* (٢٠٢٦/١٠/٢٨) بطاقات «دخل اللعبة» كانت تتكدّس بنصّ الجسر — صارت صغيرة بالزاوية تحت، وثلاث بالكثير */
body.bridge-playing #joinfeed{inset-inline:auto 16px!important;inset-block-end:16px!important;margin:0!important;max-width:340px!important;gap:6px!important}
body.bridge-playing #joinfeed .joincard{min-height:46px!important;padding:6px 14px 6px 8px!important;transform-origin:left bottom}
body.bridge-playing #joinfeed .joincard .av,body.bridge-playing #joinfeed .joincard .pb-av{width:34px!important;height:34px!important}
body.bridge-playing #joinfeed .joincard:nth-last-child(n+4){display:none!important}