*{box-sizing:border-box} :root{--bg:#0b1116;--panel:#172129;--panel2:#202d36;--line:#40515d;--text:#f8f6ef;--muted:#aab6bd;--gold:#e3bc64;--accent:#57c69a} html{color-scheme:dark;overscroll-behavior:none}body{margin:0;min-height:100svh;padding:0 0 env(safe-area-inset-bottom);overflow-x:hidden;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% -20%,#3c5060,#15212a 34%,var(--bg) 72%)}button,a{font:inherit}button{color:inherit}.tg-topbar{min-height:62px;padding:calc(7px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:8px;border-bottom:1px solid #ffffff16;background:#091016e8;backdrop-filter:blur(16px)}.tg-topbar a,.tg-icon-btn{min-height:44px;padding:8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--text);background:#202c35;text-decoration:none;font-weight:900;font-size:12px}.tg-brand{text-align:center}.tg-brand strong{display:block;color:#fff;font-size:18px}.tg-brand span{color:var(--gold);font-size:9px}.tg-page{width:min(1040px,100%);min-height:calc(100svh - 63px);margin:auto;padding:12px}.tg-panel{border:1px solid #ffffff17;border-radius:22px;background:linear-gradient(160deg,#22303a,#111a21 75%);box-shadow:0 18px 55px #0007}.tg-status{min-height:46px;padding:8px 12px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff16;border-radius:14px;color:#f6dfa7;background:#0b151bd9;font-size:12px;font-weight:900;text-align:center}.tg-button{min-height:46px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--accent) 60%,#fff2);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,#fff),color-mix(in srgb,var(--accent) 66%,#000));box-shadow:0 10px 24px #0005;color:#07120e;font-weight:900}.tg-button.secondary{color:#f3f5f6;background:#24323b;border-color:#51616c}.tg-button:disabled{opacity:.45;filter:grayscale(.5)}dialog{width:min(430px,calc(100% - 24px));padding:18px;border:1px solid #ffffff2e;border-radius:20px;color:var(--text);background:#142029;box-shadow:0 30px 90px #000c;text-align:center}dialog::backdrop{background:#02070bd9;backdrop-filter:blur(5px)}dialog h2{margin:0 0 6px}dialog p{color:var(--muted);line-height:1.7}.dialog-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dialog-actions .tg-button:only-child{grid-column:1/3}.tg-toast{position:fixed;z-index:50;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);padding:10px 14px;pointer-events:none;opacity:0;transform:translate(-50%,12px);border:1px solid #ffffff23;border-radius:12px;background:#101b22ee;box-shadow:0 15px 45px #0009;font-size:12px;font-weight:900;transition:.2s}.tg-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:520px){.tg-topbar{grid-template-columns:62px 1fr 62px}.tg-brand strong{font-size:16px}.tg-page{padding:7px}.tg-panel{border-radius:17px}}@media(orientation:landscape) and (max-height:620px){.tg-topbar{min-height:51px;padding-top:calc(3px + env(safe-area-inset-top));padding-bottom:3px}.tg-page{min-height:calc(100svh - 51px);padding:5px 10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* لعبة الألوان */
.colors-game{--accent:#efb54a;min-height:calc(100svh - 87px);padding:10px;display:grid;grid-template-rows:auto minmax(200px,1fr) auto;gap:8px;overflow:hidden}.colors-opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.colors-player{min-height:58px;padding:7px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;border:1px solid #ffffff16;border-radius:13px;background:#101a21}.colors-player.active{border-color:var(--gold);box-shadow:0 0 18px #e8bd5740}.colors-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#354753;color:#fff;font-weight:900}.colors-player b,.colors-player small{display:block}.colors-player small{color:var(--muted);font-size:9px}.colors-table{min-height:0;position:relative;display:grid;grid-template-columns:1fr 86px 86px 1fr;align-items:center;justify-items:center;border-radius:18px;background:radial-gradient(circle,#2d7d68,#174d43 58%,#0d2e29);box-shadow:inset 0 0 55px #001a17}.colors-table:after{content:'خلك قدها';position:absolute;left:50%;bottom:10px;transform:translateX(-50%);color:#ffffff1c;font-size:clamp(22px,8vw,58px);font-weight:900;white-space:nowrap}.color-card{--card:#58626a;width:72px;aspect-ratio:.7;position:relative;padding:4px;display:grid;place-items:center;border:4px solid #f8f2e6;border-radius:12px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 90%,#fff),var(--card));box-shadow:0 8px 15px #0007;font-size:25px;font-weight:900;text-shadow:0 2px 2px #0006}.color-card:before{content:'';position:absolute;inset:12% 19%;border:2px solid #ffffffb0;border-radius:50%;transform:rotate(28deg)}.color-card>*{position:relative;z-index:1}.color-card.red{--card:#dc554d}.color-card.blue{--card:#3d85ce}.color-card.green{--card:#3c9c66}.color-card.gold{--card:#dca936}.color-card.wild{--card:#343941;background:conic-gradient(#dc554d,#dca936,#3c9c66,#3d85ce,#dc554d)}.colors-pile{border:0;background:transparent}.colors-pile .color-card{background:repeating-linear-gradient(45deg,#4c2037 0 8px,#d4a749 8px 10px);font-size:13px}.colors-pile .color-card:before{border-radius:10px;transform:none}.colors-center-label{font-size:9px;color:#d5e2dd;text-align:center}.colors-hand-panel{min-height:128px;padding:8px;border:1px solid #ffffff16;border-radius:16px;background:#0d151bd9}.colors-hand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;font-size:10px;color:var(--muted)}.colors-hand{height:101px;display:flex;align-items:flex-end;justify-content:center;padding-inline:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.colors-hand .color-card{flex:0 0 57px;width:57px;margin-inline:-10px;border-width:3px;border-radius:9px;font-size:19px;transform-origin:bottom;transition:.15s}.colors-hand .color-card.playable{cursor:pointer;transform:translateY(-9px)}.colors-hand .color-card:not(.playable){filter:brightness(.66)}.colors-hand .color-card:hover{z-index:4}.color-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.color-picker button{min-height:62px;border:2px solid #fff7;border-radius:14px;background:var(--pick)}@media(max-width:520px){.colors-game{min-height:calc(100svh - 76px);grid-template-rows:auto minmax(190px,1fr) 121px}.colors-opponents{gap:4px}.colors-player{min-height:52px;padding:5px;grid-template-columns:27px 1fr;gap:4px}.colors-avatar{width:27px;height:27px;font-size:11px}.colors-player b{font-size:9px}.colors-table{grid-template-columns:1fr 67px 67px 1fr}.color-card{width:60px}.colors-hand-panel{min-height:121px}.colors-hand{height:95px;padding-inline:19px}.colors-hand .color-card{flex-basis:53px;width:53px}}

/* انحش يا الذيب */
.ludo-wrap{--accent:#e2bc60;min-height:calc(100svh - 87px);padding:10px;display:grid;grid-template-columns:minmax(300px,680px) 250px;align-items:center;justify-content:center;gap:10px}.ludo-board{width:min(100%,min(78svh,680px));aspect-ratio:1;position:relative;display:grid;grid-template:repeat(11,1fr)/repeat(11,1fr);direction:ltr;overflow:hidden;border:7px solid #b88b45;border-radius:25px;background:#e8dcc0;box-shadow:inset 0 0 0 2px #6c4628,0 25px 70px #0009}.ludo-cell{position:relative;border:1px solid #6e644d38;background:#f2e9d3}.ludo-cell.safe{background:#edd484}.ludo-cell.start-red{background:#c95555}.ludo-cell.start-blue{background:#4b8cc9}.ludo-cell.start-green{background:#55a56c}.ludo-cell.start-gold{background:#d2a13d}.ludo-home-lane.red{background:#d98a87}.ludo-home-lane.blue{background:#8db8df}.ludo-home-lane.green{background:#91c69f}.ludo-home-lane.gold{background:#e2c276}.ludo-yard{position:absolute;width:31%;height:31%;padding:6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;border:6px solid #ffffff9c;border-radius:20px;background:var(--yard);box-shadow:inset 0 0 25px #0003}.ludo-yard.red{left:8%;top:8%;--yard:#b94444}.ludo-yard.blue{right:8%;top:8%;--yard:#347ab6}.ludo-yard.green{right:8%;bottom:8%;--yard:#3c9256}.ludo-yard.gold{left:8%;bottom:8%;--yard:#c28f27}.ludo-yard i{border-radius:50%;background:#f7efd9;box-shadow:inset 0 0 0 2px #0002}.ludo-center{position:absolute;z-index:1;inset:37%;display:grid;place-items:center;transform:rotate(45deg);border:4px solid #fff8;background:conic-gradient(#c95555 0 25%,#4b8cc9 0 50%,#55a56c 0 75%,#d2a13d 0)}.ludo-center b{transform:rotate(-45deg);font-size:9px;text-align:center}.ludo-piece{position:absolute;z-index:5;width:5.7%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50% 50% 45% 45%;background:var(--piece);box-shadow:0 4px 7px #0007;color:#fff;font-size:9px;font-style:normal;font-weight:900;transition:left .25s,top .25s}.ludo-piece.playable{cursor:pointer;animation:ludoPulse .75s infinite alternate}.ludo-piece.red{--piece:#c74444}.ludo-piece.blue{--piece:#347fbe}.ludo-piece.green{--piece:#389456}.ludo-piece.gold{--piece:#c79327}.ludo-piece.stack-1{transform:translate(-75%,-50%) scale(.82)}.ludo-piece.stack-2{transform:translate(-25%,-50%) scale(.82)}.ludo-side{padding:13px;display:grid;gap:9px}.ludo-players{display:grid;gap:6px}.ludo-player{min-height:51px;padding:7px 9px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff14;border-radius:12px;background:#111b22}.ludo-player.active{border-color:var(--player);box-shadow:0 0 18px color-mix(in srgb,var(--player) 34%,transparent)}.ludo-player i{width:27px;height:27px;border-radius:50%;background:var(--player)}.ludo-player b{font-size:11px}.ludo-player small{display:block;color:var(--muted);font-size:8px}.ludo-roll{display:grid;grid-template-columns:72px 1fr;gap:8px}.ludo-die{min-height:68px;border:1px solid #ffffff2b;border-radius:14px;background:#f5ecd8;color:#1f2528;font-size:32px;font-weight:900}.ludo-die:disabled{opacity:.7}@keyframes ludoPulse{to{filter:drop-shadow(0 0 8px #fff);transform:translate(-50%,-63%) scale(1.08)}}@media(max-width:760px){.ludo-wrap{min-height:calc(100svh - 76px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:6px}.ludo-board{width:min(100%,calc(100svh - 255px));min-width:300px;align-self:center}.ludo-side{padding:7px}.ludo-players{grid-template-columns:repeat(4,1fr)}.ludo-player{min-height:41px;padding:4px;justify-content:center}.ludo-player i{width:18px;height:18px}.ludo-player b{font-size:8px}.ludo-player small{font-size:7px}.ludo-roll{grid-template-columns:62px 1fr}.ludo-die{min-height:54px}}

/* سوق الديرة */
.estate-wrap{--accent:#ddb05d;min-height:calc(100svh - 87px);padding:10px;display:grid;grid-template-columns:minmax(330px,720px) 250px;align-items:center;justify-content:center;gap:10px}.estate-board{width:min(100%,min(78svh,720px));aspect-ratio:1;position:relative;display:grid;grid-template:repeat(6,1fr)/repeat(6,1fr);direction:ltr;overflow:hidden;border:7px solid #a47a45;border-radius:22px;background:#d9cfad;box-shadow:inset 0 0 0 2px #5c3b24,0 25px 70px #0008}.estate-cell{position:relative;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #4c493d66;color:#222;background:#f2e9cf;font-size:clamp(6px,1.25vw,10px);text-align:center}.estate-cell strong{line-height:1.15}.estate-cell small{font-size:.78em}.estate-cell .estate-band{width:calc(100% + 8px);height:20%;margin:-4px -4px 1px;background:var(--prop,#927454)}.estate-cell.corner{background:#d6c494;font-weight:900}.estate-cell.owned-user{box-shadow:inset 0 0 0 4px #c74d47}.estate-cell.owned-ai{box-shadow:inset 0 0 0 4px #3b83c4}.estate-center{grid-area:2/2/6/6;padding:8%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#efe4c9 0 15px,#eadbbe 15px 30px)}.estate-center div{text-align:center;transform:rotate(-7deg)}.estate-center span{color:#895522;font-size:clamp(11px,2vw,20px);font-weight:900}.estate-center h1{margin:2px;color:#3f2b1f;font-size:clamp(25px,6vw,62px)}.estate-token{position:absolute;z-index:8;width:5.8%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--token);box-shadow:0 4px 9px #0008;font-size:8px;font-weight:900;transition:left .35s,top .35s}.estate-token.user{--token:#c74d47}.estate-token.ai{--token:#3b83c4}.estate-side{padding:12px;display:grid;gap:8px}.estate-players{display:grid;gap:7px}.estate-player{padding:9px;border:1px solid #ffffff17;border-radius:13px;background:#111b22}.estate-player.active{border-color:var(--gold)}.estate-player header{display:flex;align-items:center;justify-content:space-between}.estate-player b{font-size:12px}.estate-player strong{color:#f4d784;font-size:18px}.estate-player small{display:block;color:var(--muted);font-size:8px}.estate-controls{display:grid;grid-template-columns:72px 1fr;gap:7px}.estate-dice{min-height:68px;border:1px solid #ffffff2a;border-radius:14px;background:#f4ead1;color:#252627;font-size:27px;font-weight:900}.estate-log{height:92px;padding:8px;overflow:auto;border:1px solid #ffffff12;border-radius:12px;background:#091217;color:#b8c4ca;font-size:9px;line-height:1.7}.estate-offer{padding:10px;border:1px solid #cba95c70;border-radius:13px;background:#2a2418}.estate-offer strong{display:block;color:#f2d587}.estate-offer small{color:#c9b98f}.estate-offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}@media(max-width:760px){.estate-wrap{min-height:calc(100svh - 76px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:5px}.estate-board{width:min(100%,calc(100svh - 300px));min-width:320px}.estate-side{padding:6px}.estate-players{grid-template-columns:1fr 1fr}.estate-player{padding:6px}.estate-player strong{font-size:14px}.estate-controls{grid-template-columns:62px 1fr}.estate-dice{min-height:52px}.estate-log{height:60px}.estate-offer{padding:6px}}
@media(orientation:landscape) and (max-height:620px){.colors-game,.ludo-wrap,.estate-wrap{min-height:calc(100svh - 56px)}.colors-game{grid-template-rows:auto 1fr 105px}.colors-player{min-height:42px}.colors-hand-panel{min-height:102px}.colors-hand{height:79px}.colors-hand .color-card{flex-basis:46px;width:46px}.ludo-wrap,.estate-wrap{grid-template-columns:minmax(300px,1fr) 230px;grid-template-rows:1fr}.ludo-board,.estate-board{width:min(100%,calc(100svh - 62px));min-width:0}.ludo-side,.estate-side{max-height:calc(100svh - 62px);overflow:auto}.estate-log{height:54px}}