*{box-sizing:border-box}
:root{--night:#07100c;--panel:#101d16;--felt:#087247;--felt-dark:#033d27;--wood:#4e2d16;--wood-light:#a26731;--gold:#e7c568;--gold-dark:#8e6420;--cream:#fffdf4;--text:#fffdf7;--muted:#a9bdb2;--line:#ffffff1c;--danger:#d87878;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html{color-scheme:dark;background:var(--night);-webkit-text-size-adjust:100%;touch-action:manipulation}
body{margin:0;min-height:100vh;padding-bottom:var(--safe-bottom);font-family:Tahoma,"Noto Kufi Arabic",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% -15%,#2d5741 0,transparent 34%),linear-gradient(145deg,#0d1d15,var(--night) 68%);overscroll-behavior-y:none}
button,summary,textarea{font:inherit;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}

.bo-topbar{min-height:64px;padding:calc(8px + var(--safe-top)) max(12px,3vw) 8px;position:sticky;z-index:90;top:0;display:grid;grid-template-columns:86px 1fr 86px;align-items:center;border-bottom:1px solid #b48b4338;background:#06110de8;backdrop-filter:blur(18px)}
.bo-brand{text-align:center}.bo-brand strong,.bo-brand span{display:block}.bo-brand strong{font-size:18px}.bo-brand span{margin-top:2px;color:var(--gold);font-size:8px;letter-spacing:.08em}
.bo-live{justify-self:start;display:flex;align-items:center;gap:6px;color:#8ed9ae;font-size:8px;font-weight:900}.bo-live i,.bo-online-badge i{width:7px;height:7px;border-radius:50%;background:#61e59a;box-shadow:0 0 0 5px #61e59a17,0 0 15px #61e59a;animation:bo-pulse 1s ease-in-out infinite alternate}
.bo-menu-button{width:48px;height:46px;justify-self:end;border:1px solid #78897f;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2b3c33,#15241c);font-size:16px;font-weight:900;letter-spacing:2px;cursor:pointer}
.bo-menu{width:min(290px,calc(100vw - 24px));padding:7px;position:absolute;top:calc(57px + var(--safe-top));right:max(12px,3vw);display:grid;gap:5px;border:1px solid #997b43;border-radius:17px;background:#0b1812f7;box-shadow:0 24px 70px #000d;backdrop-filter:blur(16px)}
.bo-menu a,.bo-menu button{min-height:47px;padding:9px 12px;display:flex;align-items:center;border:1px solid #ffffff12;border-radius:11px;color:#fff;background:#1a2b22;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}.bo-menu .danger{border-color:#7f4444;color:#f3aaaa;background:#352020}

.bo-page{width:min(1120px,100%);min-height:calc(100vh - 64px);margin:auto;padding:clamp(8px,2vw,22px)}
.bo-lobby,.bo-search{width:min(700px,100%);margin:clamp(5px,2vh,20px) auto;padding:clamp(20px,4vw,38px);overflow:hidden;position:relative;border:1px solid #9d824a;border-radius:28px;background:radial-gradient(circle at 50% 0,#35634a,#14271d 45%,#09120e);box-shadow:0 30px 85px #000b;text-align:center}
.bo-lobby:before,.bo-search:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid #e6c7681f;border-radius:21px;background:repeating-conic-gradient(from 45deg at 12px 12px,#d2aa3e13 0 25%,transparent 0 50%) 0 0/24px 24px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.bo-lobby-art{height:112px;position:relative}.bo-suit{position:absolute;color:#ffffff07;font-size:135px;font-style:normal;line-height:1}.bo-suit-spade{right:-20px;top:-30px;transform:rotate(13deg)}.bo-suit-heart{left:-18px;top:-24px;color:#e467670d;transform:rotate(-11deg)}
.bo-lobby-card{width:78px;height:109px;padding:8px;position:absolute;top:0;left:50%;display:grid;place-items:center;border:2px solid #f4eee1;border-radius:11px;color:#141914;background:linear-gradient(145deg,#fffdf5,#ddd6c7);box-shadow:0 15px 34px #0009,inset 0 0 0 2px #fff}.bo-lobby-card b{position:absolute;top:7px;right:8px;font:900 18px Georgia}.bo-lobby-card span{font-size:43px}.bo-lobby-card-one{transform:translateX(-72%) rotate(-9deg)}.bo-lobby-card-two{color:#b32932;transform:translateX(-25%) rotate(9deg)}
.bo-online-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid #54b88155;border-radius:999px;color:#b9f3d2;background:#113d2a;font-size:9px;font-weight:900}
.bo-lobby h1{margin:11px 0 4px;font-size:clamp(36px,7vw,59px)}.bo-lobby>p{max-width:560px;margin:0 auto 15px;color:var(--muted);font-size:12px;line-height:1.9}
.bo-identity{padding:11px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #ffffff17;border-radius:16px;background:#07110db5;text-align:right}.bo-identity>i{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:#f4d989;background:#263c31;font-size:17px;font-style:normal;font-weight:900}.bo-identity div>*{display:block}.bo-identity small{color:var(--muted);font-size:8px}.bo-identity strong{margin:2px 0;font-size:14px}.bo-identity span{color:#d8b65c;font-size:8px}.bo-identity em{padding:5px 8px;border-radius:999px;color:#90cba9;background:#123323;font-size:7px;font-style:normal;font-weight:900}
.bo-feature-grid{margin:10px 0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bo-feature-grid article{padding:10px 7px;border:1px solid var(--line);border-radius:13px;background:#0a1510aa}.bo-feature-grid b,.bo-feature-grid span{display:block}.bo-feature-grid b{color:#f2d47f;font-size:11px}.bo-feature-grid span{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.6}
.bo-primary,.bo-secondary{min-height:52px;border-radius:14px;font-weight:900;cursor:pointer}.bo-primary{width:100%;border:1px solid #ffe099;color:#211708;background:linear-gradient(135deg,#f7d778,#c58b27);box-shadow:0 12px 35px #c7943035,inset 0 1px #fff5}.bo-primary:active{transform:scale(.985)}.bo-primary:disabled{opacity:.55;cursor:wait}.bo-secondary{min-width:160px;margin-top:20px;padding:8px 20px;border:1px solid #65766d;color:#fff;background:#23342c}.bo-lobby-note{display:block;margin-top:10px;color:#82998d;font-size:7px}

.bo-search h2{margin:11px 0 4px;font-size:29px}.bo-search>p{margin:0;color:var(--muted)}.bo-search-table{width:min(390px,84vw);aspect-ratio:1.7;margin:27px auto 17px;position:relative;border:8px solid #593718;border-radius:43%;background:radial-gradient(circle,#16835a,#075537 67%,#04331f);box-shadow:inset 0 0 45px #001a0e,0 20px 45px #0008}.bo-search-table:after{content:"";position:absolute;inset:11px;border:1px solid #ffffff1b;border-radius:40%}
.bo-search-seat{position:absolute;z-index:2;display:grid;place-items:center;gap:3px}.bo-search-seat i{width:42px;height:42px;display:grid;place-items:center;border:1px dashed #809289;border-radius:50%;color:#809289;background:#101c17;font-style:normal;font-weight:900}.bo-search-seat b{color:#81968c;font-size:7px}.bo-search-seat.found i{border-style:solid;border-color:var(--gold);color:#f7d778;background:#283a30;box-shadow:0 0 20px #e6bd5d42}.bo-search-seat.found b{color:#f3d47f}.bo-search-seat:nth-of-type(1){bottom:-28px;left:50%;transform:translateX(-50%)}.bo-search-seat:nth-of-type(2){right:-23px;top:50%;transform:translateY(-50%)}.bo-search-seat:nth-of-type(3){top:-28px;left:50%;transform:translateX(-50%)}.bo-search-seat:nth-of-type(4){left:-23px;top:50%;transform:translateY(-50%)}.bo-search-table>strong{position:absolute;inset:50% auto auto 50%;z-index:2;transform:translate(-50%,-50%);color:var(--gold);font-size:31px}.bo-search-table>strong small{display:block;color:var(--muted);font-size:7px}.bo-search-progress{height:5px;overflow:hidden;border-radius:999px;background:#ffffff10}.bo-search-progress i{width:0;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#5dd698,var(--gold));transition:width .5s ease}.bo-search>small{display:block;margin-top:11px;color:#83998e;font-size:8px;line-height:1.8}

.bo-game{width:100%;margin:auto}.bo-scorebar{display:grid;grid-template-columns:1fr minmax(110px,145px) 1fr;gap:6px}.bo-scorebar article,.bo-scorebar>div{min-height:66px;padding:6px;display:grid;place-items:center;border:1px solid #8a7240;border-radius:14px;background:linear-gradient(145deg,#1a2e24,#0b1610);text-align:center}.bo-scorebar article{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.bo-scorebar article>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#261b08;background:var(--gold);font-size:10px;font-weight:900}.bo-scorebar small{color:var(--muted);font-size:7px}.bo-scorebar strong{color:var(--gold);font-size:25px}.bo-scorebar>div b{color:#f5dc94;font-size:11px}.bo-project-strip{min-height:27px;padding:3px 0;display:flex;justify-content:center;gap:5px;overflow-x:auto;scrollbar-width:none}.bo-project-strip span{padding:5px 9px;border:1px solid #9a7940;border-radius:999px;color:#f3d47f;background:#342b19;font-size:7px;white-space:nowrap}

.bo-majlis-frame{padding:9px;overflow:hidden;position:relative;border:1px solid #c38a43;border-radius:27px;background:repeating-linear-gradient(90deg,#3d210f 0 9px,#74441f 9px 13px,#4a2811 13px 25px);box-shadow:0 22px 60px #000b,inset 0 0 0 2px #1d0e06}.bo-majlis-frame:before{content:"";position:absolute;z-index:2;inset:4px;pointer-events:none;border:2px solid #d1a34d55;border-radius:22px}.bo-corner-ornament{position:absolute;z-index:4;color:#f0ce74;font-style:normal;font-size:12px}.bo-corner-ornament.one{top:4px;right:8px}.bo-corner-ornament.two{bottom:4px;left:8px}
.bo-table{width:100%;height:clamp(245px,44vw,455px);overflow:hidden;position:relative;isolation:isolate;border:2px solid #d6ad5c;border-radius:20px;background-color:var(--felt);background-image:radial-gradient(ellipse at center,#15966a 0,#087049 42%,#03452c 78%),repeating-linear-gradient(45deg,#ffffff09 0 1px,transparent 1px 18px);box-shadow:inset 0 0 95px #001b10}.bo-table:before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid #f2d37c30;border-radius:14px;background:repeating-conic-gradient(from 45deg at 8px 8px,#f3d57e13 0 25%,transparent 0 50%) 0 0/16px 16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.bo-table:after{content:"";width:min(260px,35%);aspect-ratio:1;position:absolute;left:50%;top:50%;border:1px solid #e9c96c1c;border-radius:50%;box-shadow:0 0 0 8px #ffffff05,0 0 0 9px #e9c96c12;transform:translate(-50%,-50%);pointer-events:none}
.bo-table-mark{position:absolute;z-index:0;inset:50% auto auto 50%;display:flex;align-items:center;gap:6px;color:#ffffff0a;transform:translate(-50%,-50%) rotate(-6deg);font-size:18px;font-weight:900;white-space:nowrap}.bo-table-mark b{color:#e5bd5d15;font-size:35px}
.bo-seat{min-width:132px;max-width:195px;padding:5px 8px;position:absolute;z-index:7;display:flex;align-items:center;gap:6px;border:1px solid #ffffff25;border-radius:14px;background:#03100bc9;box-shadow:0 8px 19px #0009;backdrop-filter:blur(9px)}.bo-seat-avatar{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid #c99d47;border-radius:50%;color:#f1ce76;background:radial-gradient(circle at 35% 30%,#526c5d,#17251d);font-size:11px;font-weight:900;cursor:pointer}.bo-seat>div{min-width:0;flex:1}.bo-seat b,.bo-seat span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bo-seat b{font-size:10px}.bo-seat span{margin-top:2px;color:#a7bcb1;font-size:6px}.bo-seat>small{padding:3px 6px;position:absolute;right:-4px;top:-6px;display:none;border-radius:999px;color:#261a08;background:var(--gold);font-size:6px;font-weight:900}.bo-seat.dealer>small{display:block}.bo-seat>em{max-width:150px;padding:5px 7px;position:absolute;left:50%;top:-27px;display:none;border:1px solid #e7c96f;border-radius:9px 9px 2px;color:#271b08;background:#f4d77f;box-shadow:0 8px 18px #0008;transform:translateX(-50%);font-size:7px;font-style:normal;font-weight:900;white-space:nowrap}.bo-seat.call>em{display:block;animation:bo-pop .2s ease both}.bo-seat.active{border-color:#f0ca68;box-shadow:0 0 0 2px #f0ca6833,0 0 23px #f0ca6845;animation:bo-seat-glow .9s ease-in-out infinite alternate}.bo-seat.reconnecting{border-style:dashed;opacity:.68}.bo-seat-top{top:7px;left:50%;transform:translateX(-50%)}.bo-seat-bottom{bottom:7px;left:50%;transform:translateX(-50%)}.bo-seat-right{right:7px;top:50%;transform:translateY(-50%)}.bo-seat-left{left:7px;top:50%;transform:translateY(-50%)}
.bo-felt-center{position:absolute;z-index:3;inset:55px 132px;display:grid;place-items:center}.bo-deck{width:67px;height:86px;position:relative}.bo-deck-half{width:56px;height:78px;position:absolute;border:2px solid #eadbbd;border-radius:8px;background:repeating-linear-gradient(45deg,#123b2d 0 5px,#d6ad50 5px 7px);box-shadow:0 8px 17px #0009,inset 0 0 0 2px #173b2e}.bo-deck-half.first{left:0;top:7px;transform:rotate(-3deg)}.bo-deck-half.second{right:0;top:0;transform:rotate(3deg)}.bo-deck.splitting .first{animation:bo-cut-first .65s ease both}.bo-deck.splitting .second{animation:bo-cut-second .65s ease both}.bo-turn-card{text-align:center}.bo-turn-card small{display:block;margin-bottom:4px;color:#dce9e1;font-size:6px}.bo-trick{width:245px;height:145px;position:relative}.bo-trick .bo-card{position:absolute}.bo-trick .bo-card[data-relative="0"]{left:50%;top:76%;transform:translate(-50%,-50%)}.bo-trick .bo-card[data-relative="1"]{left:72%;top:50%;transform:translate(-50%,-50%) rotate(-3deg)}.bo-trick .bo-card[data-relative="2"]{left:50%;top:24%;transform:translate(-50%,-50%) rotate(2deg)}.bo-trick .bo-card[data-relative="3"]{left:28%;top:50%;transform:translate(-50%,-50%) rotate(3deg)}.bo-trick-count{padding:4px 8px;position:absolute;bottom:-1px;border-radius:999px;color:#d5e5dc;background:#02120bc4;font-size:6px}

.bo-status{min-height:39px;margin:6px 0;padding:9px;border:1px solid #ffffff14;border-radius:11px;color:#f1d787;background:#08140fbf;text-align:center;font-size:9px;font-weight:900}.bo-hand-panel{padding:7px 7px 4px;border:1px solid #ffffff12;border-radius:14px;background:#07110dcc}.bo-hand-panel header{display:flex;align-items:center;justify-content:space-between}.bo-hand-panel header small{color:var(--muted);font-size:7px}.bo-hand-panel header span{color:#d5ba72;font-size:7px}.bo-hand{height:116px;padding:7px 4px 3px;display:flex;align-items:flex-end;justify-content:center;direction:ltr;overflow:visible}
.bo-card{--w:64px;width:var(--w);height:calc(var(--w)*1.45);padding:0;overflow:hidden;position:relative;flex:0 0 auto;display:grid;place-items:center;border:1px solid #bdb4a1;border-radius:8px;color:#101612;background:linear-gradient(145deg,#fffef9,#e9e1d2);box-shadow:0 8px 19px #0009,inset 0 0 0 2px #fff;transform:translateZ(0);font-family:Georgia,"Times New Roman",serif}.bo-card:after{content:"";position:absolute;inset:5px;border:1px solid #c8bda755;border-radius:4px;pointer-events:none}.bo-card.red{color:#b21f2c}.bo-card .bo-corner{position:absolute;z-index:2;display:grid;place-items:center;line-height:.86;font-size:14px;font-weight:900}.bo-card .bo-corner small{font-size:10px}.bo-card .bo-corner.top{right:4px;top:4px}.bo-card .bo-corner.bottom{left:4px;bottom:4px;transform:rotate(180deg)}.bo-card .bo-pip{font-size:34px;text-shadow:0 1px #fff}.bo-card .bo-face{width:38px;height:52px;position:relative;z-index:1;display:grid;place-items:center;border:3px double currentColor;border-radius:50% 50% 8px 8px;background:linear-gradient(#e7c86f66,#56826a35);font-family:Tahoma,Arial,sans-serif;font-size:9px;font-weight:900}.bo-card .bo-face b{font-family:Georgia,serif;font-size:20px}.bo-card.back{border-color:#e5d7bc;background:repeating-linear-gradient(45deg,#123c2e 0 5px,#d0a84d 5px 7px);box-shadow:0 8px 18px #0009,inset 0 0 0 4px #153d30,inset 0 0 0 6px #e2c66d}
.bo-hand .bo-card{margin-left:calc(var(--w)*-.48);transition:transform .16s ease,filter .16s ease,opacity .16s ease}.bo-hand .bo-card:first-child{margin-left:0}.bo-hand button.bo-card{cursor:pointer}.bo-hand button.bo-card.legal{z-index:3;border-color:#f1c965;box-shadow:0 11px 23px #000a,0 0 0 2px #f1c96555;transform:translateY(-6px)}.bo-hand button.bo-card.legal:active{z-index:20;transform:translateY(-15px) scale(1.04)}.bo-hand button.bo-card:not(.legal){cursor:not-allowed;filter:saturate(.48) brightness(.72);opacity:.56}

.bo-action-sheet{margin:6px 0;padding:12px;border:1px solid #a38344;border-radius:17px;background:radial-gradient(circle at top,#42351d,#13231b 68%);box-shadow:0 18px 55px #000b;text-align:center}.bo-action-sheet header small{color:#e2bd62;font-size:7px;font-weight:900}.bo-action-sheet h2{margin:3px 0 9px;font-size:15px}.bo-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.bo-action-buttons button{min-height:47px;padding:7px;border:1px solid #63776c;border-radius:11px;color:#fff;background:#263b31;font-size:10px;font-weight:900;cursor:pointer}.bo-action-buttons button.sun{border-color:#f0cd72;color:#211708;background:linear-gradient(135deg,#f2d378,#c69130)}.bo-action-buttons button.ashkal{border-color:#a778d2;background:#4e3267}.bo-action-buttons button.project{border-color:#d6ac4f;color:#211708;background:#e6bf61}.bo-action-buttons button.danger{border-color:#d47373;background:#602c31}.bo-action-buttons button.pass{background:#303936}.bo-action-buttons button:active{transform:scale(.97)}.bo-action-buttons button:disabled{opacity:.5;cursor:wait}
.bo-calls{margin-top:6px;border:1px solid #ffffff12;border-radius:12px;background:#07110da8}.bo-calls summary{min-height:44px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#c9d6cf;font-size:8px;font-weight:900;cursor:pointer;list-style:none}.bo-calls summary::-webkit-details-marker{display:none}.bo-calls summary:after{content:"⌄";margin-inline-start:auto;margin-inline-end:8px;color:var(--gold)}.bo-calls[open] summary:after{transform:rotate(180deg)}.bo-calls summary span{padding:3px 6px;border-radius:999px;color:#f0d584;background:#342b1b;font-size:6px}.bo-calls>div{padding:0 7px 7px;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.bo-calls button{min-width:66px;min-height:42px;border:1px solid #65766d;border-radius:9px;color:#fff;background:#24362d;font-size:9px;font-weight:900}

.bo-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(13px,var(--safe-top)) 13px max(13px,var(--safe-bottom));border:0;background:#010704e8;backdrop-filter:blur(12px)}.bo-dialog[open]{display:grid;place-items:center}.bo-dialog::backdrop{background:transparent}.bo-dialog-card{width:min(500px,100%);max-height:90svh;padding:24px;overflow:auto;position:relative;border:1px solid #92743a;border-radius:23px;color:#fff;background:radial-gradient(circle at top,#3c594a,#14231c 60%);box-shadow:0 35px 95px #000c;text-align:center}.bo-dialog-card>small{color:var(--gold);font-size:8px;font-weight:900}.bo-dialog-card h2{margin:6px 0 11px}.bo-dialog-card p,.bo-rules-card li{color:var(--muted);font-size:10px;line-height:1.9}.bo-dialog-close{width:42px;height:42px;position:absolute;top:8px;left:8px;border:1px solid #62756b;border-radius:50%;color:#fff;background:#21352b;font-size:21px;cursor:pointer}.bo-result-grid{margin:13px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.bo-result-grid article{padding:13px;border:1px solid var(--line);border-radius:13px;background:#07110db5}.bo-result-grid span,.bo-result-grid b{display:block}.bo-result-grid b{margin-top:4px;color:var(--gold);font-size:25px}.bo-rules-card{text-align:right}.bo-rules-card h2,.bo-rules-card>small{text-align:center}.bo-rules-card ul{padding-right:19px}.bo-ledger{display:grid;gap:7px}.bo-ledger-score{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bo-ledger-score article{padding:11px;border:1px solid var(--line);border-radius:11px;background:#08130e}.bo-ledger-score b,.bo-ledger-score span{display:block}.bo-ledger-score b{color:var(--gold)}.bo-ledger-cards{min-height:54px;padding:7px;display:flex;gap:4px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#06100c;direction:ltr}.bo-ledger-cards span{min-width:34px;padding:7px 4px;border-radius:7px;color:#101511;background:#f2ecdf;font-family:Georgia,serif;font-weight:900}.bo-ledger-cards span.red{color:#b4232e}.bo-last-trick{min-height:108px;display:flex;align-items:center;justify-content:center;direction:ltr}.bo-last-trick .bo-card{margin-left:-8px}
.bo-profile-avatar{width:84px;height:84px;margin:8px auto 9px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--gold);border-radius:50%;color:#f2d27d;background:#183327;font-size:25px;font-weight:900}.bo-profile-card h2{margin-bottom:3px}.bo-profile-card>p{margin:0 0 12px;color:var(--gold)}.bo-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bo-profile-stats article{padding:12px;border:1px solid var(--line);border-radius:12px;background:#07130e}.bo-profile-stats span,.bo-profile-stats b{display:block}.bo-profile-stats span{color:var(--muted);font-size:7px}.bo-profile-stats b{margin-top:3px;color:#f3d27d;font-size:13px}.bo-profile-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.bo-profile-actions button{min-height:48px;border:1px solid #6b7d73;border-radius:11px;color:#fff;background:#25382f;font-size:9px;font-weight:900}.bo-profile-actions .danger{border-color:#8a4b4b;color:#ffc1c1;background:#432329}.bo-profile-card>#boSystemSeatNote{display:block;margin-top:12px;color:#aabdb2;line-height:1.7}
.bo-report-card{text-align:right}.bo-report-card>small,.bo-report-card>h2{text-align:center}.bo-report-card fieldset{margin:10px 0;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border:1px solid var(--line);border-radius:13px}.bo-report-card legend{padding:0 6px;color:var(--gold);font-size:8px;font-weight:900}.bo-report-card fieldset label{min-height:42px;padding:8px;display:flex;align-items:center;gap:7px;border:1px solid #ffffff10;border-radius:9px;background:#0a1610;font-size:9px}.bo-report-card input{accent-color:#d9b85d}.bo-report-details{display:grid;gap:6px;color:#c8d6ce;font-size:8px}.bo-report-details textarea{width:100%;min-height:92px;padding:10px;resize:vertical;border:1px solid #566a5f;border-radius:11px;outline:0;color:#fff;background:#07120d;font-size:10px}.bo-report-details textarea:focus{border-color:var(--gold)}.bo-form-message{min-height:20px;margin:7px 0!important;text-align:center}.bo-form-message.error{color:#ff9c9c}.bo-form-message.success{color:#86e0ad}
.bo-toast{min-width:190px;max-width:calc(100% - 26px);padding:10px 14px;position:fixed;z-index:2000;left:50%;bottom:max(17px,var(--safe-bottom));opacity:0;pointer-events:none;border:1px solid #d8b458;border-radius:11px;color:#201708;background:#f0cc70;box-shadow:0 12px 38px #000a;transform:translate(-50%,16px);transition:.2s;text-align:center;font-size:9px;font-weight:900}.bo-toast.show{opacity:1;transform:translate(-50%,0)}.bo-toast.error{border-color:#e38d8d;color:#fff;background:#6f292f}.bo-footer{padding:21px 14px 28px;display:grid;gap:5px;color:#74897f;text-align:center;font-size:7px}.bo-footer strong{color:#a8b9b0}

.bo-settings-card{display:grid;gap:7px}.bo-setting-row{width:100%;min-height:55px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #5f7469;border-radius:12px;color:#fff;background:#15281f;font-size:9px;font-weight:900}.bo-setting-row b{color:var(--gold);font-size:8px}.bo-setting-row.static{opacity:.82}
.bo-card .bo-face b{line-height:.8}.bo-card .bo-face em{font-size:5px;font-style:normal}.bo-card .bo-face small{font-size:10px}.bo-hand .bo-card.suit-start{margin-left:calc(var(--w)*-.35)}

@keyframes bo-pulse{to{opacity:.45;transform:scale(.82)}}@keyframes bo-pop{from{opacity:0;transform:translate(-50%,8px) scale(.86)}}@keyframes bo-seat-glow{to{box-shadow:0 0 0 2px #f0ca6840,0 0 28px #f0ca6850}}@keyframes bo-cut-first{50%{transform:translate(-40px,-10px) rotate(-10deg)}to{transform:translate(0,0) rotate(3deg)}}@keyframes bo-cut-second{50%{transform:translate(40px,10px) rotate(11deg)}to{transform:translate(0,7px) rotate(-3deg)}}

@media(max-width:700px){
  .bo-topbar{min-height:58px;grid-template-columns:72px 1fr 72px}.bo-brand strong{font-size:15px}.bo-menu-button{width:46px;height:44px}.bo-page{padding:6px}.bo-lobby,.bo-search{margin:4px auto;padding:17px 12px;border-radius:22px}.bo-lobby-art{height:94px}.bo-lobby-card{width:67px;height:94px}.bo-lobby-card span{font-size:36px}.bo-lobby h1{font-size:35px}.bo-lobby>p{margin-bottom:11px;font-size:10px}.bo-feature-grid{grid-template-columns:1fr 1fr}.bo-feature-grid article:last-child{grid-column:1/3}.bo-feature-grid article{padding:7px}.bo-primary{min-height:50px}
  .bo-scorebar{grid-template-columns:1fr 104px 1fr;gap:4px}.bo-scorebar article,.bo-scorebar>div{min-height:57px;padding:4px;border-radius:11px}.bo-scorebar article>span{width:29px;height:29px;font-size:8px}.bo-scorebar strong{font-size:21px}.bo-scorebar>div b{font-size:9px}.bo-project-strip{justify-content:flex-start}
  .bo-majlis-frame{padding:6px;border-radius:20px}.bo-table{height:245px;border-radius:14px}.bo-table:before{inset:7px}.bo-seat{min-width:83px;max-width:105px;padding:3px 4px;gap:3px;border-radius:9px}.bo-seat-avatar{width:27px;height:27px;font-size:8px}.bo-seat b{font-size:7px}.bo-seat span{font-size:5px}.bo-seat-top{top:4px}.bo-seat-bottom{bottom:4px}.bo-seat-right{right:4px}.bo-seat-left{left:4px}.bo-seat>em{top:-23px;font-size:6px}.bo-felt-center{inset:40px 55px}.bo-trick{width:174px;height:123px}.bo-trick .bo-card{--w:43px}.bo-table-mark b{font-size:25px}.bo-table-mark span{font-size:12px}.bo-deck{transform:scale(.72)}.bo-status{min-height:35px;margin:4px 0;padding:7px;font-size:8px}.bo-hand{height:104px}.bo-card{--w:57px}.bo-hand .bo-card{margin-left:calc(var(--w)*-.49)}
  .bo-action-sheet:not(.hidden){width:calc(100% - 12px);max-height:45svh;margin:0;padding:11px;position:fixed;z-index:100;right:6px;bottom:max(6px,var(--safe-bottom));overflow-y:auto;border-radius:18px}.bo-action-buttons button{min-height:48px}.bo-footer{padding-bottom:42px}.bo-report-card fieldset{grid-template-columns:1fr}.bo-profile-card,.bo-report-card{padding-inline:16px}
}
@media(max-width:390px){.bo-table{height:232px}.bo-felt-center{inset-inline:49px}.bo-seat{min-width:78px}.bo-card{--w:54px}.bo-hand{height:100px}.bo-trick .bo-card{--w:40px}.bo-lobby h1{font-size:32px}}
@media(orientation:landscape) and (max-height:620px){body{padding-bottom:0}.bo-topbar{min-height:52px;padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.bo-page{max-width:1040px;padding:4px 8px}.bo-scorebar article,.bo-scorebar>div{min-height:48px}.bo-project-strip{min-height:22px}.bo-table{height:calc(100svh - 158px);min-height:245px;max-height:420px}.bo-felt-center{inset-block:48px}.bo-status{position:absolute;z-index:12;left:50%;bottom:3px;width:min(380px,48%);margin:0;transform:translateX(-50%);background:#02120cdd}.bo-game{position:relative}.bo-hand-panel{margin-top:4px}.bo-hand{height:94px}.bo-action-sheet:not(.hidden){width:min(420px,48vw);right:max(8px,var(--safe-bottom));bottom:8px}.bo-calls{max-width:420px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* شاشة مجلس ثابتة: الطاولة واليد والمساند داخل مشهد واحد بلا تمرير. */
body.bo-in-game{height:100svh;min-height:0;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#402b1f 0,#15100d 38%,#060806 100%)}
body.bo-in-game .bo-topbar{height:calc(52px + var(--safe-top));min-height:0;padding:calc(4px + var(--safe-top)) 9px 4px;position:relative;background:linear-gradient(180deg,#211812f2,#090b09f7)}
body.bo-in-game .bo-brand strong{font-size:14px}body.bo-in-game .bo-brand span{font-size:6px}
body.bo-in-game .bo-menu-button{width:43px;height:40px;border-color:#9f814d;border-radius:12px}
body.bo-in-game .bo-live{font-size:7px}
body.bo-in-game .bo-page{height:calc(100svh - 52px - var(--safe-top));min-height:0;padding:4px;overflow:hidden}
body.bo-in-game .bo-footer{display:none}

.bo-game{height:100%;min-height:0;display:grid;grid-template-rows:50px 20px minmax(0,1fr);gap:2px;position:relative;overflow:hidden}
.bo-scorebar{height:50px;grid-template-columns:1fr minmax(82px,112px) 1fr;gap:4px}
.bo-scorebar article,.bo-scorebar>div{min-height:0;height:50px;padding:3px;border-radius:11px}
.bo-scorebar article>span{width:29px;height:29px;font-size:8px}.bo-scorebar strong{font-size:20px}.bo-scorebar>div b{font-size:9px}
.bo-project-strip{min-height:0;height:20px;padding:1px 0;align-items:center}.bo-project-strip span{padding:3px 7px;font-size:6px}

.bo-majlis-frame{height:100%;min-height:0;padding:0;overflow:hidden;position:relative;border:1px solid #ad8147;border-radius:20px;background-color:#281b16;background-image:linear-gradient(30deg,#6a25254d 12%,transparent 12.5%,transparent 87%,#6a25254d 87.5%),linear-gradient(150deg,#6a25254d 12%,transparent 12.5%,transparent 87%,#6a25254d 87.5%),linear-gradient(30deg,#6a25254d 12%,transparent 12.5%,transparent 87%,#6a25254d 87.5%),linear-gradient(150deg,#6a25254d 12%,transparent 12.5%,transparent 87%,#6a25254d 87.5%),radial-gradient(ellipse at center,#3b2a20,#130e0b 72%);background-position:0 0,0 0,13px 23px,13px 23px;background-size:26px 46px;box-shadow:inset 0 0 55px #000c,0 10px 32px #000b}
.bo-majlis-frame:before{inset:3px;border:1px solid #d8b0665c;border-radius:16px;background:none}
.bo-corner-ornament{z-index:16}
.bo-diwaniya-decor{position:absolute;z-index:1;inset:0;pointer-events:none}
.bo-musnad{position:absolute;display:block;border:2px solid #c69a4c;border-radius:13px;background-color:#6b2026;background-image:linear-gradient(45deg,transparent 42%,#d5ae6038 42% 48%,transparent 48% 52%,#d5ae6038 52% 58%,transparent 58%),radial-gradient(circle,#e0bd6f30 0 13%,transparent 14%);background-size:30px 30px,30px 30px;box-shadow:inset 0 0 0 3px #2e1115,inset 0 0 18px #120609,0 8px 16px #0009}
.bo-musnad:after{content:"";position:absolute;inset:5px;border:1px dashed #e5c77c75;border-radius:8px}
.bo-musnad-top{height:39px;top:5px;right:9%;left:9%}.bo-musnad-bottom{height:48px;right:7%;bottom:-18px;left:7%}
.bo-musnad-right,.bo-musnad-left{width:31px;top:17%;bottom:25%}.bo-musnad-right{right:-10px}.bo-musnad-left{left:-10px}

.bo-table{width:auto;height:auto;min-height:0;position:absolute;z-index:3;inset:45px 9px auto;bottom:124px;overflow:hidden;border:9px solid transparent;border-radius:26% / 22%;background:linear-gradient(#075d3a,#075d3a) padding-box,linear-gradient(105deg,#3b1d0c,#b77b38 22%,#4b250e 48%,#d0a34f 53%,#4a250f 77%,#8a5428) border-box;box-shadow:inset 0 0 0 2px #dfc27866,inset 0 0 75px #00140dc9,0 11px 22px #000b}
.bo-table:before{inset:8px;border-radius:22% / 18%;background:repeating-conic-gradient(from 45deg at 8px 8px,#f3d57e14 0 25%,transparent 0 50%) 0 0/16px 16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.bo-table:after{width:min(170px,31%);box-shadow:0 0 0 5px #ffffff04,0 0 0 6px #e9c96c14}
.bo-table-mark{font-size:11px}.bo-table-mark b{font-size:23px}
.bo-seat{min-width:88px;max-width:126px;padding:3px 5px;gap:4px;border-radius:10px;background:#120d0bd9;border-color:#d0ad6755;box-shadow:0 6px 14px #000a}
.bo-seat-avatar{width:29px;height:29px;border-color:#dcbd75;font-size:8px}.bo-seat b{font-size:7px}.bo-seat span{font-size:5px}.bo-seat>small{font-size:5px}
.bo-seat-top{top:3px}.bo-seat-bottom{bottom:3px}.bo-seat-right{right:3px}.bo-seat-left{left:3px}
.bo-felt-center{inset:38px 62px}.bo-trick{width:178px;height:112px}.bo-trick .bo-card{--w:42px}.bo-trick-count{font-size:5px}
.bo-deck{transform:scale(.73)}

.bo-status{width:min(330px,58%);min-height:27px;margin:0;padding:6px 8px;position:absolute;z-index:18;right:50%;bottom:118px;border-color:#d2ae6655;border-radius:9px;background:#0b0a08e8;transform:translateX(50%);font-size:7px;box-shadow:0 6px 16px #0009}
.bo-hand-panel{width:min(610px,94%);height:116px;padding:4px 7px 0;position:absolute;z-index:20;right:50%;bottom:1px;border:1px solid #d1a756;border-radius:18px 18px 5px 5px;background:linear-gradient(180deg,#6b2026e8,#260e12f5 45%,#10090af7);box-shadow:inset 0 0 0 3px #210b0e,0 -9px 25px #0009;transform:translateX(50%)}
.bo-hand-panel:before{content:"";position:absolute;inset:4px 6px;border:1px dashed #dcb86c55;border-radius:13px;pointer-events:none}.bo-hand-panel header{height:14px;position:relative;z-index:2;padding-inline:5px}.bo-hand-panel header small,.bo-hand-panel header span{font-size:6px}
.bo-hand{height:97px;padding:0 4px 1px;position:relative;z-index:3;align-items:flex-end;overflow:visible}
.bo-card{--w:63px;border-radius:7px;box-shadow:0 7px 16px #000b,inset 0 0 0 2px #fff}.bo-hand .bo-card{margin-left:calc(var(--w)*-.52);transform-origin:50% 120%}
.bo-hand .bo-card:nth-child(1){--fan:rotate(-8deg) translateY(5px)}.bo-hand .bo-card:nth-child(2){--fan:rotate(-6deg) translateY(2px)}.bo-hand .bo-card:nth-child(3){--fan:rotate(-3deg)}.bo-hand .bo-card:nth-child(4){--fan:rotate(-1deg) translateY(-2px)}.bo-hand .bo-card:nth-child(5){--fan:rotate(1deg) translateY(-2px)}.bo-hand .bo-card:nth-child(6){--fan:rotate(3deg)}.bo-hand .bo-card:nth-child(7){--fan:rotate(6deg) translateY(2px)}.bo-hand .bo-card:nth-child(8){--fan:rotate(8deg) translateY(5px)}
.bo-hand .bo-card{transform:var(--fan,none)}.bo-hand button.bo-card.legal{z-index:5;transform:translateY(-10px) rotate(0);box-shadow:0 12px 22px #000d,0 0 0 2px #f1c96566}.bo-hand button.bo-card.legal:active{transform:translateY(-18px) scale(1.04)}

.bo-calls{width:104px;margin:0;position:absolute;z-index:31;right:7px;bottom:119px;border-color:#b8924f;border-radius:10px;background:#17110df0;box-shadow:0 6px 16px #0008}.bo-calls summary{min-height:29px;padding:6px 8px;font-size:6px}.bo-calls summary span{display:none}.bo-calls>div{width:min(350px,calc(100vw - 24px));padding:6px;position:absolute;right:0;bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid #b8924f;border-radius:12px;background:#17110df5;box-shadow:0 12px 30px #000b}.bo-calls button{min-width:0;min-height:38px;font-size:8px}
.bo-game>.bo-action-sheet:not(.hidden){width:min(430px,calc(100% - 18px));max-height:min(390px,75svh);margin:0;padding:11px;position:fixed;z-index:120;right:50%;bottom:max(8px,var(--safe-bottom));overflow:auto;transform:translateX(50%);border-radius:18px}.bo-action-buttons button{min-height:46px}

@media(max-width:390px){
  body.bo-in-game .bo-topbar{height:calc(49px + var(--safe-top))}body.bo-in-game .bo-page{height:calc(100svh - 49px - var(--safe-top))}
  .bo-game{grid-template-rows:46px 18px minmax(0,1fr)}.bo-scorebar,.bo-scorebar article,.bo-scorebar>div{height:46px}.bo-project-strip{height:18px}
  .bo-table{inset:43px 6px auto;bottom:116px;border-width:7px}.bo-musnad-top{height:36px}.bo-musnad-right,.bo-musnad-left{width:27px}
  .bo-seat{min-width:76px;max-width:94px;padding:2px 3px}.bo-seat-avatar{width:25px;height:25px}.bo-felt-center{inset:34px 48px}.bo-trick{width:158px;height:105px}.bo-trick .bo-card{--w:38px}
  .bo-hand-panel{height:109px}.bo-hand{height:91px}.bo-card{--w:58px}.bo-status{bottom:111px}.bo-calls{bottom:112px}
}

@media(orientation:landscape) and (max-height:620px){
  body.bo-in-game .bo-topbar{height:calc(45px + var(--safe-top))}body.bo-in-game .bo-page{height:calc(100svh - 45px - var(--safe-top));padding:3px 7px}
  .bo-game{grid-template-rows:42px 16px minmax(0,1fr)}.bo-scorebar,.bo-scorebar article,.bo-scorebar>div{height:42px}.bo-project-strip{height:16px}
  .bo-majlis-frame{border-radius:15px}.bo-musnad-top{height:27px;top:3px}.bo-musnad-bottom{height:37px}.bo-musnad-right,.bo-musnad-left{top:12%;bottom:31%}
  .bo-table{inset:7px 68px 78px;border-width:8px;border-radius:24% / 28%}.bo-felt-center{inset:32px 100px}.bo-seat{min-width:94px;max-width:132px}.bo-seat-avatar{width:27px;height:27px}.bo-trick{width:210px;height:102px}.bo-trick .bo-card{--w:40px}
  .bo-hand-panel{width:min(570px,72%);height:79px;bottom:-1px}.bo-hand-panel header{height:11px}.bo-hand{height:66px}.bo-card{--w:49px}.bo-card .bo-corner{font-size:11px}.bo-card .bo-corner small{font-size:8px}.bo-card .bo-pip{font-size:28px}.bo-card .bo-face{width:31px;height:40px}.bo-card .bo-face b{font-size:16px}.bo-hand button.bo-card.legal{transform:translateY(-7px)}
  .bo-status{width:300px;bottom:77px}.bo-calls{right:12px;bottom:79px}.bo-calls>div{grid-template-columns:repeat(7,1fr);width:min(580px,calc(100vw - 30px))}
}

/* مشهد بلوت نظيف: سدو خمري يغطي مربع الطاولة كاملًا، بلا زخارف جانبية زائدة. */
.bo-corner-ornament,.bo-diwaniya-decor{display:none!important}
.bo-project-strip:empty{display:none}

/* Permanent buyer identity and authentic second-trick project reveal. */
.bo-purchase-badge{padding:3px 6px;position:absolute;z-index:9;right:31px;bottom:-8px;border:1px solid #efd27d;border-radius:999px;color:#241708;background:#e3bf62;box-shadow:0 3px 9px #0009;font-size:6px;font-weight:900;white-space:nowrap}
.bo-seat-projects{width:max-content;max-width:175px;position:absolute;z-index:14;left:50%;top:calc(100% + 10px);display:grid;gap:3px;transform:translateX(-50%);pointer-events:none}
.bo-seat-bottom .bo-seat-projects{top:auto;bottom:calc(100% + 7px)}
.bo-seat-left .bo-seat-projects{left:calc(100% + 5px);top:50%;transform:translateY(-50%)}
.bo-seat-right .bo-seat-projects{right:calc(100% + 5px);left:auto;top:50%;transform:translateY(-50%)}
.bo-seat-project{padding:3px 5px;border:1px solid #d5ad55;border-radius:7px;color:#f7dfa0;background:#180f09eb;box-shadow:0 5px 14px #000a;text-align:center}
.bo-seat-project>strong,.bo-seat-project>small{display:block!important;color:inherit!important;font-size:6px!important;white-space:nowrap}
.bo-project-cards{height:33px;margin-top:2px;display:flex!important;justify-content:center;direction:ltr;overflow:visible!important}
.bo-project-cards .bo-card{--w:23px;flex:0 0 auto;margin-left:-7px;border-radius:3px;box-shadow:0 2px 5px #000b}
.bo-project-cards .bo-card:first-child{margin-left:0}
@media(max-width:390px){.bo-purchase-badge{right:23px}.bo-seat-projects{max-width:125px}.bo-project-cards .bo-card{--w:20px;margin-left:-8px}}
.bo-game{grid-template-rows:auto minmax(0,1fr)}
.bo-majlis-frame{
  border-color:#8e6d43;
  background:
    repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 22px),
    linear-gradient(145deg,#b79b70,#8d704e 66%,#6c5138);
  box-shadow:inset 0 0 0 3px #51362180,inset 0 0 35px #35221655,0 9px 25px #0008;
}
.bo-table{
  background:
    linear-gradient(45deg,transparent 38%,#d8b5655c 38% 44%,transparent 44% 56%,#d8b5655c 56% 62%,transparent 62%) padding-box,
    linear-gradient(-45deg,transparent 38%,#210a116b 38% 44%,transparent 44% 56%,#210a116b 56% 62%,transparent 62%) padding-box,
    repeating-linear-gradient(0deg,#671d2b 0 10px,#86303e 10px 20px) padding-box,
    linear-gradient(135deg,#3b1e10,#ba8744 22%,#60331a 48%,#d5ad63 52%,#4b2815 78%,#9d6836) border-box;
  box-shadow:inset 0 0 0 2px #e0bd706b,inset 0 0 42px #2a0912a3,0 11px 23px #0009;
}
.bo-table:before{border-color:#e0c27d70;background:repeating-linear-gradient(45deg,#fff1c80a 0 1px,transparent 1px 14px)}
.bo-table:after{display:none!important}
.bo-table-mark{border-color:#e1c37570;color:#f8e9c0;background:#3d111ab8}
.bo-table-mark b{color:#ebcd76}

/* قيد أكبر بدرجة واحدة فقط ليبقى متناسقًا ولا يحجب اللعب. */
.bo-live-ledger{width:84px;padding:6px;gap:4px;border-radius:12px}
.bo-live-ledger>b{padding:3px;font-size:7px}
.bo-live-ledger span{padding:3px 2px;font-size:6px}
.bo-live-ledger strong{font-size:11px}

/* التفاعلات الخمسة فقط، بأزرار واضحة وسريعة اللمس. */
.bo-calls{width:94px}
.bo-calls summary{font-size:7px}
.bo-calls>div{grid-template-columns:repeat(2,minmax(0,1fr));width:min(330px,calc(100vw - 24px))}
.bo-calls button{min-height:42px;padding:6px 4px;font-size:8px}

@media(max-width:390px){
  .bo-game{grid-template-rows:auto minmax(0,1fr)}
  .bo-live-ledger{width:78px;top:8px;left:6px}
  .bo-calls{width:90px}
}
@media(orientation:landscape) and (max-height:620px){
  .bo-game{grid-template-rows:auto minmax(0,1fr)}
  .bo-live-ledger{width:82px;top:7px;left:9px}
  .bo-calls>div{grid-template-columns:repeat(5,minmax(0,1fr));width:min(560px,calc(100vw - 30px))}
}

.bo-live-ledger{width:72px;padding:5px;position:absolute;z-index:17;top:48px;left:7px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #d0a756;border-radius:11px;color:#f8e5ae;background:#160f0bdc;box-shadow:0 7px 18px #000a;backdrop-filter:blur(7px);text-align:center}
.bo-live-ledger>b{grid-column:1/3;padding:2px;border-radius:5px;color:#261708;background:#d9b65f;font-size:6px}.bo-live-ledger span{padding:2px;border:1px solid #ffffff12;border-radius:5px;color:#c7d2cb;font-size:5px}.bo-live-ledger strong{display:block;margin-top:1px;color:#f0cd72;font-size:9px}
.bo-turn-timer{width:37px;height:37px;position:absolute;z-index:12;top:2px;left:2px;display:grid;place-items:center;border:3px solid #e7c568;border-radius:50%;color:#fff5cf;background:#17100ce8;box-shadow:0 0 0 3px #0005,0 5px 13px #0009;font-size:8px;font-weight:900}.bo-turn-timer.urgent{border-color:#e56d6d;color:#ffd0d0;animation:bo-pulse .45s ease-in-out infinite alternate}
.bo-project-choices{position:absolute;z-index:32;right:50%;bottom:117px;display:flex;gap:4px;transform:translateX(50%)}.bo-project-choices button{min-width:50px;min-height:29px;padding:4px 7px;border:1px solid #b8924f;border-radius:8px;color:#f6e5b5;background:#241912e8;box-shadow:0 5px 12px #0008;font-size:6px;font-weight:900}.bo-project-choices button.available{border-color:#f0ca68;color:#211708;background:#e2bd60}.bo-project-choices button:active{transform:translateY(1px)}
.bo-majlis-frame.project-prompt .bo-status{bottom:149px}.bo-majlis-frame.project-prompt .bo-calls{bottom:149px}

@media(max-width:390px){.bo-live-ledger{width:66px;top:45px;left:5px}.bo-project-choices{bottom:110px}.bo-project-choices button{min-width:46px;padding-inline:5px}.bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:141px}}
@media(orientation:landscape) and (max-height:620px){.bo-live-ledger{top:31px;left:9px}.bo-project-choices{bottom:78px}.bo-project-choices button{min-width:53px}.bo-majlis-frame.project-prompt .bo-status{bottom:109px}.bo-majlis-frame.project-prompt .bo-calls{bottom:110px}.bo-turn-timer{width:32px;height:32px}}

/* النسبة الأساسية تبقى أفقية حتى والهاتف عمودي. */
.bo-table{top:45%;bottom:auto;height:min(240px,calc(100% - 165px));transform:translateY(-50%)}
@media(max-width:390px){.bo-table{top:44%;height:min(226px,calc(100% - 156px))}}
@media(orientation:landscape) and (max-height:620px){.bo-table{inset:7px 68px 78px;height:auto;transform:none}}

/* قرارات القص والشراء والرفع تستعمل فراغ المجلس ولا تغطي يد اللاعب. */
.bo-game>.bo-action-sheet:not(.hidden){width:min(330px,calc(100% - 28px));max-height:172px;top:108px;right:50%;bottom:auto;padding:8px 10px;position:absolute;overflow:auto;transform:translateX(50%);border-radius:14px}.bo-action-sheet header small{font-size:6px}.bo-action-sheet h2{margin:1px 0 6px;font-size:12px}.bo-action-buttons{gap:4px}.bo-action-buttons button{min-height:37px;padding:5px;font-size:8px}
@media(max-width:390px){.bo-game>.bo-action-sheet:not(.hidden){top:101px;max-height:164px}}
@media(orientation:landscape) and (max-height:620px){.bo-game>.bo-action-sheet:not(.hidden){width:min(300px,38%);max-height:178px;top:61px;right:50%;bottom:auto}.bo-action-buttons button{min-height:34px}}

/* طاولة السدو المربعة: مرجع بصري عربي واضح ومريح للمس على الهاتف. */
.bo-table{
  width:min(84vw,520px,calc(100svh - 330px));
  height:auto!important;
  aspect-ratio:1;
  inset:auto!important;
  top:43%!important;
  left:50%!important;
  overflow:visible;
  border:8px solid transparent;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 45%,#0b8656 0,#076441 57%,#043b29 100%) padding-box,
    linear-gradient(135deg,#3a1d0d,#c49246 22%,#5c2d13 48%,#e0bc67 52%,#54260f 78%,#a66c31) border-box;
  box-shadow:inset 0 0 0 2px #f2d78555,inset 0 0 55px #00170db8,0 12px 26px #000c;
  transform:translate(-50%,-50%)!important;
}
.bo-table:before{
  inset:8px;
  z-index:0;
  border:1px solid #efd47d5c;
  border-radius:11px;
  background:repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 14px);
  mask:none;
}
.bo-table:after{
  width:44%;
  aspect-ratio:1;
  z-index:0;
  border:4px solid #d2a552;
  border-radius:8px;
  background-color:#76242b;
  background-image:
    linear-gradient(45deg,transparent 38%,#e2bc6766 38% 44%,transparent 44% 56%,#e2bc6766 56% 62%,transparent 62%),
    linear-gradient(-45deg,transparent 38%,#220b1066 38% 44%,transparent 44% 56%,#220b1066 56% 62%,transparent 62%),
    repeating-linear-gradient(0deg,#5b1820 0 9px,#8d3036 9px 18px);
  background-size:28px 28px,28px 28px,100% 18px;
  box-shadow:inset 0 0 0 3px #2d0d12,inset 0 0 0 5px #d8b25d66,0 5px 16px #0009;
}
.bo-table-mark{z-index:1;color:#fff4ce18;transform:translate(-50%,-50%);font-size:8px}.bo-table-mark b{color:#f1d17324;font-size:15px}
.bo-felt-center{z-index:5;inset:52px}.bo-trick{width:172px;height:138px}.bo-trick-count{z-index:8}
.bo-seat{z-index:9}.bo-seat-top{top:5px}.bo-seat-bottom{bottom:5px}.bo-seat-right{right:5px}.bo-seat-left{left:5px}

/* الورق يبقى أبيض وكامل الوضوح حتى عندما لا يكون قابلًا للرمي. */
.bo-card{border-color:#9f988b;background:#fffdf8;box-shadow:0 8px 18px #000b,inset 0 0 0 2px #fff}
.bo-card:after{border-color:#8e877766}
.bo-card .bo-face{background:#fff8e7;border-radius:5px}
.bo-hand button.bo-card:not(.legal),.bo-hand button.bo-card:disabled{filter:none!important;opacity:1!important}

/* صور جنجفة إنجليزية قياسية أصلية، بلا إعادة رسم داخل التطبيق. */
.bo-card{overflow:hidden;padding:0;border:0;background:#fff;box-shadow:0 8px 17px #000a}
.bo-card:after{display:none}
.bo-original-card{width:100%;height:100%;position:absolute;inset:0;display:block;pointer-events:none}
.bo-hand button.bo-card:not(.legal){border-color:#a49d90;box-shadow:0 7px 15px #000b,inset 0 0 0 2px #fff}
.bo-hand-panel{background:#5c1d24;border-color:#dfb65d;box-shadow:inset 0 0 0 3px #210b0e,0 -9px 25px #000b}

/* مشاريع مستطيلة كبيرة وسريعة بدل الأزرار الصغيرة. */
.bo-project-choices{
  width:min(370px,94%);
  right:50%;
  bottom:116px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  transform:translateX(50%);
}
.bo-project-choices button{
  width:100%;
  min-width:0;
  min-height:43px;
  padding:6px 3px;
  border-radius:9px;
  font-size:9px;
}
.bo-project-choices button.unavailable{opacity:.72;color:#b9b4aa;background:#17130f}
.bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:165px}

/* محادثة صوتية اختيارية: لا يُطلب إذن الميكروفون إلا بعد الضغط. */
.bo-voice-button{
  width:48px;height:38px;padding:3px;position:absolute;z-index:95;top:calc(7px + var(--safe-top));left:max(55px,calc(8px + env(safe-area-inset-left,0px)));
  display:grid;grid-template-columns:17px 1fr;place-items:center;gap:2px;border:1px solid #8c7b54;border-radius:10px;color:#f6e6b5;background:#17130ff0;box-shadow:0 5px 13px #0008;font-size:6px;font-weight:900
}
.bo-voice-button svg{width:15px;height:15px;fill:currentColor}.bo-voice-button b{font-size:6px}.bo-voice-button[aria-pressed="true"]{border-color:#77d5a0;color:#092016;background:#8fe0ae}.bo-voice-button.connecting{opacity:.72}.bo-voice-button:disabled{cursor:wait}
.bo-seat-mic{width:19px;height:19px;padding:0;position:absolute;z-index:3;left:-5px;top:-6px;display:grid;place-items:center;border:1px solid #6f756f;border-radius:50%;color:#9aa39e;background:#171b18;box-shadow:0 3px 8px #0008;font-size:8px;font-style:normal}.bo-seat-mic.active{border-color:#71d39b;color:#062416;background:#8ce0ac}.bo-seat-mic.self-muted,.bo-seat-mic.muted{border-color:#99676b;color:#ffd0d0;background:#4a2227}.bo-seat-mic.muted:before{height:1px;transform:rotate(-45deg)}
.bo-seat-mic:before{content:"";width:5px;height:8px;border:1.5px solid currentColor;border-radius:4px}.bo-seat-mic:after{content:"";width:8px;height:5px;position:absolute;left:3px;bottom:2px;border-bottom:1.5px solid currentColor;border-radius:0 0 6px 6px}
.bo-voice-audio{width:0;height:0;overflow:hidden;position:fixed;pointer-events:none}

@media(max-width:390px){
  .bo-table{width:min(84vw,326px,calc(100svh - 325px));top:43%!important;border-width:7px}
  .bo-felt-center{inset:46px}.bo-trick{width:154px;height:124px}
  .bo-project-choices{width:96%;bottom:110px;gap:4px}.bo-project-choices button{min-height:42px;font-size:8px}
  .bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:158px}
  .bo-voice-button{left:51px;width:45px;height:36px}
}
@media(orientation:landscape) and (max-height:620px){
  .bo-table{width:min(31vw,calc(100svh - 210px));top:38%!important;border-width:6px}
  .bo-table:after{width:42%;border-width:3px}.bo-felt-center{inset:37px}.bo-trick{width:145px;height:108px}.bo-seat{min-width:80px;max-width:108px}.bo-seat-avatar{width:24px;height:24px}
  .bo-project-choices{width:min(430px,55%);bottom:82px}.bo-project-choices button{min-height:35px;font-size:8px}
  .bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:116px}
  .bo-voice-button{top:calc(4px + var(--safe-top));height:34px}
}

/* لوحة ألوان دافئة وواضحة للمجلس. */
body.bo-in-game{background:radial-gradient(circle at 50% 0,#6b3d2b 0,#271913 36%,#100d0b 100%)}
body.bo-in-game .bo-topbar{border-bottom-color:#e0bc6666;background:linear-gradient(180deg,#352218f7,#15110df8)}
.bo-scorebar article,.bo-scorebar>div{border-color:#d8b65d88;background:linear-gradient(145deg,#174637,#0b2f27);box-shadow:inset 0 1px #ffffff12,0 4px 10px #0007}
.bo-scorebar strong,.bo-scorebar>div b{color:#ffd66f}.bo-scorebar article>span{color:#38230d;background:#f2ce6c}
.bo-majlis-frame{background-color:#5b2b25;background-image:linear-gradient(30deg,#d65f5755 12%,transparent 12.5%,transparent 87%,#d65f5755 87.5%),linear-gradient(150deg,#d65f5755 12%,transparent 12.5%,transparent 87%,#d65f5755 87.5%),linear-gradient(30deg,#8c342e55 12%,transparent 12.5%,transparent 87%,#8c342e55 87.5%),linear-gradient(150deg,#8c342e55 12%,transparent 12.5%,transparent 87%,#8c342e55 87.5%),radial-gradient(ellipse at center,#744238,#241713 74%);box-shadow:inset 0 0 48px #160906aa,0 10px 30px #0009}
.bo-musnad{border-color:#f0c96b;background-color:#9d343d;background-image:linear-gradient(45deg,transparent 42%,#f3d78366 42% 48%,transparent 48% 52%,#f3d78366 52% 58%,transparent 58%),radial-gradient(circle,#ffe39b55 0 13%,transparent 14%);box-shadow:inset 0 0 0 3px #49151b,inset 0 0 16px #25080c,0 7px 15px #0008}
.bo-table{background:radial-gradient(circle at 50% 42%,#19a56f 0,#0a7951 56%,#055037 100%) padding-box,linear-gradient(135deg,#61320f,#e6b95b 22%,#8b4e1e 48%,#ffe08a 52%,#794015 78%,#c88836) border-box;box-shadow:inset 0 0 0 2px #ffe69a75,inset 0 0 45px #0035228c,0 12px 24px #000a}
.bo-table:after{border-color:#f1c96d;background-color:#a83740;background-image:linear-gradient(45deg,transparent 38%,#ffe08a99 38% 44%,transparent 44% 56%,#ffe08a99 56% 62%,transparent 62%),linear-gradient(-45deg,transparent 38%,#5b172066 38% 44%,transparent 44% 56%,#5b172066 56% 62%,transparent 62%),repeating-linear-gradient(0deg,#8f2c35 0 9px,#c84b50 9px 18px);box-shadow:inset 0 0 0 3px #58151d,inset 0 0 0 5px #ffde8388,0 5px 15px #0008}
.bo-table-mark{z-index:2;padding:4px 7px;border:1px solid #ffe08a66;border-radius:7px;color:#fff8df;transform:translate(-50%,-50%);font-size:8px;text-shadow:0 2px 4px #4a1118}.bo-table-mark b{color:#ffe17c;font-size:14px;text-shadow:0 2px 4px #4a1118}
.bo-hand-panel{background:linear-gradient(180deg,#9d343e,#5b1922 55%,#2d0f15);border-color:#f0c96c}
.bo-status,.bo-calls{border-color:#e1bd6877;background:#251812f2}.bo-live-ledger{border-color:#e8c46e;background:#2a1712ed}
.bo-seat{border-color:#edc96d77;background:#251a14ed}.bo-seat.active{border-color:#ffe07a;box-shadow:0 0 0 2px #ffe07a44,0 0 24px #ffe07a55}

/* مجلس بلوت هادئ: الحسبة الوحيدة داخل القيد، مع ورق كلاسيكي واضح. */
.bo-scorebar{display:none!important}
.bo-game{grid-template-rows:18px minmax(0,1fr)}
.bo-project-strip{height:18px}

body.bo-in-game{
  background:radial-gradient(ellipse at 50% 0,#3b2a1e 0,#17110d 46%,#090806 100%);
}
body.bo-in-game .bo-topbar{
  border-bottom-color:#b68a4d80;
  background:linear-gradient(180deg,#2a2018f8,#15110df9);
}
.bo-majlis-frame{
  border-color:#8d663a;
  background-color:#b79b70;
  background-image:
    linear-gradient(30deg,#6f1f2b18 12%,transparent 12.5%,transparent 87%,#6f1f2b18 87.5%),
    linear-gradient(150deg,#6f1f2b18 12%,transparent 12.5%,transparent 87%,#6f1f2b18 87.5%),
    linear-gradient(30deg,#ead9b833 12%,transparent 12.5%,transparent 87%,#ead9b833 87.5%),
    linear-gradient(150deg,#ead9b833 12%,transparent 12.5%,transparent 87%,#ead9b833 87.5%),
    radial-gradient(ellipse at center,#d7c39d,#94744d 78%);
  box-shadow:inset 0 0 0 3px #5d3a2290,inset 0 0 52px #3d281b70,0 10px 30px #0009;
}
.bo-majlis-frame:before{border-color:#f1ddae75}
.bo-corner-ornament{color:#f0d38b}
.bo-musnad{
  border-color:#d8b363;
  background-color:#762634;
  background-image:
    linear-gradient(45deg,transparent 42%,#e5c67555 42% 48%,transparent 48% 52%,#e5c67555 52% 58%,transparent 58%),
    radial-gradient(circle,#f3dda146 0 13%,transparent 14%);
  box-shadow:inset 0 0 0 3px #351017,inset 0 0 18px #220a0e,0 7px 15px #0008;
}
.bo-musnad:after{border-color:#efd89580}
.bo-table{
  background:
    radial-gradient(circle at 50% 43%,#147657 0,#0b5a43 58%,#063c30 100%) padding-box,
    linear-gradient(135deg,#3c1f10,#bd8a45 22%,#5e3219 48%,#d5ad63 52%,#4c2815 78%,#9e6937) border-box;
  box-shadow:inset 0 0 0 2px #e7ca7b65,inset 0 0 48px #002a20a8,0 12px 25px #000a;
}
.bo-table:before{border-color:#e4cc8c4f;background:repeating-linear-gradient(45deg,#fff9df08 0 1px,transparent 1px 14px)}
.bo-table:after{
  border-color:#d5ae62;
  background-color:#7c2635;
  background-image:
    linear-gradient(45deg,transparent 38%,#d9b35f80 38% 44%,transparent 44% 56%,#d9b35f80 56% 62%,transparent 62%),
    linear-gradient(-45deg,transparent 38%,#210b1180 38% 44%,transparent 44% 56%,#210b1180 56% 62%,transparent 62%),
    repeating-linear-gradient(0deg,#641c2a 0 9px,#8c3040 9px 18px);
  box-shadow:inset 0 0 0 3px #2f0c14,inset 0 0 0 5px #d6b36470,0 5px 15px #0008;
}
.bo-table-mark{
  border-color:#e1c37560;color:#f7e8c0;background:#481821b8;text-shadow:0 2px 4px #1f090d;
}
.bo-table-mark b{color:#e7c86f;text-shadow:0 2px 4px #1f090d}
.bo-seat{border-color:#c8a86680;color:#f9edcf;background:#261b14ed}
.bo-seat.active{border-color:#e2c46e;box-shadow:0 0 0 2px #e2c46e35,0 0 20px #e2c46e42}
.bo-seat-avatar{border-color:#d8ba70;background:#39271d}
.bo-seat .bo-seat-public-title{display:block;margin-top:1px;overflow:hidden;color:#d9bf78;font-size:6px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.bo-live-ledger{border-color:#caa65e;color:#f7e8bf;background:#24180fed}
.bo-live-ledger>b{color:#f7ead0;background:#762b38}
.bo-live-ledger span{color:#e7dbc3;background:#ffffff08}.bo-live-ledger strong{color:#e2c16d}
.bo-status,.bo-calls{border-color:#b9945577;color:#f4e4bd;background:#211710f2}
.bo-calls>div{border-color:#b99455;background:#211710fa}
.bo-hand-panel{
  border-color:#bb8b4b;
  background:linear-gradient(180deg,#77502f,#422b1d 56%,#21160f);
  box-shadow:inset 0 0 0 3px #2a190f,0 -9px 24px #0009;
}
.bo-hand-panel:before{border-color:#e0bd735c}
.bo-hand-panel header small,.bo-hand-panel header span{color:#f0dba9}
.bo-project-choices button{border-color:#b8904d;color:#f2dfb0;background:#291c13f2}
.bo-project-choices button.available{border-color:#dec06d;color:#2d1e0e;background:#e2c374}

/* ورق بلوت كلاسيكي قريب من الورق المعروف: أبيض، رقم ونوع بارزان، ووجه ملوّن. */
.bo-card{
  --w:68px;
  height:calc(var(--w)*1.43);
  border:1px solid #736d64;
  border-radius:6px;
  color:#171717;
  background:linear-gradient(145deg,#fff,#f8f5ed);
  box-shadow:0 8px 17px #000a,inset 0 0 0 1px #fff;
}
.bo-card.red{color:#c11f2c}
.bo-card:after{inset:3px;border-color:#77706442;border-radius:3px}
.bo-card .bo-corner{display:flex;flex-direction:column;gap:1px;line-height:.76;font-size:17px;font-weight:900}
.bo-card .bo-corner small{font-size:12px;line-height:1}
.bo-card .bo-corner.top{top:5px;right:auto;left:5px}
.bo-card .bo-corner.bottom{right:5px;bottom:5px;left:auto}
.bo-card .bo-pip{font-size:41px;text-shadow:none}
.bo-ace-pip{width:54%;height:59%;display:grid;place-items:center;position:relative;font-size:calc(var(--w)*.57);line-height:1}
.bo-ace-pip:before,.bo-ace-pip:after{content:"";width:67%;height:1px;position:absolute;left:16%;background:currentColor;opacity:.28}
.bo-ace-pip:before{top:17%}.bo-ace-pip:after{bottom:17%}
.bo-ace-pip i{font-style:normal}
.bo-pips{width:58%;height:72%;position:relative;display:block;font-size:calc(var(--w)*.17);line-height:1}
.bo-pips i{position:absolute;font-style:normal;transform:translate(-50%,-50%)}
.bo-card .bo-face{
  width:62%;height:74%;overflow:hidden;position:relative;border:0;border-radius:2px;background:#fff9e8;box-shadow:0 0 0 1px #806b45;
}
.bo-card .bo-face:before,.bo-card .bo-face:after{display:none}
.bo-court-view{width:100%;height:100%;display:block;color:inherit}
.bo-hand .bo-card{margin-left:calc(var(--w)*-.33);transform-origin:50% 125%}
.bo-hand .bo-card:nth-child(1){--fan:rotate(-5deg) translateY(3px)}
.bo-hand .bo-card:nth-child(2){--fan:rotate(-3.5deg) translateY(1px)}
.bo-hand .bo-card:nth-child(3){--fan:rotate(-2deg)}
.bo-hand .bo-card:nth-child(4){--fan:rotate(-.7deg) translateY(-1px)}
.bo-hand .bo-card:nth-child(5){--fan:rotate(.7deg) translateY(-1px)}
.bo-hand .bo-card:nth-child(6){--fan:rotate(2deg)}
.bo-hand .bo-card:nth-child(7){--fan:rotate(3.5deg) translateY(1px)}
.bo-hand .bo-card:nth-child(8){--fan:rotate(5deg) translateY(3px)}
.bo-hand button.bo-card.legal{border-color:#d5b45e;box-shadow:0 11px 21px #000b,0 0 0 2px #d5b45e55;transform:translateY(-8px)}
.bo-hand button.bo-card:not(.legal),.bo-hand button.bo-card:disabled{filter:none!important;opacity:1!important}

@media(max-width:390px){
  .bo-game{grid-template-rows:18px minmax(0,1fr)}
  .bo-project-strip{height:18px}
  .bo-table{width:min(86vw,340px,calc(100svh - 292px));top:44%!important}
  .bo-hand-panel{height:128px}.bo-hand{height:111px}.bo-card{--w:64px}
  .bo-status{bottom:130px}.bo-calls{bottom:131px}
  .bo-project-choices{bottom:136px}
  .bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:182px}
}
@media(orientation:landscape) and (max-height:620px){
  .bo-game{grid-template-rows:16px minmax(0,1fr)}
  .bo-project-strip{height:16px}
  .bo-table{width:min(34vw,calc(100svh - 165px),300px);top:40%!important}
  .bo-hand-panel{width:min(590px,76%);height:86px}.bo-hand{height:74px}.bo-card{--w:55px}
  .bo-status{bottom:87px}.bo-calls{bottom:89px}
  .bo-project-choices{bottom:94px}
  .bo-majlis-frame.project-prompt .bo-status,.bo-majlis-frame.project-prompt .bo-calls{bottom:127px}
}

/* القرار النهائي للمشهد بعد جميع قواعد الاستجابة أعلاه. */
.bo-game{grid-template-rows:minmax(0,1fr)!important}
.bo-project-strip{width:calc(100% - 190px);height:auto!important;max-height:28px;position:absolute;z-index:34;top:3px;right:95px;overflow-x:auto}
.bo-project-strip:empty{display:none}
.bo-corner-ornament,.bo-diwaniya-decor{display:none!important}
.bo-majlis-frame{
  border-color:#8e6d43;
  background:repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 22px),linear-gradient(145deg,#b79b70,#8d704e 66%,#6c5138);
  box-shadow:inset 0 0 0 3px #51362180,inset 0 0 35px #35221655,0 9px 25px #0008;
}
.bo-table{
  background:linear-gradient(45deg,transparent 38%,#d8b5655c 38% 44%,transparent 44% 56%,#d8b5655c 56% 62%,transparent 62%) padding-box,linear-gradient(-45deg,transparent 38%,#210a116b 38% 44%,transparent 44% 56%,#210a116b 56% 62%,transparent 62%) padding-box,repeating-linear-gradient(0deg,#671d2b 0 10px,#86303e 10px 20px) padding-box,linear-gradient(135deg,#3b1e10,#ba8744 22%,#60331a 48%,#d5ad63 52%,#4b2815 78%,#9d6836) border-box;
  box-shadow:inset 0 0 0 2px #e0bd706b,inset 0 0 42px #2a0912a3,0 11px 23px #0009;
}
.bo-table:before{border-color:#e0c27d70;background:repeating-linear-gradient(45deg,#fff1c80a 0 1px,transparent 1px 14px)}
.bo-table:after{display:none!important}
.bo-table-mark{border-color:#e1c37570;color:#f8e9c0;background:#3d111ab8}.bo-table-mark b{color:#ebcd76}
.bo-live-ledger{width:84px;padding:6px;gap:4px;border-radius:12px}.bo-live-ledger>b{padding:3px;font-size:7px}.bo-live-ledger span{padding:3px 2px;font-size:6px}.bo-live-ledger strong{font-size:11px}
.bo-calls{width:94px}.bo-calls summary{font-size:7px}.bo-calls>div{grid-template-columns:repeat(2,minmax(0,1fr));width:min(330px,calc(100vw - 24px))}.bo-calls button{min-height:42px;padding:6px 4px;font-size:8px}
@media(max-width:390px){.bo-game{grid-template-rows:minmax(0,1fr)!important}.bo-live-ledger{width:78px;top:8px;left:6px}.bo-calls{width:90px}}
@media(orientation:landscape) and (max-height:620px){.bo-game{grid-template-rows:minmax(0,1fr)!important}.bo-live-ledger{width:82px;top:7px;left:9px}.bo-calls>div{grid-template-columns:repeat(5,minmax(0,1fr));width:min(560px,calc(100vw - 30px))}}
.bo-premium-celebration::before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:radial-gradient(circle at 16% 20%,#f0ca61 0 3px,transparent 4px),radial-gradient(circle at 82% 16%,#68d9c0 0 4px,transparent 5px),radial-gradient(circle at 72% 78%,#d990ff 0 3px,transparent 4px),radial-gradient(circle at 25% 84%,#ff8d72 0 4px,transparent 5px);background-size:120px 130px,150px 145px,135px 160px,165px 150px;animation:boPremiumWin 1.8s linear infinite}.bo-premium-celebration .bo-result-card{border-color:#efca69!important;box-shadow:0 0 55px #e5b84566!important}@keyframes boPremiumWin{to{background-position:0 130px,0 145px,0 160px,0 150px}}@media(prefers-reduced-motion:reduce){.bo-premium-celebration::before{animation:none}}
/* Private Baloot rooms */
.bo-private-tools{display:grid;grid-template-columns:1fr minmax(130px,180px) 1fr;gap:9px;width:min(680px,100%);margin:10px auto 0}.bo-private-tools button,.bo-private-tools label{min-height:48px;border:1px solid #9d7435;border-radius:13px;background:#271d19;color:#fff}.bo-private-tools button{padding:9px 12px;font:800 14px/1.2 inherit;cursor:pointer}.bo-private-tools label{display:flex;align-items:center;gap:7px;padding:4px 10px}.bo-private-tools label span{font-size:10px;color:#d1b795}.bo-private-tools input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1ca68;font:900 17px/1 system-ui;text-align:center;direction:ltr}.bo-private-dialog{width:min(580px,calc(100% - 22px));border:1px solid #a77a36;border-radius:20px;background:#191311;color:#fff;padding:0}.bo-private-dialog::backdrop{background:#080403d9;backdrop-filter:blur(5px)}.bo-private-dialog>section{position:relative;padding:24px}.bo-private-close{position:absolute;left:13px;top:13px;width:44px;height:44px;border:1px solid #705d51;border-radius:12px;background:#2a211e;color:#fff;font-size:24px}.bo-private-dialog h2 b{display:inline-block;color:#f1ca68;direction:ltr}.bo-private-dialog>section>p{color:#cfbfae}.bo-private-dialog ol{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}.bo-private-dialog li{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"avatar name" "avatar status";align-items:center;column-gap:8px;min-height:58px;padding:8px;border:1px dashed #66574d;border-radius:13px;color:#ae9f95}.bo-private-dialog li.ready{border-style:solid;border-color:#997334;color:#fff}.bo-private-dialog li i{grid-area:avatar;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#392722;color:#f2cf78;font-style:normal}.bo-private-dialog li b{grid-area:name}.bo-private-dialog li small{grid-area:status;color:#a9998f}.bo-private-dialog #boPrivateFriends{display:grid;gap:7px;max-height:24vh;overflow:auto;margin:12px 0}.bo-private-friend{display:flex;align-items:center;gap:9px;min-height:54px;padding:7px 9px;border:1px solid #66574d;border-radius:13px;background:#2a211e;color:#fff;text-align:right}.bo-private-friend>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#704e31;color:#ffe097;font-style:normal}.bo-private-friend>span{display:flex;flex:1;min-width:0;flex-direction:column}.bo-private-friend small{color:#b9aaa0}.bo-private-friend strong{color:#f1ca68}
@media(max-width:600px){.bo-private-tools{grid-template-columns:1fr 1fr}.bo-private-tools label{grid-column:1/-1;grid-row:1}.bo-private-dialog>section{padding:20px 13px}.bo-private-dialog ol{gap:6px}.bo-private-dialog li{font-size:12px}}
.bo-game-room-code{position:absolute;z-index:32;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:7px 11px;border:1px solid #a77b36;border-radius:999px;background:#1b1310e8;color:#f4d57d;font:800 11px/1 system-ui;direction:rtl;box-shadow:0 4px 18px #0008}.bo-game-room-code.hidden{display:none}