.game-tarneeb .lab-title,.game-hand .lab-title,.game-snakes .lab-title{display:none}
.game-tarneeb .lab-main,.game-hand .lab-main{padding:8px 16px!important;max-width:none}
.game-tarneeb .live-game,.game-hand .live-game{max-width:none;min-height:calc(100dvh - 90px);display:flex;flex-direction:column}
.game-tarneeb .match-strip,.game-hand .match-strip{min-height:48px;padding:4px 12px}
.game-tarneeb .card-arena{flex:1;min-height:300px;height:auto;border-radius:40px}
.game-tarneeb .live-trick{top:50%;transform:translate(-50%,-45%)}
.game-hand .hand-felt{flex:1;min-height:360px;padding:16px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;border:7px solid #24343e;border-radius:38px;box-shadow:inset 0 0 0 2px #79a39933,inset 0 0 70px #061d19bb,0 14px 28px #0005}
.game-hand .hand-felt:before{content:'CA';position:absolute;inset:0;display:grid;place-items:center;font:800 96px Georgia,serif;color:#ffffff09;pointer-events:none}
.game-hand .hand-piles{gap:34px;flex-shrink:0;position:relative;z-index:3}
.game-tarneeb .live-hand,.game-hand .live-hand{min-height:146px;padding:22px 14px 8px;flex-shrink:0;align-items:flex-start}
.game-tarneeb .live-actions,.game-hand .live-actions{min-height:54px;padding:4px 0 8px;flex-shrink:0}
.live-hand .playing-card{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.live-hand .playing-card.card-group{box-shadow:inset 0 -6px var(--group-color),0 4px 0 var(--group-color),0 2px 5px #0007;border-top:4px solid var(--group-color)}
.live-hand .playing-card.card-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--group-color);pointer-events:none}
.live-hand .playing-card.drop-before{outline:3px solid #ffd87b;translate:-7px 0}.live-hand .playing-card.drop-after{outline:3px solid #ffd87b;translate:7px 0}
.drag-ghost{position:fixed!important;z-index:9999;pointer-events:none;opacity:.92;transform:rotate(5deg)!important;box-shadow:0 12px 25px #0008!important}.drag-ghost svg{width:100%;direction:ltr}
.hand-seat{position:absolute;z-index:4;display:grid;grid-template-columns:40px auto;column-gap:7px;align-items:center;min-width:115px;padding:7px 8px;border-radius:7px;background:#102b29db;border:1px solid #5a796f;text-align:start}.hand-seat .seat-avatar{grid-row:1/3;width:36px;height:36px;font-size:15px}.hand-seat b{font-size:12px}.hand-seat small{display:block;margin-top:3px;color:#bdd4cf;font-size:10px}.hand-seat.active{border-color:#a9ebc9;box-shadow:0 0 0 3px #a9ebc920}.hand-seat.north{top:14px;left:50%;transform:translateX(-50%)}.hand-seat.west{left:14px;top:45%}.hand-seat.east{right:14px;top:45%}.hand-seat-backs{grid-column:1/3;display:flex;height:25px;direction:ltr;justify-content:center;margin-top:4px}.hand-seat-backs>span{width:19px;margin-left:-7px;transform:rotate(8deg)}.hand-seat-backs svg{width:100%;height:auto}
.hand-player{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin:-3px auto 0;position:relative;z-index:5;color:#c8ded7;font-size:12px}.hand-player .seat-avatar{width:28px;height:28px;font-size:12px}.hand-player b{display:block;color:#fff;font-size:12px}.hand-player small{display:block;font-size:9px;color:#99b5ad;margin-top:2px}.hand-player.active b{color:#9ee8ca}
.hand-piles .discard-pile{padding:5px;border:2px dashed transparent;border-radius:8px;transition:border-color .15s,background .15s,transform .15s}.hand-piles .discard-pile:after{content:'اسحب الورقة للرمي';position:absolute;bottom:-23px;left:50%;translate:-50% 0;white-space:nowrap;color:#bad5ca;font-size:10px;opacity:.72}.hand-piles .discard-pile.drop-ready{border-color:#f1d278;background:#f1d2781c;transform:translateY(-4px)}.hand-piles .discard-pile.drop-ready:after{color:#f6dc83;font-weight:700;opacity:1}
.hand-scoreboard{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.hand-scoreboard span{padding:6px 10px;border:1px solid #5a796f;border-radius:6px;background:#102b29;color:#c7ddd6;font-size:11px}.hand-scoreboard span.me{border-color:#f1d278;color:#fff4c4}.hand-scoreboard b{margin-right:5px;color:#f4d878}.hand-round-result{position:absolute;z-index:12;top:50%;left:50%;translate:-50% -50%;display:grid;gap:5px;min-width:220px;padding:18px 24px;border:1px solid #f6d578;border-radius:8px;background:#133d35ed;color:#fff;text-align:center;box-shadow:0 14px 34px #0008}.hand-round-result b{color:#ffe58c;font-size:1.25rem}.hand-round-result span{font-size:.8rem;color:#d6eee5}
.game-uno .lab-title{display:none}.game-uno .lab-main{padding:8px 16px!important;max-width:none}.game-uno .live-game{max-width:none;min-height:calc(100dvh - 90px);display:flex;flex-direction:column}.game-uno .match-strip{min-height:48px;padding:4px 12px}.uno-current-color{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--uno-color);box-shadow:0 0 0 2px #ffffff55;margin:0 5px}.uno-arena{position:relative;flex:1;min-height:340px;border:7px solid #242d39;border-radius:38px;background:radial-gradient(ellipse at center,#335f61,#163b42 76%);box-shadow:inset 0 0 0 2px #9fe0cd33,inset 0 0 60px #020f15bb,0 14px 28px #0005}.uno-arena:before{content:'UNO';position:absolute;inset:0;display:grid;place-items:center;font:800 100px Arial,sans-serif;color:#ffffff08;pointer-events:none}.uno-seat{position:absolute;z-index:4;display:grid;grid-template-columns:40px auto;column-gap:7px;align-items:center;min-width:115px;padding:7px 8px;border-radius:7px;background:#112d35df;border:1px solid #67818a;text-align:start}.uno-seat .seat-avatar{grid-row:1/3;width:36px;height:36px;font-size:15px}.uno-seat b{font-size:12px}.uno-seat small{display:block;margin-top:3px;color:#c1d5d8;font-size:10px}.uno-seat.active{border-color:#f7d871;box-shadow:0 0 0 3px #f7d87124}.uno-seat.north{top:14px;left:50%;transform:translateX(-50%)}.uno-seat.west{left:14px;top:45%}.uno-seat.east{right:14px;top:45%}.uno-backs{grid-column:1/3;display:flex;height:25px;direction:ltr;justify-content:center;margin-top:4px}.uno-backs>span{width:19px;margin-left:-7px;transform:rotate(8deg)}.uno-backs svg{width:100%;height:auto}.uno-center{position:absolute;display:flex;gap:38px;left:50%;top:50%;translate:-50% -50%;z-index:3}.uno-pile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px;border:2px dashed transparent;border-radius:8px;transition:transform .15s,border-color .15s,background .15s}.uno-pile small{font-size:11px;color:#d7e7e4}.uno-pile .playing-card{width:96px;transform:none;filter:none}.uno-pile.discard:after{content:'اسحب البطاقة للرمي';position:absolute;bottom:-20px;white-space:nowrap;color:#c2d7d3;font-size:10px}.uno-pile.discard.drop-ready{border-color:#ffe17d;background:#ffe17d1c;transform:translateY(-5px)}.uno-pile.discard.drop-ready:after{color:#ffe17d;font-weight:700}.uno-last{position:absolute;bottom:18px;left:50%;translate:-50% 0;white-space:nowrap;font-size:11px;color:#b8d5d0}.uno-player{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin:-3px auto 0;position:relative;z-index:5;color:#c8ded7;font-size:12px}.uno-player .seat-avatar{width:28px;height:28px;font-size:12px}.uno-player b{display:block;color:#fff;font-size:12px}.uno-player small{display:block;font-size:9px;color:#99b5ad;margin-top:2px}.uno-player.active b{color:#ffe17d}.game-uno .live-hand .playing-card{width:100px;flex-basis:100px;margin-left:-36px}.game-uno .live-hand .playing-card:first-child{margin-left:0}.uno-actions{min-height:56px;padding:6px 0}.uno-actions button.primary{background:#f6d467;border-color:#f6d467;color:#322916}.uno-colors{display:flex;gap:8px;align-items:center}.uno-colors button{width:34px;height:34px;padding:0;border-radius:50%;background:var(--uno-color);border:3px solid #fff;box-shadow:0 2px 5px #0006;cursor:pointer}.uno-colors button:focus-visible{outline:3px solid #f7e293;outline-offset:3px}
.table-melds{position:absolute;inset:0;pointer-events:none;z-index:5}.meld-owner{position:absolute;display:none;pointer-events:auto}.meld-owner.has-melds{display:block}.meld-owner>span{display:block;color:#c1ded2;font-size:10px;margin:0 4px 3px}.meld-list{display:flex;gap:6px;flex-wrap:wrap}.table-meld{display:flex;direction:ltr;min-height:44px;padding:3px 5px;border:1px solid #90b4a5;background:#0b302bbf;border-radius:6px;box-shadow:0 3px 8px #0004;transition:background .15s,border-color .15s,transform .15s}.table-meld .playing-card{width:39px;min-width:39px;margin-left:-21px;opacity:1;filter:none;transform:none;border-radius:3px}.table-meld .playing-card:first-child{margin-left:0}.table-meld.set{border-color:#e3b75c}.table-meld.run{border-color:#64cda7}.table-meld.drop-ready{border-color:#f8e18a;background:#f4d8782e;transform:translateY(-4px);box-shadow:0 0 0 3px #f8e18a33,0 8px 16px #0007}.owner-1{top:92px;left:50%;transform:translateX(-50%);max-width:46%}.owner-2{left:12px;top:62%;max-width:27%}.owner-3{right:12px;top:62%;max-width:27%}.owner-0{bottom:13px;left:50%;transform:translateX(-50%);max-width:56%}.owner-2 .meld-list,.owner-3 .meld-list{justify-content:center}.owner-0 .meld-list,.owner-1 .meld-list{justify-content:center}
.game-hand .live-hand .playing-card{width:102px;flex-basis:102px;margin-left:-36px}.game-hand .live-hand .playing-card svg text{font-weight:900}
/* Clear hierarchy: player zones stay away from the cards and the centre action. */
.game-tarneeb .match-strip,.game-hand .match-strip,.game-uno .match-strip{position:relative;z-index:8;margin:0 auto 12px;padding:9px 16px;border:1px solid rgba(174,232,218,.28);border-radius:8px;background:linear-gradient(90deg,#102e36,#174d50,#102e36);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.game-tarneeb .card-arena,.game-hand .hand-felt,.game-uno .uno-arena{margin-top:6px}.game-tarneeb .card-seat,.game-hand .hand-seat,.game-uno .uno-seat{box-shadow:0 8px 20px rgba(0,0,0,.24)}
.game-tarneeb .live-trick{min-width:244px;min-height:220px;padding:18px}.game-hand .hand-piles{padding:18px 22px;border:1px solid rgba(160,227,209,.2);border-radius:12px;background:rgba(5,32,29,.22)}
.game-hand .table-melds{inset:32px 18px 72px}.game-hand .owner-1{top:74px}.game-hand .owner-2,.game-hand .owner-3{top:58%}.game-hand .owner-0{bottom:14px}.game-hand .hand-player{margin:10px auto 4px;padding:5px 12px;border:1px solid rgba(158,232,202,.25);border-radius:999px;background:#11352fcc}
.game-hand .table-melds{inset:64px 12px 12px;overflow:hidden}.game-hand .owner-1{top:0;max-width:42%}.game-hand .owner-2{left:0;top:48%;max-width:22%}.game-hand .owner-3{right:0;top:48%;max-width:22%}.game-hand .owner-0{bottom:0;max-width:48%}.game-hand .table-meld{min-height:32px;max-width:100%;overflow:hidden}.game-hand .table-meld .playing-card{width:31px;min-width:31px;margin-left:-17px}.game-hand .hand-piles{z-index:7}.hand-opening-meter{min-width:142px;padding:8px 10px;border:1px solid #5f877b;border-radius:7px;background:#0c302b;color:#d8eee7;font-size:11px;font-weight:800;text-align:center}.hand-opening-meter.ready{border-color:#f5ce67;background:#5b4a1e;color:#fff4c5}
.hand-turn-timer{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #f1c95f;border-radius:7px;background:#fff3c9;color:#615019;font-size:11px;font-weight:800}.hand-turn-timer b{font-variant-numeric:tabular-nums;color:#c3532d}
.game-hand .hand-felt{min-height:520px;padding:20px 24px}.game-hand .table-melds{inset:76px 18px 18px;overflow:visible}.game-hand .owner-1{top:0;max-width:56%}.game-hand .owner-2{left:0;top:45%;max-width:30%}.game-hand .owner-3{right:0;top:45%;max-width:30%}.game-hand .owner-0{bottom:0;max-width:64%}.game-hand .table-meld{min-height:52px;padding:5px 7px;overflow:visible;background:#0a342dd9}.game-hand .table-meld .playing-card{width:50px;min-width:50px;margin-left:-26px;box-shadow:0 2px 6px #0007}.game-hand .table-meld .playing-card:first-child{margin-left:0}.game-hand .meld-owner>span{font-size:12px;color:#effff8;text-shadow:0 1px 3px #001c18}.game-hand .hand-piles{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8}.game-hand .live-hand.is-waiting{opacity:.58;filter:saturate(.45) brightness(.76);transition:filter .22s,opacity .22s}.game-hand .live-hand.is-waiting .playing-card{cursor:grab}.game-hand .live-hand.is-turn{opacity:1;filter:none;transition:filter .22s,opacity .22s}
.game-uno .uno-center{padding:16px;border:1px solid rgba(247,216,113,.22);border-radius:14px;background:rgba(8,30,34,.25)}
.game-tarneeb .live-hand.is-waiting{opacity:.58;filter:saturate(.45) brightness(.76);transition:filter .22s,opacity .22s}.game-tarneeb .live-hand.is-turn{opacity:1;filter:none;transition:filter .22s,opacity .22s}
.game-domino .live-game{max-width:none;min-height:calc(100dvh - 90px);display:flex;flex-direction:column}.domino-arena{position:relative;flex:1;min-height:390px;border:7px solid #27313b;border-radius:28px;background:radial-gradient(ellipse at center,#2f776d,#164d49 76%);box-shadow:inset 0 0 45px #001b1a88,0 14px 28px #0004}.domino-board{position:absolute;inset:27% 9% 21%;display:flex;align-items:center;gap:10px}.domino-chain{flex:1;min-height:88px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;padding:8px;border-radius:10px;background:#082f2ccc}.domino-tile{width:42px;height:78px;flex:0 0 42px;display:grid;grid-template-rows:1fr 1fr;padding:3px;border:2px solid #d6c9ab;border-radius:5px;background:#fbfaf5;color:#18222a;box-shadow:0 3px 7px #0005;cursor:pointer}.domino-tile i{display:grid;place-items:center;border-bottom:1px solid #bbc3be;font-style:normal;font-size:10px;letter-spacing:1px;line-height:1.2;overflow-wrap:anywhere}.domino-tile i+ i{border:0}.domino-tile.double{background:#fff5d9}.domino-tile:disabled{cursor:default}.domino-hand{display:flex;justify-content:center;min-height:102px;padding:14px 7px;overflow:hidden}.domino-hand .domino-tile{margin-left:-10px;transition:transform .16s}.domino-hand .domino-tile:first-child{margin-left:0}.domino-hand .domino-tile:not(:disabled):hover{transform:translateY(-12px);border-color:#ffc857}.domino-end{width:64px;height:56px;border:2px dashed #9fded4;border-radius:8px;background:#0b3b38;color:#e7fffa;font:700 11px inherit}.domino-end.ready{border-color:#ffc857;background:#5b4d1c;color:#fff6cf;cursor:pointer}.domino-seat{position:absolute;z-index:3;padding:7px 10px;border:1px solid #79a49e;border-radius:7px;background:#123c39e8;color:#fff;text-align:center;font-size:12px}.domino-seat small{display:block;margin-top:2px;color:#bee1da;font-size:10px}.domino-seat.active{border-color:#ffc857;box-shadow:0 0 0 3px #ffc8572c}.domino-seat.north{top:12px;left:50%;transform:translateX(-50%)}.domino-seat.west{left:12px;top:45%}.domino-seat.east{right:12px;top:45%}.domino-status{position:absolute;bottom:12px;left:50%;translate:-50%;font-size:11px;color:#d3eee9;white-space:nowrap}
@media(max-width:700px){.game-domino .lab-main{padding:5px!important}.domino-arena{min-height:300px;border-width:5px;border-radius:20px}.domino-board{inset:29% 4% 20%;gap:4px}.domino-chain{min-height:68px;padding:4px}.domino-tile{width:32px;height:60px;flex-basis:32px}.domino-tile i{font-size:8px}.domino-end{width:42px;height:42px;font-size:8px}.domino-hand{min-height:83px;padding:9px 4px}.domino-hand .domino-tile{margin-left:-13px}.domino-seat{padding:4px 6px;font-size:10px}.domino-seat small{font-size:8px}.domino-seat.west{left:5px}.domino-seat.east{right:5px}}
.trix-contracts{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.trix-contracts button{border:1px solid #76d9cf;border-radius:7px;background:#eafffb;color:#123e4c;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.trix-contracts button.danger{border-color:#ffaf9d;background:#fff0eb;color:#9a4235}.trix-layout{display:flex;justify-content:center;gap:8px;position:absolute;inset:auto 12px 17px}.trix-layout>div{display:flex;align-items:center;justify-content:center;gap:2px;min-width:52px;padding:5px 7px;border:1px solid rgba(176,235,221,.32);border-radius:7px;background:rgba(8,48,44,.72)}.trix-layout b{font-size:18px}.trix-layout small{display:grid;place-items:center;min-width:17px;height:20px;border-radius:4px;background:#f7fbf4;color:#172b37;font-size:10px;font-weight:900}.trix-layout .red{color:#ff918a}
@media(max-width:700px){.game-tarneeb .match-strip,.game-hand .match-strip,.game-uno .match-strip{margin-bottom:7px;padding:6px 8px}.game-tarneeb .live-trick{min-width:210px;min-height:190px;padding:12px}.game-hand .hand-piles{padding:8px 10px}.game-hand .table-melds{inset:20px 6px 54px}.game-hand .owner-1{top:49px}.game-hand .owner-2,.game-hand .owner-3{top:59%}.game-hand .owner-0{bottom:4px}.game-uno .uno-center{padding:7px}}
@media(max-width:700px){.trix-contracts{gap:5px}.trix-contracts button{padding:6px 8px;font-size:10px}.trix-layout{gap:3px;inset:auto 4px 10px}.trix-layout>div{min-width:0;padding:3px 4px}.trix-layout b{font-size:14px}.trix-layout small{min-width:13px;height:16px;font-size:8px}}
@media(max-width:700px){.card-route .lab-brand img{height:36px;max-width:175px}.game-hand .table-melds{inset:44px 4px 6px}.game-hand .owner-1{top:0;max-width:50%}.game-hand .owner-2{left:0;top:48%;max-width:28%}.game-hand .owner-3{right:0;top:48%;max-width:28%}.game-hand .owner-0{bottom:0;max-width:58%}.game-hand .table-meld .playing-card{width:24px;min-width:24px;margin-left:-13px}.hand-opening-meter{min-width:120px;padding:6px;font-size:9px}}
@media(max-width:700px){.game-hand .hand-felt{min-height:390px;padding:12px 8px}.game-hand .table-melds{inset:54px 5px 8px}.game-hand .owner-1{max-width:58%}.game-hand .owner-2,.game-hand .owner-3{top:47%;max-width:29%}.game-hand .owner-0{max-width:66%}.game-hand .table-meld{min-height:39px;padding:3px 4px}.game-hand .table-meld .playing-card{width:37px;min-width:37px;margin-left:-19px}.game-hand .meld-owner>span{font-size:9px}.game-hand .hand-piles .playing-card{width:65px}}
.snakes-game{max-width:850px;margin:auto}.snakes-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px}.snakes-top>div{display:flex;align-items:center;gap:8px}.snakes-top strong{font-size:13px;text-align:center}.token-key{width:16px;height:16px;border-radius:50%;display:inline-block}.player-0{background:#e3456b;color:white}.player-1{background:#206ccc;color:white}
.snakes-board{position:relative;display:grid;grid-template-columns:repeat(10,1fr);aspect-ratio:1;width:min(100%,calc(100dvh - 210px));margin:auto;border:8px solid #3b5160;border-radius:8px;overflow:hidden;box-shadow:0 15px 25px #0005}.snake-cell{position:relative;border:1px solid #ffffff8a;min-width:0;min-height:0}.snake-cell span{position:absolute;top:2px;left:4px;font:bold 12px Arial;color:#374756}.tone-0{background:#d7edee}.tone-1{background:#fcf1ce}.tone-2{background:#ebdae7}.tone-3{background:#d9e8c5}.snakes-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-token{position:absolute;width:3.7%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px solid white;box-shadow:0 2px 4px #0007;transform:translate(-50%,-50%);font-size:12px;font-weight:bold;transition:left .12s linear,top .12s linear;z-index:3}.snakes-bottom{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px}.snakes-bottom button{height:44px;border-radius:6px;padding:0 18px;background:#83ddc2;color:#122c29;border:0;font:inherit;cursor:pointer}.snakes-bottom button:disabled{opacity:.45;cursor:default}.snakes-die{font-size:42px;line-height:48px;width:48px;text-align:center;color:#faf3d8}
@media(max-width:700px){
 .game-tarneeb .lab-header,.game-hand .lab-header,.game-snakes .lab-header{padding:6px 10px;flex-wrap:nowrap;min-height:48px}.game-tarneeb .lab-brand,.game-hand .lab-brand,.game-snakes .lab-brand{display:none}.game-tarneeb .lab-header nav,.game-hand .lab-header nav,.game-snakes .lab-header nav{width:100%;font-size:11px}
 .game-tarneeb .lab-main,.game-hand .lab-main,.game-snakes .lab-main{padding:5px!important}
 .game-tarneeb .live-game,.game-hand .live-game{min-height:calc(100dvh - 65px)}
 .game-tarneeb .card-arena{min-height:300px;border-radius:24px}
 .game-tarneeb .live-hand,.game-hand .live-hand{min-height:136px;padding:12px 5px 8px;justify-content:flex-start}
 .game-tarneeb .live-hand .playing-card,.game-hand .live-hand .playing-card{flex:0 0 66px;width:66px;margin-left:clamp(-49px,calc((100% - 76px) / max(1, var(--count) - 1) - 66px),-10px)}
 .game-tarneeb .live-hand .playing-card:first-child,.game-hand .live-hand .playing-card:first-child{margin-left:0}
 .game-hand .hand-felt{min-height:310px;border-width:5px;border-radius:22px;padding:10px}.game-hand .hand-piles .playing-card{width:68px}.game-hand .hand-piles{gap:20px}.game-hand .hand-felt:before{font-size:64px}
 .hand-seat{min-width:72px;padding:4px;grid-template-columns:27px auto;column-gap:4px}.hand-seat .seat-avatar{width:27px;height:27px;font-size:11px}.hand-seat b{font-size:10px}.hand-seat small{font-size:8px}.hand-seat.north{top:5px}.hand-seat.west{left:5px;top:41%}.hand-seat.east{right:5px;top:41%}.hand-seat-backs{display:none}.hand-player{min-height:28px;margin-top:-1px}.hand-player .seat-avatar{width:24px;height:24px;font-size:10px}.hand-player small{font-size:8px}.hand-piles .discard-pile:after{display:none}.table-meld{min-height:32px;padding:2px 3px}.table-meld .playing-card{width:29px;min-width:29px;margin-left:-16px}.meld-owner>span{font-size:8px;margin-bottom:1px}.owner-1{top:55px;max-width:52%}.owner-2{left:3px;top:62%;max-width:32%}.owner-3{right:3px;top:62%;max-width:32%}.owner-0{bottom:5px;max-width:62%}
 .game-hand .live-hand .playing-card{width:74px;flex-basis:74px;margin-left:clamp(-56px,calc((100% - 84px) / max(1, var(--count) - 1) - 74px),-12px)}
 .snakes-board{width:100%;border-width:4px}.snake-cell span{font-size:9px;left:2px;top:1px}.board-token{width:4.6%;font-size:9px;border-width:1px}.snakes-top{font-size:11px;padding:14px 5px}.snakes-top strong{font-size:11px}.snakes-top>div{gap:4px}
}
@media(max-height:550px) and (orientation:landscape){.game-tarneeb .live-game,.game-hand .live-game{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:40px minmax(190px,1fr) 120px;min-height:calc(100dvh - 65px)}.game-tarneeb .match-strip,.game-hand .match-strip{grid-column:1/3}.game-tarneeb .card-arena,.game-hand .hand-felt{grid-column:1;grid-row:2;min-height:190px}.game-tarneeb .live-hand,.game-hand .live-hand{grid-row:3;grid-column:1/3;min-height:120px}.game-tarneeb .live-actions,.game-hand .live-actions{grid-column:2;grid-row:2;align-content:center}.game-hand .hand-opponents{display:none}.game-tarneeb .card-seat.north{top:0}.game-tarneeb .live-trick{scale:.7;transform-origin:center}.snakes-board{width:330px}}
@media(max-height:550px) and (orientation:landscape){
 .game-tarneeb .lab-header,.game-hand .lab-header{height:42px;min-height:42px;padding:4px 10px}.game-tarneeb .lab-brand,.game-hand .lab-brand{display:none}
 .game-tarneeb .live-game,.game-hand .live-game{height:calc(100dvh - 58px);min-height:0;grid-template-rows:30px minmax(150px,1fr) 104px}
 .game-tarneeb .match-strip,.game-hand .match-strip{min-height:30px;padding:0 8px}
 .game-tarneeb .card-arena,.game-hand .hand-felt{min-height:0}
 .game-tarneeb .live-hand,.game-hand .live-hand{min-height:0;padding:10px 5px 4px}
 .game-tarneeb .live-hand .playing-card,.game-hand .live-hand .playing-card{width:60px;flex-basis:60px;margin-left:-20px}
 .game-tarneeb .live-hand .playing-card:first-child,.game-hand .live-hand .playing-card:first-child{margin-left:0}
 .game-tarneeb .card-seat{font-size:10px;grid-template-columns:25px auto;padding:3px}.game-tarneeb .card-seat .seat-avatar{width:25px;height:25px;font-size:12px}.game-tarneeb .seat-backs{display:none}.game-tarneeb .card-seat small{font-size:8px}
 .game-tarneeb .live-trick{scale:.55;top:40%;transform-origin:top center}.game-tarneeb .arena-bottom{bottom:4px;font-size:10px}.game-tarneeb .arena-bottom b{font-size:13px}
 .game-hand .hand-piles .playing-card{width:48px}.game-hand .hand-piles{gap:20px}.game-hand .hand-piles>div{gap:3px}.game-hand .hand-piles button:not(.playing-card){padding:3px 8px;font-size:10px}.game-hand .hand-piles small{font-size:9px}.game-hand .hand-felt{border-radius:18px}.hand-seat{scale:.82}.hand-seat.west{left:2px}.hand-seat.east{right:2px}
}

@media(max-width:700px){
 .game-uno .lab-header{padding:6px 10px;flex-wrap:nowrap;min-height:48px}.game-uno .lab-brand{display:none}.game-uno .lab-header nav{width:auto;flex:1;min-width:0;font-size:11px}.game-uno .lab-main{padding:5px!important}.game-uno .live-game{min-height:calc(100dvh - 65px)}.game-uno .match-strip{min-height:38px;padding:2px 5px;font-size:10px}.game-uno .match-strip>span{max-width:31%;gap:2px}.game-uno .uno-arena{min-height:310px;border-width:5px;border-radius:22px}.uno-seat{min-width:72px;padding:4px;grid-template-columns:27px auto;column-gap:4px}.uno-seat .seat-avatar{width:27px;height:27px;font-size:11px}.uno-seat b{font-size:10px}.uno-seat small{font-size:8px}.uno-seat.north{top:5px}.uno-seat.west{left:5px;top:41%}.uno-seat.east{right:5px;top:41%}.uno-backs{display:none}.uno-center{gap:16px}.uno-pile{padding:3px}.uno-pile .playing-card{width:72px}.uno-pile small{font-size:9px}.uno-pile.discard:after{display:none}.uno-last{bottom:8px;max-width:70%;overflow:hidden;text-overflow:ellipsis;font-size:9px}.uno-player{min-height:28px;margin-top:-1px}.uno-player .seat-avatar{width:24px;height:24px;font-size:10px}.uno-player small{font-size:8px}.game-uno .live-hand{min-height:136px;padding:12px 5px 8px;justify-content:flex-start}.game-uno .live-hand .playing-card{width:72px;flex-basis:72px;margin-left:clamp(-54px,calc((100% - 82px) / max(1, var(--count) - 1) - 72px),-12px)}.game-uno .live-hand .playing-card:first-child{margin-left:0}.uno-actions{min-height:52px;padding:3px 0;gap:6px}.uno-actions button{font-size:11px;padding:7px 10px}.uno-colors{gap:5px}.uno-colors button{width:28px;height:28px}
}