@font-face{font-family:Tajawal;src:url(/build/assets/Tajawal-Regular-jjBjQ9l0.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/build/assets/Tajawal-Bold-i9NZMR7Y.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/build/assets/Tajawal-ExtraBold-DR9j7PRE.woff2)format("woff2");font-weight:800 900;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/build/assets/Cairo-Variable-DbRt_Bf0.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}.karmool-app{text-align:start;font-family:Tajawal,Cairo,sans-serif}.karmool-app:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:rtl}.karmool-app:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:ltr}.karmool-app button,.karmool-app input,.karmool-app select,.karmool-app textarea{font-family:inherit}.karmool-app :is(h1,h2,h3,h4,h5,h6){font-family:Cairo,Tajawal,sans-serif}.karmool-page{--karmool-seat-fill:#ede5d0;--karmool-seat-hover:#fff6df;--karmool-seat-ink:#234335;--karmool-seat-edge:#bbaa84;--ion-color-app:#c0020c;--ion-color-app-rgb:192, 2, 12;--ion-color-app-contrast:#fff;--ion-color-app-contrast-rgb:255, 255, 255;--ion-color-app-shade:#a9020b;--ion-color-app-tint:#c61b24;--ion-background-color:#090b0a;--ion-background-color-rgb:9, 11, 10;--ion-text-color:#f8f6ef;--ion-text-color-rgb:248, 246, 239;--ion-card-background:#171a18;--ion-card-background-rgb:23, 26, 24}.ion-color-app{--ion-color-base:var(--ion-color-app);--ion-color-base-rgb:var(--ion-color-app-rgb);--ion-color-contrast:var(--ion-color-app-contrast);--ion-color-contrast-rgb:var(--ion-color-app-contrast-rgb);--ion-color-shade:var(--ion-color-app-shade);--ion-color-tint:var(--ion-color-app-tint)}.karmool-page{background:#090b0a}.karmool-page,.karmool-page *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:Tajawal,Cairo,sans-serif}.karmool-page ::selection{color:inherit;background:0 0}.karmool-page input,.karmool-page textarea,.karmool-page [contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.karmool-page img{pointer-events:auto;text-indent:0}.karmool-page ion-button,.karmool-page ion-segment-button{text-transform:none}.karmool-page :is(h1,h2,h3,h4,h5,h6){font-family:Cairo,Tajawal,sans-serif}.karmool-page small{font-size:14px;line-height:1.4}.karmool-page .human-hand .hand-card:is(.selected,.active,.peeked):not(.hand-dragging){z-index:200!important}.karmool-page :where(.hand-card>img,img[src*="/cards/hearts-"],img[src*="/cards/diamonds-"],img[src*="/cards/clubs-"],img[src*="/cards/spades-"],img[src*="/cards/joker-"],img[src*="/cards/card-back.svg"],.meld-card-face,.app-uno-card>.card){outline-offset:-1px;outline:1px solid #141e1880}.karmool-page .player-seat .player-badge .player-copy{min-width:0;max-width:100%}.karmool-page .player-seat .player-badge small{overflow-wrap:break-word;max-width:100%;line-height:1.3;white-space:normal!important}.karmool-page .left-seat .player-badge small,.karmool-page .right-seat .player-badge small{text-align:center}.karmool-page{--karmool-direction:ltr}.karmool-page:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--karmool-direction:rtl}.karmool-page .karmool-back-arrow{display:inline-block}.karmool-page:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .karmool-back-arrow{transform:scaleX(-1)}.karmool-page .card-idle-prompt{--turn-prompt-offset:-50%;z-index:180;transform:translateX(var(--turn-prompt-offset));box-sizing:border-box;width:max-content;max-width:min(var(--turn-prompt-width,calc(86vw / var(--karmool-display-scale,1))), 420px);border:1px solid var(--accent,var(--game-accent,#efc363));color:#fff;text-align:center;direction:var(--karmool-direction,inherit);pointer-events:none;background:#08120ef2;border-radius:18px;padding:5px 10px;font-size:14px;font-weight:800;line-height:1.5;animation:.6s ease-in-out 2 karmool-idle-nudge;position:fixed;left:50%;box-shadow:0 5px 16px #0004}@media (width<=768px){.karmool-page .card-idle-prompt{font-size:12px}}.karmool-page .card-idle-prompt.card-turn-reminder{--turn-prompt-felt-inset:20px;font-size:16px;line-height:1.35}@media (width<=768px){.karmool-page .card-idle-prompt.card-turn-reminder{--turn-prompt-felt-inset:16px;font-size:14px}}.karmool-page .card-idle-prompt.card-turn-reminder.on-felt{bottom:calc(var(--cafe-edge-bottom) + var(--turn-prompt-felt-inset));max-width:min(420px, var(--cafe-felt-width) - 16px);position:absolute}.karmool-page .card-idle-prompt.card-idle-prompt-inline{--turn-prompt-offset:0px;max-width:min(100%,420px);position:static}@keyframes karmool-idle-nudge{0%,to{transform:translateX(var(--turn-prompt-offset))}30%{transform:translateX(calc(var(--turn-prompt-offset) - 3px))}65%{transform:translateX(calc(var(--turn-prompt-offset) + 3px))}}@media (prefers-reduced-motion:reduce){.karmool-page .card-idle-prompt{animation:none}}html:has(body.karmool-page){--karmool-layout-width:calc(100vw / var(--karmool-display-scale,1));--karmool-layout-height:calc(100dvh / var(--karmool-display-scale,1));zoom:var(--karmool-display-scale,1)}html:has(body.karmool-page){scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(body.karmool-page) body{scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(body.karmool-page) body *{scrollbar-width:none!important;-ms-overflow-style:none!important}html:has(body.karmool-page)::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html:has(body.karmool-page) body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html:has(body.karmool-page) body ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body.karmool-page{direction:inherit;text-align:start;--site-header-height:72px}body.karmool-page #karmool-site{min-height:calc(100dvh / var(--karmool-display-scale,1));flex-direction:column;height:auto;padding-top:0;display:flex}body.karmool-page #karmool-site>.container{flex-direction:column;flex:1;width:100%;max-width:none;padding:0;display:flex}body.karmool-page #karmool-app{flex-direction:column;flex:1;display:flex}body.karmool-game-open{overflow:hidden}body.karmool-game-open>#karmool-site>#karmool-header,body.karmool-game-open>#karmool-site>footer{visibility:hidden}.karmool-app{--ion-safe-area-top:env(safe-area-inset-top,0px);--ion-safe-area-bottom:env(safe-area-inset-bottom,0px);--ion-safe-area-left:env(safe-area-inset-left,0px);--ion-safe-area-right:env(safe-area-inset-right,0px);isolation:isolate;color:#fff;background:#090b0a;flex:1;min-height:0;font-size:16px;line-height:normal;position:relative}.karmool-app:not(.karmool-game-open){flex-direction:column;display:flex}.karmool-app *,.karmool-app :before,.karmool-app :after{box-sizing:border-box}.karmool-app img{text-indent:0}.karmool-app button{font:inherit;cursor:pointer}.karmool-app button.close{float:none;opacity:1;text-shadow:none;line-height:1}.karmool-app .karmool-icon{object-fit:contain;vertical-align:middle;width:1em;height:1em;display:inline-block}.karmool-app .karmool-icon svg{fill:currentColor;stroke:currentColor;width:100%;height:100%;display:block}.karmool-app .karmool-icon .ionicon-fill-none{fill:none}.karmool-app .karmool-icon .ionicon-stroke-width{stroke-width:var(--ionicon-stroke-width,32px)}.karmool-app .app-games-home{flex:1;min-height:0;position:relative}.karmool-app.karmool-game-open{--karmool-player-font-scale:.88;z-index:1100;overscroll-behavior:none;position:fixed;inset:0;overflow:auto}.karmool-app .app-mobile-board-panel{display:contents}.karmool-app .orientation-guard{z-index:99999;padding:max(16px, env(safe-area-inset-top)) 24px max(16px, env(safe-area-inset-bottom));color:#fff;text-align:center;touch-action:none;background:radial-gradient(at 50% 32%,#71302d 0%,#251c1a 47%,#121714 85%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.karmool-app .orientation-guard>img{aspect-ratio:1;object-fit:contain;width:clamp(42px,16dvh,82px)}.karmool-app .orientation-guard h1{margin:0;font-size:clamp(20px,7dvh,34px);line-height:1.3}.karmool-app .orientation-guard p{color:#eee1d2;max-width:420px;margin:0;font-size:clamp(13px,4dvh,17px)}.karmool-app .orientation-guard__device{aspect-ratio:3/5;border:3px solid #f5c76b;border-radius:10px;width:clamp(28px,10dvh,48px);position:relative;box-shadow:0 0 20px #f5c76b50}.karmool-app .orientation-guard__device:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-inline:auto;position:absolute;inset:auto 0 4px}@media (prefers-reduced-motion:no-preference){.karmool-app .orientation-guard__device{animation:1.8s ease-in-out infinite orientation-guard-turn}}.karmool-app .orientation-guard--narrow{overscroll-behavior:contain;touch-action:pan-y;overflow-wrap:anywhere;justify-content:safe center;overflow-y:auto}.karmool-app .orientation-guard--narrow h1{font-size:clamp(20px,8vw,28px)}.karmool-app .orientation-guard--narrow .orientation-guard__device{color:#f5c76b;place-items:center;animation:none;display:grid}.karmool-app .orientation-guard--narrow .orientation-guard__device svg{width:70%}.karmool-app .orientation-guard__back{color:#fff1ce;background:#352c21;border:1px solid #f5c76b80;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;text-decoration:none;display:inline-flex}.karmool-app .orientation-guard__back:focus-visible{outline-offset:3px;outline:2px solid #f5c76b}@keyframes orientation-guard-turn{0%,22%{transform:rotate(90deg)}68%,to{transform:rotate(0)}}.karmool-app .karmool-static-1,.karmool-app .karmool-static-2{aspect-ratio:5/7;flex-shrink:0}.karmool-app .modal{outline:initial;height:auto;display:block;position:relative;inset:auto;overflow:visible}.karmool-app.karmool-leave-open{z-index:1200}.karmool-app :is(.player-badge,.player-label,.human-badge) :is(.player-copy,.player-info) strong,.karmool-app :is(.player-badge,.player-label,.human-badge)>span:not([class]) strong,.karmool-app :is(.player-badge,.player-label,.human-badge)>div>strong,.karmool-app :is(.player-badge,.player-label,.human-badge)>.bowling-player-name,.karmool-app :is(.player-badge,.player-label,.human-badge) .guest-player-name-readonly{font-size:var(--card-badge-name-size,14px)!important;font-weight:400!important}@media (width<=768px){.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player){--card-badge-width:176px;--card-badge-height:48px;--card-badge-avatar:36px}}@media (width<=768px) and (height<=700px){.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player){--card-badge-height:44px}}@media (width<=360px){.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player){--card-badge-width:164px}}.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player){width:var(--card-badge-width,192px);min-height:var(--card-badge-height,56px)}.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player) .player-copy strong,.karmool-app .player-badge:is(.basketball-player,.archery-player,.golf-player,.bowling-player,.pool-player)>.bowling-player-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.karmool-app :is(.player-badge,.player-label,.human-badge,.human-info,.result-avatar,.team-score-avatars,.round-player,.result-player,.partner-choice)>img:not(.player-king),.karmool-app .scoreboard-list>:is(div,article)>img,.karmool-app img.avatar,.karmool-app img.human-avatar{border-radius:50%!important}.karmool-app :is(.player-badge,.player-label,.human-badge,.human-info,.result-avatar,.team-score-avatars,.round-player,.result-player,.scoreboard-list,.partner-choice) img:is([src$="/logo.png"],[src=logo\.png],[src*="/logo.png?"]),.karmool-app img.human-avatar:is([src$="/logo.png"],[src=logo\.png],[src*="/logo.png?"]){box-sizing:border-box;background:linear-gradient(145deg,#f42b33,#961015)!important;padding:3px!important}.karmool-site-header{z-index:80;color:#213e32;background:#f3efe4;border-bottom:1px solid #253f3220;position:relative}.karmool-site-header .karmool-site-nav{align-items:center;gap:24px;max-width:1440px;min-height:78px;margin:auto;padding:10px 4%;display:flex}.karmool-site-header a{color:inherit;text-decoration:none}.karmool-site-header .karmool-site-logo{flex:none;align-items:center;gap:10px;display:inline-flex}.karmool-site-header .site-logo-stamp{background:#dfdcc9;border:1px solid #28463836;border-radius:50%;width:49px;height:49px;display:block;overflow:hidden}.karmool-site-header .site-logo-stamp img{object-fit:cover;object-position:top;width:100%;height:120%}.karmool-site-header .site-wordmark{gap:3px;display:grid}.karmool-site-header .site-wordmark strong{font-family:Cairo,sans-serif;font-size:25px;font-weight:900;line-height:1.1}.karmool-site-header .site-wordmark small{color:#657367;font-size:10px}.karmool-site-header .header-note{color:#6a7668;flex:1;justify-content:center;align-items:center;gap:14px;margin:0;font-size:12px;display:flex}.karmool-site-header .header-note span{color:#b38b4c;font-size:15px}.karmool-site-header .site-header-actions{align-items:center;gap:14px;margin-inline-start:auto;display:flex}.karmool-site-header .karmool-site-login{color:#f7f0df;font:inherit;cursor:pointer;background:#254d3d;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 -3px #0002}.karmool-site-header .karmool-site-login svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.karmool-site-header .karmool-site-login:hover{background:#32634c}.karmool-site-header .karmool-site-member{border-radius:9px;align-items:center;gap:7px;min-width:0;max-width:160px;padding:4px;font-size:14px;font-weight:700;display:inline-flex}.karmool-site-header .karmool-site-member:hover,.karmool-site-header .karmool-site-member:focus-visible{background:#e6e7d8}.karmool-site-header .karmool-site-member:focus-visible{outline-offset:2px;outline:2px solid #846239}.karmool-site-header .karmool-site-member img{object-fit:cover;border-radius:50%;flex:0 0 32px;width:32px;height:32px}.karmool-site-header .karmool-site-member span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.karmool-site-header .karmool-site-logout{color:#315640;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #c8d0bf;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;display:inline-flex}.karmool-site-header .karmool-site-logout svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:17px;height:17px}@media (width<=600px){.karmool-site-header .karmool-site-logout span{display:none}}@media (width<=420px){.karmool-site-header .karmool-site-member span{display:none}}.karmool-site-header .karmool-site-language{position:relative}.karmool-site-header .karmool-site-language summary{cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px;font-size:12px;list-style:none;display:flex}.karmool-site-header .karmool-site-language summary::-webkit-details-marker{display:none}.karmool-site-header .karmool-site-language summary>svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:13px;height:13px}.karmool-site-header .karmool-site-language[open] summary{background:#dfe3d6}.karmool-site-header .karmool-site-language .language-letter{border:1px solid #27473440;border-radius:7px;place-items:center;width:25px;height:25px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;display:grid}.karmool-site-header .language-menu{z-index:50;inset-inline-end:0;background:#f9f5eb;border:1px solid #243f3228;border-radius:15px;width:210px;padding:12px;position:absolute;top:calc(100% + 12px);box-shadow:0 18px 50px #18302526}.karmool-site-header .language-menu button{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 8px;display:flex}.karmool-site-header .language-menu button[aria-current=true],.karmool-site-header .language-menu button:hover{background:#e5e8d8}.karmool-site-header .language-menu button:focus-visible{box-shadow:inset 0 0 0 2px #8c7348}.karmool-site-header .language-menu button b{border:1px solid #2a48342a;border-radius:8px;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.karmool-site-header .language-menu button span{gap:3px;font-size:13px;display:grid}.karmool-site-header .language-menu button i{margin-inline-start:auto;font-style:normal}.karmool-site-header button:focus-visible,.karmool-site-header summary:focus-visible,.karmool-site-header a:focus-visible{outline-offset:4px;outline:2px solid #9e6939}@media (width<=600px){.karmool-site-header .karmool-site-nav{gap:10px;min-height:70px;padding-inline:17px}.karmool-site-header .header-note{display:none}.karmool-site-header .karmool-site-logo{flex:0 auto;min-width:0}.karmool-site-header .site-logo-stamp{flex:none;width:39px;height:39px}.karmool-site-header .site-wordmark{min-width:0}.karmool-site-header .site-wordmark strong{font-size:21px}.karmool-site-header .site-wordmark small{font-size:9px}.karmool-site-header .site-header-actions{gap:5px}.karmool-site-header .language-current{display:none}.karmool-site-header .karmool-site-login{gap:6px;padding:10px;font-size:11px}.karmool-site-header .karmool-site-login svg{width:15px;height:15px}.karmool-site-header .language-menu{width:210px;inset-inline-end:-20px}}.karmool-site-footer{background:#e6e0d1;border-top:1px solid #2b49301a;flex-shrink:0}.karmool-site-footer .karmool-footer-content{padding:10px clamp(16px, 3vw / var(--karmool-display-scale,1), 40px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.karmool-site-footer p{color:#808270;margin:0;font-size:12px;line-height:1.5}.karmool-site-footer .footer-social{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.karmool-site-footer .footer-social a{background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;padding:6px;transition:opacity .18s;display:grid}.karmool-site-footer .footer-social a:hover,.karmool-site-footer .footer-social a:focus-visible{opacity:.75}.karmool-site-footer .footer-social img{object-fit:contain;text-indent:0;width:14px;height:14px}@media (width>768px){.karmool-app.karmool-game-open .top-seat,.karmool-app.karmool-game-open .app-uno-game .opponent.top{translate:0 -10px}}@media (width>=1200px){.karmool-app.karmool-game-open{--cafe-badge-zoom:1.15}.karmool-app.karmool-game-open .player-badge{zoom:var(--cafe-badge-zoom)}}@media (width>=1000px) and (height>=760px) and (height<=887px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-margin:6px;--cafe-fit-card-width:clamp(64px, calc(64px + (100dvh - 760px) * .15), 78px);--cafe-fit-badge-height:48px;--cafe-fit-hand-height:calc(var(--cafe-fit-card-width) * 7 / 5 + var(--cafe-fit-hand-clearance,8px))}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.game-shell.is-playing,.play-shell,.uno-room){height:var(--cafe-fit-viewport,100dvh);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .table-screen{height:100%;min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.play-shell,.table-screen,.uno-room){flex-direction:column;display:flex}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .rummy-table .card-table .table-center{max-height:none;inset:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){height:auto;min-height:0;margin-block:var(--cafe-fit-margin,0px) 0;--cafe-edge-bottom:calc(100% - var(--cafe-edge-top) - var(--cafe-felt-height));flex:1 1 0;container-type:size}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat{inset:calc(var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) 0 auto;flex-direction:column;align-items:center;gap:3px;width:100%;height:auto;padding:0;display:flex;transform:none}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-info{flex:none;height:auto;min-height:0;margin-block:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-hand{flex:0 0 var(--cafe-fit-hand-height);width:100%;height:var(--cafe-fit-hand-height);min-height:0;margin:0;padding:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card{margin-inline-start:0;margin-bottom:0;width:var(--cafe-fit-card-width)!important;margin-left:min(var(--cafe-fit-card-width) * -.39, (100cqw - var(--cafe-fit-card-width) - 44px) / var(--hand-gaps,1) - var(--cafe-fit-card-width))!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:first-child{margin-left:0!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge{top:calc((var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) / var(--cafe-badge-zoom,1));bottom:auto}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll{--hand-card-width:var(--cafe-fit-card-width);padding:0 8px 4px;top:auto;bottom:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll .human-hand{min-height:var(--cafe-fit-hand-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-info>.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .top-seat>.player-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .opponent.top>.player-label{--card-badge-height:var(--cafe-fit-badge-height)}}@media (width>=1000px) and (height>=760px) and (height<=887px) and (width>1200px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .human-seat .hand-card{flex:none}}@media (width>=1000px) and (height>=760px) and (height<=887px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-fit-bottom-space:16px;--cafe-fit-badge-space:calc(max(var(--cafe-fit-badge-height), var(--cafe-seat-badge-min-height,0px)) * var(--cafe-badge-zoom,1));--cafe-fit-below-felt:calc(var(--cafe-seat-gap) + var(--cafe-fit-badge-space) + var(--cafe-fit-hand-height) + var(--cafe-fit-bottom-space));--cafe-felt-width:min(var(--cafe-desktop-felt-width), calc((100cqh - var(--cafe-edge-top) - var(--cafe-fit-below-felt)) * var(--cafe-felt-aspect)))}}@media (width>=1000px) and (height>=760px) and (height<=887px) and (width>1200px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-fit-bottom-space:20px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-card-width:clamp(76px, calc(76px + (100dvh - 760px) * .15), 92px)}}@media (width>=1000px) and (height>=760px) and (height<=887px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-edge-top:calc(84px + (100dvh - 760px) * .6);--cafe-seat-gap:14px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.top-seat,.opponent.top){top:calc(var(--cafe-edge-top) - var(--cafe-seat-gap))!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .top-seat .player-crown{top:-7px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-dominoes-game,.app-tonj-game .play-shell){height:100dvh;min-height:0}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-game-area{--workspace-gap:6px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-game-area .dominoes-hand{--hand-tile-width:34px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-game-area .dominoes-player{--card-badge-height:48px;--card-badge-avatar:36px}}@media (width>1200px) and (height>=888px),(width>1200px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-viewport:max(888px, var(--karmool-layout-height,100dvh));--cafe-fit-card-width:clamp(104px, calc(104px + (var(--cafe-fit-viewport) - 900px) * .06), 116px);--cafe-fit-badge-height:56px;--cafe-fit-hand-height:calc(var(--cafe-fit-card-width) * 7 / 5 + var(--cafe-fit-hand-clearance,8px))}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.game-shell.is-playing,.play-shell,.uno-room){height:var(--cafe-fit-viewport,100dvh);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .table-screen{height:100%;min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.play-shell,.table-screen,.uno-room){flex-direction:column;display:flex}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .rummy-table .card-table .table-center{max-height:none;inset:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){height:auto;min-height:0;margin-block:var(--cafe-fit-margin,0px) 0;--cafe-edge-bottom:calc(100% - var(--cafe-edge-top) - var(--cafe-felt-height));flex:1 1 0;container-type:size}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat{inset:calc(var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) 0 auto;flex-direction:column;align-items:center;gap:3px;width:100%;height:auto;padding:0;display:flex;transform:none}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-info{flex:none;height:auto;min-height:0;margin-block:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-hand{flex:0 0 var(--cafe-fit-hand-height);width:100%;height:var(--cafe-fit-hand-height);min-height:0;margin:0;padding:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card{margin-inline-start:0;margin-bottom:0;width:var(--cafe-fit-card-width)!important;margin-left:min(var(--cafe-fit-card-width) * -.39, (100cqw - var(--cafe-fit-card-width) - 44px) / var(--hand-gaps,1) - var(--cafe-fit-card-width))!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:first-child{margin-left:0!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge{top:calc((var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) / var(--cafe-badge-zoom,1));bottom:auto}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll{--hand-card-width:var(--cafe-fit-card-width);padding:0 8px 4px;top:auto;bottom:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll .human-hand{min-height:var(--cafe-fit-hand-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-info>.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .top-seat>.player-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .opponent.top>.player-label{--card-badge-height:var(--cafe-fit-badge-height)}}@media (width>1200px) and (height>=888px) and (width>1200px),(width>1200px) and (height<760px) and (width>1200px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .human-seat .hand-card{flex:none}}@media (width>1200px) and (height>=888px),(width>1200px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-fit-bottom-space:16px;--cafe-fit-badge-space:calc(max(var(--cafe-fit-badge-height), var(--cafe-seat-badge-min-height,0px)) * var(--cafe-badge-zoom,1));--cafe-fit-below-felt:calc(var(--cafe-seat-gap) + var(--cafe-fit-badge-space) + var(--cafe-fit-hand-height) + var(--cafe-fit-bottom-space));--cafe-felt-width:min(var(--cafe-desktop-felt-width), calc((100cqh - var(--cafe-edge-top) - var(--cafe-fit-below-felt)) * var(--cafe-felt-aspect)))}}@media (width>1200px) and (height>=888px) and (width>1200px),(width>1200px) and (height<760px) and (width>1200px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-fit-bottom-space:20px}}@media (width>1200px) and (height>=888px),(width>1200px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-fit-margin:max(14px, calc((var(--cafe-fit-viewport) - var(--cafe-desktop-felt-width) / var(--cafe-felt-aspect) - 478px) / 2 + 26px));--cafe-edge-top:100px}}@media (width>=1000px) and (height>=760px) and (height<=887px),(768px<width<=1100px),(width>1920px) and (height>1080px){body.karmool-game-open .karmool-app.karmool-game-open .app-trix-game .trix-team-strip{width:min(260px,23vw);position:absolute;top:72px;left:8px}}@media (width>1920px) and (height>1080px),(768px<width<1000px){body.karmool-game-open .karmool-app.karmool-game-open .app-trix-game .table-screen:has(>.trix-team-strip){--last-trick-preview-top:146px}}@media (orientation:portrait) and (width<=768px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game){--cafe-portrait-avatar:clamp(32px, 9vw, 40px);--cafe-portrait-badge-width:clamp(164px, 47vw, 200px);--cafe-portrait-badge-height:calc(var(--cafe-portrait-avatar) + 20px);--cafe-portrait-name-size:14px;--cafe-portrait-side-name-size:14px;--cafe-portrait-detail-size:11px}}@media (orientation:portrait) and (width<=768px) and (width>=600px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game){--cafe-portrait-avatar:clamp(38px, 5.75vw, 44px);--cafe-portrait-badge-width:clamp(192px, 28vw, 216px);--cafe-portrait-name-size:16px;--cafe-portrait-side-name-size:15px;--cafe-portrait-detail-size:13px}}@media (orientation:portrait) and (width<=768px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena,.dominoes-player){--cafe-seat-avatar:var(--cafe-portrait-avatar)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena):where(:not(.tonj-table,.dominoes-table)){--cafe-seat-gap:12px;--cafe-side-gap:var(--cafe-seat-gap);--cafe-mobile-side-width:clamp(56px, 16vw, 76px);--cafe-mobile-side-height:clamp(104px, 28vw, 122px)}}@media (orientation:portrait) and (width<=768px) and (width>=600px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena):where(:not(.tonj-table,.dominoes-table)){--cafe-mobile-side-width:clamp(82px, 13vw, 104px);--cafe-mobile-side-height:128px}}@media (orientation:portrait) and (width<=768px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena):where(:not(.tonj-table,.dominoes-table)):has(>:is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right)){--cafe-mobile-gutter:calc(8px + var(--cafe-mobile-side-width) + var(--cafe-side-gap))}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena):where(:not(.tonj-table,.dominoes-table)) .human-seat .human-info{width:max-content;max-width:100%}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.card-table,.arena):where(:not(.tonj-table,.dominoes-table)) :is(.left-seat,.right-seat,.opponent.left,.opponent.right)>:is(.player-badge,.player-label){--cafe-side-height:var(--cafe-mobile-side-height);--cafe-portrait-name-size:var(--cafe-portrait-side-name-size)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.top-seat>.player-badge,.opponent.top>.player-label,.human-info>.card-self-badge,.human-badge.card-self-badge,.dominoes-player,.tonj-seat>.player-badge){--card-badge-width:var(--cafe-portrait-badge-width);--card-badge-height:var(--cafe-portrait-badge-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.player-seat,.opponent,.human-info,.tonj-seat)>:is(.player-badge,.player-label),body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.human-badge.card-self-badge,.dominoes-player){--card-badge-name-size:var(--cafe-portrait-name-size)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.player-seat,.opponent,.human-info,.tonj-seat)>:is(.player-badge,.player-label) small,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) :is(.human-badge.card-self-badge,.dominoes-player) small{font-size:var(--cafe-portrait-detail-size)}}@media (600px<=width<=768px) and (height>=740px),(width<600px) and (height>=760px),(orientation:portrait) and (360px<=width<600px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-card-width:clamp(64px, 10vw, 76px);--cafe-fit-badge-height:var(--cafe-portrait-badge-height,48px);--cafe-fit-hand-height:calc(var(--cafe-fit-card-width) * 7 / 5 + var(--cafe-fit-hand-clearance,8px))}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.game-shell.is-playing,.play-shell,.uno-room){height:var(--cafe-fit-viewport,100dvh);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .table-screen{height:100%;min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.play-shell,.table-screen,.uno-room){flex-direction:column;display:flex}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .rummy-table .card-table .table-center{max-height:none;inset:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){height:auto;min-height:0;margin-block:var(--cafe-fit-margin,0px) 0;--cafe-edge-bottom:calc(100% - var(--cafe-edge-top) - var(--cafe-felt-height));flex:1 1 0;container-type:size}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat{inset:calc(var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) 0 auto;flex-direction:column;align-items:center;gap:3px;width:100%;height:auto;padding:0;display:flex;transform:none}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-info{flex:none;height:auto;min-height:0;margin-block:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-hand{flex:0 0 var(--cafe-fit-hand-height);width:100%;height:var(--cafe-fit-hand-height);min-height:0;margin:0;padding:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card{margin-inline-start:0;margin-bottom:0;width:var(--cafe-fit-card-width)!important;margin-left:min(var(--cafe-fit-card-width) * -.39, (100cqw - var(--cafe-fit-card-width) - 44px) / var(--hand-gaps,1) - var(--cafe-fit-card-width))!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:first-child{margin-left:0!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge{top:calc((var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) / var(--cafe-badge-zoom,1));bottom:auto}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll{--hand-card-width:var(--cafe-fit-card-width);padding:0 8px 4px;top:auto;bottom:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll .human-hand{min-height:var(--cafe-fit-hand-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-info>.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .top-seat>.player-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .opponent.top>.player-label{--card-badge-height:var(--cafe-fit-badge-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-seat-gap:16px;--cafe-side-gap:var(--cafe-seat-gap);--cafe-tablet-head-space:calc(var(--cafe-fit-badge-height) + var(--cafe-seat-gap) + 4px);--cafe-tablet-hand-space:calc(var(--cafe-fit-badge-height) + var(--cafe-seat-gap) + var(--cafe-fit-hand-height) + 22px + env(safe-area-inset-bottom,0px));--cafe-felt-height:min(var(--cafe-tablet-target-height,min(calc(100dvh - 430px), 520px)), calc(2 * (100cqh - var(--cafe-tablet-head-space)) - 100dvh), calc(100dvh - 2 * var(--cafe-tablet-hand-space)));--cafe-edge-top:calc(100cqh - (100dvh + var(--cafe-felt-height)) / 2)}}@media (600px<=width<=768px) and (height>=740px) and (any-pointer:coarse) and (height<=820px),(width<600px) and (height>=760px) and (any-pointer:coarse) and (height<=820px),(orientation:portrait) and (360px<=width<600px) and (height<760px) and (any-pointer:coarse) and (height<=820px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-seat-gap:12px}}@media (600px<=width<=768px) and (height>=740px),(width<600px) and (height>=760px),(orientation:portrait) and (360px<=width<600px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena)>.color-status{top:8px;left:auto;right:auto;inset-inline-end:12px;transform:none}}@media (600px<=width<=768px) and (height>=740px) and (width<600px) and (height>=760px),(width<600px) and (height>=760px) and (width<600px) and (height>=760px),(orientation:portrait) and (360px<=width<600px) and (height<760px) and (width<600px) and (height>=760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-card-width:clamp(58px, 17vw, 72px)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-seat-gap:12px}}@media (600px<=width<=768px) and (height>=740px) and (orientation:portrait) and (360px<=width<600px) and (height<760px),(width<600px) and (height>=760px) and (orientation:portrait) and (360px<=width<600px) and (height<760px),(orientation:portrait) and (360px<=width<600px) and (height<760px) and (orientation:portrait) and (360px<=width<600px) and (height<760px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-card-width:clamp(50px, 15vw, 66px)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-seat-gap:12px;--cafe-tablet-target-height:clamp(220px, calc(100dvh - 320px), 320px)}}@media (orientation:landscape) and (any-pointer:coarse) and (height<=650px),(768px<width<1000px) and (480px<=height<=650px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game){--cafe-fit-viewport:calc(100dvh - env(safe-area-inset-bottom,0px));--cafe-fit-side-inset:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--cafe-fit-hand-clearance:12px;--cafe-fit-card-width:50px;--cafe-fit-badge-height:38px;--cafe-fit-avatar:26px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) .shared-game-toolbar{min-height:0;padding-block:4px;padding-inline:max(10px, var(--cafe-fit-side-inset));gap:8px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) .shared-toolbar-button{min-height:32px;padding-block:4px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game,.app-dominoes-game,.app-tonj-game) .player-badge{--cafe-badge-zoom:1;--card-badge-width:142px;--card-badge-height:var(--cafe-fit-badge-height);--card-badge-avatar:var(--cafe-fit-avatar);zoom:1}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game){--cafe-fit-hand-height:calc(var(--cafe-fit-card-width) * 7 / 5 + var(--cafe-fit-hand-clearance,8px))}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.game-shell.is-playing,.play-shell,.uno-room){height:var(--cafe-fit-viewport,100dvh);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .table-screen{height:100%;min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.play-shell,.table-screen,.uno-room){flex-direction:column;display:flex}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .rummy-table .card-table .table-center{max-height:none;inset:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){height:auto;min-height:0;margin-block:var(--cafe-fit-margin,0px) 0;--cafe-edge-bottom:calc(100% - var(--cafe-edge-top) - var(--cafe-felt-height));flex:1 1 0;container-type:size}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat{inset:calc(var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) 0 auto;flex-direction:column;align-items:center;gap:3px;width:100%;height:auto;padding:0;display:flex;transform:none}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-info{flex:none;height:auto;min-height:0;margin-block:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .human-hand{flex:0 0 var(--cafe-fit-hand-height);width:100%;height:var(--cafe-fit-hand-height);min-height:0;margin:0;padding:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card{margin-inline-start:0;margin-bottom:0;width:var(--cafe-fit-card-width)!important;margin-left:min(var(--cafe-fit-card-width) * -.39, (100cqw - var(--cafe-fit-card-width) - 44px) / var(--hand-gaps,1) - var(--cafe-fit-card-width))!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:first-child{margin-left:0!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge{top:calc((var(--cafe-edge-top) + var(--cafe-felt-height) + var(--cafe-seat-gap)) / var(--cafe-badge-zoom,1));bottom:auto}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll{--hand-card-width:var(--cafe-fit-card-width);padding:0 8px 4px;top:auto;bottom:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .hand-scroll .human-hand{min-height:var(--cafe-fit-hand-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-info>.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-badge.card-self-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .top-seat>.player-badge,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .opponent.top>.player-label{--card-badge-height:var(--cafe-fit-badge-height)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .trix-team-strip{width:min(205px,26vw);margin:0;position:absolute;top:48px;left:6px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .trix-team-strip .team-avatars,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) .trix-team-strip .team-captures{display:none}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-edge-inline:max(clamp(78px, 12vw, 132px), calc(var(--cafe-fit-side-inset) + 74px));--cafe-edge-top:53px;--cafe-seat-gap:8px;--cafe-seat-avatar:28px;--cafe-edge-bottom:calc(61px + var(--cafe-fit-hand-height));--cafe-felt-width:calc(100cqw - 2 * var(--cafe-edge-inline));--cafe-felt-height:calc(100cqh - var(--cafe-edge-top) - var(--cafe-edge-bottom));width:100%}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.top-seat,.opponent.top){left:50%;right:auto;translate:none;top:calc(var(--cafe-edge-top) - var(--cafe-seat-gap))!important;width:max-content!important;transform:translate(-50%,-100%)!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right){top:calc(var(--cafe-edge-top) + var(--cafe-felt-height) / 2)!important;width:max-content!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right)>:is(.player-badge,.player-label){--cafe-side-width:64px;--cafe-side-height:78px;gap:3px;padding:4px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right)>:is(.player-badge,.player-label)>:is(img,.player-portrait){margin:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right)>:is(.player-badge,.player-label) strong{font-size:10px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.player-seat.right-seat,.opponent.left,.opponent.right)>:is(.player-badge,.player-label) small{font-size:9px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.left-seat,.opponent.left){left:calc(var(--cafe-edge-inline) - var(--cafe-seat-gap));right:auto;transform:translate(-100%,-50%)!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.player-seat.right-seat,.opponent.right){right:calc(var(--cafe-edge-inline) - var(--cafe-seat-gap));left:auto;transform:translate(100%,-50%)!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) :is(.top-seat,.left-seat,.right-seat) .player-crown{top:-10px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-info{width:max-content}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:not(.hand-dragging){transform:none!important}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .human-seat .hand-card:not(.hand-dragging):is(.selected,.recent-draw){translate:0 -6px}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .table-center{top:calc(var(--cafe-edge-top) + var(--cafe-felt-height) / 2);max-height:calc(var(--cafe-felt-height) - 14px);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .piles{top:calc(var(--cafe-edge-top) + var(--cafe-felt-height) / 2)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena) .color-status{top:6px;inset-inline:auto 10px;transform:none}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game{height:var(--cafe-fit-viewport);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-game-area{--workspace-gap:4px;flex:1 1 0;grid-template-rows:minmax(0,1fr);display:grid}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-workspace{margin-block-start:0}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-table{flex:1 1 0;width:min(80vw,860px);height:auto;min-height:0;padding:9px 86px 9px 14px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-status-row{pointer-events:none;width:auto;min-height:0;position:absolute;inset:4px 76px auto 4px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-stock-well{width:68px;padding:2px;position:absolute;top:50%;right:8px;translate:0 -50%}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-stock{grid-template-columns:1fr auto;gap:3px;padding:4px;display:grid}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-stock>span:not(.dominoes-stock-stone){grid-area:1/1/2/-1}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-stock .dominoes-stock-stone{width:18px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-hand{--hand-tile-width:24px}body.karmool-game-open .karmool-app.karmool-game-open .app-dominoes-game .dominoes-rack{--rack-tile-max:13px}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .play-shell{height:var(--cafe-fit-viewport);flex-direction:column;min-height:0;display:flex}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-workspace{flex:1;min-height:0;display:flex}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-table{--cafe-edge-top:48px;--cafe-edge-bottom:48px;--tonj-card-width:clamp(18px, calc((100cqh - 115px) * .115), 42px);--tonj-foundation-width:var(--tonj-card-width);--tonj-house-width:var(--tonj-card-width);--tonj-edge-step:9px;--tonj-edge-font-size:9px;width:min(88vw,1040px);height:auto;min-height:0;margin-block:0}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-board{gap:3px;padding-block:5px}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game :is(.tonj-group-left,.tonj-group-right){row-gap:2px}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-pile-group{gap:3px}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-seat-opponent{bottom:calc(100% - var(--cafe-edge-top) + var(--cafe-seat-gap,4px))}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-seat-you{top:calc(100% - var(--cafe-edge-bottom) + var(--cafe-seat-gap,4px))}}@media (768px<width<1000px) and (480px<=height<=650px){body.karmool-game-open .karmool-app.karmool-game-open .app-trix-game .trix-team-strip{top:70px}body.karmool-game-open .karmool-app.karmool-game-open .rummy-table .stock-area.hand-piles{top:calc(var(--cafe-edge-top) + var(--cafe-felt-height) / 2)}body.karmool-game-open .karmool-app.karmool-game-open .rummy-table .stock-area.hand-piles :is(.stock,.discard,.discard button){width:calc(var(--cafe-fit-card-width) - 6px)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-hand-game,.app-banakel-game,.app-basra-game,.app-leekha-game,.app-uno-game) :is(.card-table,.arena){--cafe-edge-top:62px;--cafe-felt-width:min(calc(100cqw - 2 * var(--cafe-landscape-gutter)), calc(var(--cafe-felt-height) * var(--cafe-felt-aspect)));--cafe-landscape-gutter:max(78px, calc(var(--cafe-fit-side-inset) + 74px));--cafe-edge-inline:calc((100cqw - var(--cafe-felt-width)) / 2)}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-table{--cafe-edge-top:54px;--cafe-edge-bottom:54px;--cafe-seat-avatar:24px;--cafe-seat-gap:6px;--tonj-foundation-width:clamp(21px, calc((100cqh - 270px) * .16), var(--tonj-card-width));--tonj-house-width:var(--tonj-foundation-width)}body.karmool-game-open .karmool-app.karmool-game-open .app-tonj-game .tonj-table .tonj-group-foundations .tonj-card{font-size:calc(var(--tonj-foundation-width) * .65)}}@media (width<=1000px){body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone){top:calc(var(--cafe-edge-top) + var(--cafe-felt-height) / 2 - 18px);width:min(610px, var(--cafe-felt-width) - 24px);height:calc(var(--cafe-felt-height) - 80px);min-height:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone)>.trick-zone{width:100%;height:100%;container-type:size}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card{--cafe-trick-preferred-width:clamp(66px, calc(7.5vw / var(--karmool-display-scale,1)), 96px);width:min(var(--cafe-trick-preferred-width), (100cqw - 12px) / 3, (100cqh - 12px) * 5 / 14);inset:auto}:is(body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-0,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-2){left:50%;transform:translate(-50%)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-0{bottom:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-2{top:0}:is(body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-1,body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-3){top:50%;transform:translateY(-50%)}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-1{right:0}body.karmool-game-open .karmool-app.karmool-game-open :is(.app-trix-game,.app-tarneeb-game,.app-leekha-game) .card-table:not(.trix-table)>.table-center:has(>.trick-zone) .played-card.play-position-3{left:0}}body.karmool-page{--karmool-modal-surface:#faf8f2;--karmool-modal-ink:#234335;--karmool-modal-muted:#52674c;--karmool-modal-accent:#355b40;--karmool-modal-soft:#e9efe2;--karmool-modal-control:#fffdf8;--karmool-modal-border:#2343351f;--karmool-modal-backdrop:#030806c9}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting){--accent:var(--karmool-modal-accent);--accent-soft:var(--karmool-modal-soft);--accent-contrast:var(--karmool-modal-control);--gold:var(--karmool-modal-accent);--picker-accent:var(--karmool-modal-accent);--picker-accent-soft:var(--karmool-modal-soft)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):not(.score-notebook,.trix-notebook){--score-row-background:var(--karmool-modal-soft);color:var(--karmool-modal-ink);background:var(--karmool-modal-surface);border-color:var(--karmool-modal-border)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):not(.score-notebook,.trix-notebook) :where(h1,h2,h3,h4,strong,legend,.guest-name-label,.guest-avatar-heading,.loader-copy){color:var(--karmool-modal-ink)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):not(.score-notebook,.trix-notebook) :where(p,small,.dialog-message,.last-trick-winner){color:var(--karmool-modal-muted)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):not(.score-notebook,.trix-notebook) :where(.rules-footer,.rule-list article>b,.scoreboard-list>article,.scoreboard-list>div,.guest-avatar-tabs){background:var(--karmool-modal-soft);border-color:var(--karmool-modal-border)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):not(.score-notebook,.trix-notebook) :where(.scoreboard-points,.rule-list article>b),:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-kicker,.trix-mode-kicker,.trix-style-kicker,.variant-kicker,.level-kicker,.eyebrow,.dialog-icon,.trix-mode-icon,.mode-icon){color:var(--karmool-modal-accent)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):is(dialog) :where(button:not(.pool-spin-pad,.primary,.modal-primary)){color:var(--karmool-modal-ink);background:var(--karmool-button-fill,var(--karmool-modal-control));border-color:var(--karmool-modal-border);box-shadow:none}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting):is(dialog) :where(button:not(.pool-spin-pad,.primary,.modal-primary)):not(:disabled):hover{color:var(--karmool-modal-ink);background:var(--karmool-button-hover,var(--karmool-modal-soft))}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-secondary,.modal-close,.trix-mode-close,.variant-close,.guest-name-close,.close,.partner-cancel,.room-back,.kingdom-mode-grid button,.trix-mode-options button,.trump-card-options button,.redeal-options button,.level-choice,.variant-choice,.player-option,.partner-choice,.trix-style-options label,.rule-variant-tabs button,.guest-avatar-tabs button){color:var(--karmool-modal-ink);background:var(--karmool-modal-control);border-color:var(--karmool-modal-border);box-shadow:none}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-secondary,.modal-close,.trix-mode-close,.variant-close,.guest-name-close,.close,.partner-cancel,.room-back,.kingdom-mode-grid button,.trix-mode-options button,.trump-card-options button,.redeal-options button,.level-choice,.variant-choice,.player-option,.partner-choice,.trix-style-options label,.rule-variant-tabs button,.guest-avatar-tabs button):is(.selected,.active,[aria-pressed=true]),:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-secondary,.modal-close,.trix-mode-close,.variant-close,.guest-name-close,.close,.partner-cancel,.room-back,.kingdom-mode-grid button,.trix-mode-options button,.trump-card-options button,.redeal-options button,.level-choice,.variant-choice,.player-option,.partner-choice,.trix-style-options label,.rule-variant-tabs button,.guest-avatar-tabs button):not(:disabled):hover{color:var(--karmool-modal-ink);background:var(--karmool-modal-soft);border-color:var(--karmool-modal-accent)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.guest-avatar-tabs button[aria-selected=true],.guest-avatar-options button>span){color:var(--karmool-modal-control);background:var(--karmool-modal-accent);border-color:var(--karmool-modal-surface)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.guest-avatar-options button[aria-checked=true],.trix-style-radio,.partner-check){color:var(--karmool-modal-accent);background:var(--karmool-modal-soft);border-color:var(--karmool-modal-accent)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-primary,.primary,.partner-confirm,.room-primary,.play-here-button,.confirm-bid,.confirm-trump,.result-next-round-button){--karmool-button-fill:var(--karmool-seat-fill);--karmool-button-hover:var(--karmool-seat-hover);color:var(--karmool-seat-ink);border-color:var(--karmool-seat-edge);background:var(--karmool-button-fill);box-shadow:0 2px #00000017}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-primary,.primary,.partner-confirm,.room-primary,.play-here-button,.confirm-bid,.confirm-trump,.result-next-round-button):enabled:hover{background:var(--karmool-button-hover)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.modal-primary,.primary,.partner-confirm,.room-primary,.play-here-button,.confirm-bid,.confirm-trump,.result-next-round-button) :where(strong,small){color:inherit}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) .exit-confirm-actions .continue{color:var(--karmool-modal-control);background:var(--karmool-modal-accent);border-color:var(--karmool-modal-accent);box-shadow:none}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.bid-modal-icon,.trump-modal-icon,.exit-confirm-icon,.trix-mode-icon){color:var(--karmool-modal-accent);background:var(--karmool-modal-soft);box-shadow:none}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){color:var(--karmool-modal-ink);background:var(--karmool-modal-control);border-color:var(--karmool-modal-border)}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) :is(dialog,[aria-modal=true]:not(.layer,.overlay),.game-modal,.bid-modal,.trump-modal,.round-result-modal,.room-loading,.color-choice-overlay>.panel,.app-player-count-picker .layer>section):not(.is-connecting) :where(.guest-name-error,[role=alert],[role=alert]>p){color:#a53736}:is(#karmool-app .karmool-app,body.karmool-page>.app-game-intro) dialog::backdrop{background:var(--karmool-modal-backdrop)}#karmool-app .karmool-app{--score-positive-ink:#6ee49c;--score-negative-ink:#ff777d}#karmool-app .karmool-app :where(dialog,.score-notebook,.trix-notebook,.app-board-match-dialog .game-modal){--score-positive-ink:#16713c;--score-negative-ink:#b13431}#karmool-app .karmool-app .score-positive{color:var(--score-positive-ink)}#karmool-app .karmool-app .score-negative{color:var(--score-negative-ink)}.karmool-login-dialog{width:min(820px,100% - 32px);max-height:calc(100dvh / var(--karmool-display-scale,1) - 32px);color:#263e32;background:#f4eddd;border:1px solid #eef0d140;border-radius:25px;padding:0;font-family:Tajawal,Cairo,sans-serif;overflow:auto;box-shadow:0 30px 120px #0007}.karmool-login-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#102c24b8}.karmool-login-dialog,.karmool-login-dialog *{box-sizing:border-box}.karmool-login-dialog button,.karmool-login-dialog input{font:inherit}.karmool-login-dialog .login-preview-panel{grid-template-columns:.85fr 1.15fr;min-height:510px;display:grid;position:relative}.karmool-login-dialog .login-preview-close{inset-inline-end:16px;z-index:2;color:#34523e;cursor:pointer;background:#f8f1e2c9;border:1px solid #28473130;border-radius:50%;width:33px;height:33px;font-size:23px;position:absolute;top:16px}.karmool-login-dialog .login-preview-art{color:#e9d39f;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 30px),#254b3b;flex-direction:column;justify-content:end;align-items:center;padding-top:60px;display:flex;position:relative;overflow:hidden}.karmool-login-dialog .login-preview-art>img{z-index:1;margin-inline-start:-12%;width:125%;max-width:none;margin-bottom:-18px;position:relative}.karmool-login-dialog .login-preview-art>b{top:36px;font-size:55px;font-weight:400;position:absolute;inset-inline-start:28px;transform:rotate(-15deg)}.karmool-login-dialog .login-art-orbit{border:1px solid #f1dfac50;border-radius:50%;width:270px;height:320px;position:absolute;top:110px;transform:rotate(25deg)}.karmool-login-dialog .login-art-note{top:70px;border:1px solid #ddc18f;border-radius:40px;padding:8px 14px;font-size:12px;position:absolute;inset-inline-end:20px;transform:rotate(9deg)}.karmool-login-dialog .login-preview-form{text-align:start;padding:42px 36px 28px}.karmool-login-dialog .login-preview-kicker{color:#a76539;font-size:11px}.karmool-login-dialog h2{margin:10px 0 7px;font-family:Cairo,sans-serif;font-size:31px;font-weight:900;line-height:1.5}.karmool-login-dialog form>p{color:#7b806e;margin-bottom:12px;font-size:13px;line-height:1.7}.karmool-login-dialog form>label{margin:0 0 7px;font-size:12px;font-weight:700;display:block}.karmool-login-dialog .login-input{background:#fffaf1;border:1px solid #314b332d;border-radius:11px;align-items:center;gap:9px;min-height:46px;margin-bottom:15px;padding-inline:12px;display:flex}.karmool-login-dialog .login-input:focus-within{border-color:#547559;box-shadow:0 0 0 3px #5f7a4712}.karmool-login-dialog .login-input>span{color:#829078;font-size:17px}.karmool-login-dialog .login-input input{color:#263e32;background:0 0;border:0;outline:none;width:100%;min-width:0;padding-block:10px;font-size:13px}.karmool-login-dialog .login-input button{color:#6c7d67;cursor:pointer;background:0 0;border:0;padding:3px}.karmool-login-dialog .login-input svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px;display:block}.karmool-login-dialog .login-preview-options{color:#7e806a;justify-content:space-between;align-items:center;gap:8px;margin-block:2px 18px;font-size:11px;display:flex}.karmool-login-dialog .login-preview-options label{align-items:center;gap:6px;margin:0;display:flex}.karmool-login-dialog .login-preview-options input{accent-color:#31523d}.karmool-login-dialog .login-preview-submit{color:#faf1d9;cursor:pointer;background:#315640;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 16px;font-size:14px;font-weight:700;display:flex}.karmool-login-dialog .login-preview-submit span{color:#d8be7f}.karmool-login-dialog button:focus-visible{outline-offset:3px;outline:2px solid #9d7544}@media (width<=650px){.karmool-login-dialog .login-preview-panel{grid-template-columns:1fr;min-height:auto}.karmool-login-dialog .login-preview-art{align-items:flex-end;height:140px;padding:0}.karmool-login-dialog .login-preview-art>img{inset-inline-end:16px;width:180px;position:absolute;top:10px}.karmool-login-dialog .login-preview-art>b{inset-inline-start:24px;font-size:42px;top:36px}.karmool-login-dialog .login-art-note{inset-inline:24px auto;padding:5px 10px;font-size:10px;top:98px;transform:rotate(-6deg)}.karmool-login-dialog .login-art-orbit{top:-90px;inset-inline-end:-20px}.karmool-login-dialog .login-preview-form{padding:22px 24px 24px}.karmool-login-dialog h2{font-size:27px}}#karmool-site>.container:has(>.karmool-registration){background:radial-gradient(at 12% 0,#dce6d44d,#0000 42%),#f6f5ef}.karmool-registration{color:#294737;width:min(820px,100% - 32px);margin:0 auto;padding-block:24px 56px;font-family:Tajawal,Cairo,sans-serif}.karmool-registration .account-back{color:#52705b;align-items:center;gap:8px;margin-bottom:16px;text-decoration:none;display:inline-flex}.karmool-registration .account-back svg{width:18px;height:18px}.karmool-registration:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .account-back svg{transform:scaleX(-1)}.karmool-registration .account-registration-panel{background:#fffdf6;border:1px solid #d5dfd1;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #203e2210}.karmool-registration .account-registration-heading{color:#f8ecd1;background:linear-gradient(135deg,#254b3b,#17382b);align-items:center;gap:18px;padding:26px 32px;display:flex}.karmool-registration .account-registration-heading p{color:#ede3cb;margin:0}.karmool-registration .account-registration-heading h1{color:#fff6de;margin:4px 0;font-family:Cairo,sans-serif;font-size:clamp(24px,4vw,34px);font-weight:800}.karmool-registration .account-registration-mark{color:#315640;background:#f6ead1;border:1px solid #e6cc9390;border-radius:9px;flex:0 0 54px;place-items:center;height:66px;font-size:28px;display:grid}.karmool-registration form{gap:20px;padding:26px 32px 32px;display:grid}.karmool-registration .account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.karmool-registration .account-field{flex-direction:column;gap:5px;min-width:0;display:flex}.karmool-registration .account-field>label{font-weight:700}.karmool-registration .account-field>input{color:#253c2f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd7c7;border-radius:9px;padding:8px 11px}.karmool-registration .account-field>input[aria-invalid=true]{border-color:#af4c45}.karmool-registration .account-field>small{color:#546d5b;line-height:1.4}.karmool-registration .account-field>small[data-invalid]{color:#9c3029;font-weight:700}.karmool-registration fieldset{border:0;min-width:0;margin:0;padding:0}.karmool-registration legend{float:none;color:#294737;margin:0 0 8px;font-size:16px;font-weight:800}.karmool-registration .account-gender>div{flex-wrap:wrap;gap:8px;display:flex}.karmool-registration .account-gender>div label{cursor:pointer;border:1px solid #cbd7c7;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding-inline:14px;display:inline-flex}.karmool-registration .account-gender>div label:has(input:checked){background:#eef3e7;border-color:#497556}.karmool-registration .account-gender>div label input{accent-color:#315640;margin:0}.karmool-registration .account-character>p[data-avatar-hint]{color:#546d5b;margin:0}.karmool-registration .account-avatars{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-bottom:5px;display:none}.karmool-registration .account-avatars label{aspect-ratio:1;cursor:pointer;background:#eef3e9;border:2px solid #dce5d8;border-radius:11px;place-items:center;display:grid;position:relative}.karmool-registration .account-avatars label:has(input:checked){border-color:#416e4e;box-shadow:0 0 0 2px #416e4e30}.karmool-registration .account-avatars label:has(input:focus-visible){outline-offset:3px;outline:2px solid #9d7544}.karmool-registration .account-avatars label input{opacity:0;position:absolute}.karmool-registration .account-avatars label img{object-fit:cover;border-radius:8px;width:100%;height:100%}.karmool-registration .account-avatars--selected:not([hidden]){display:grid}.karmool-registration form:has(input[name=gender][value=male]:checked) .account-avatars[data-account-avatars=male]:not([hidden]){display:grid}.karmool-registration form:has(input[name=gender][value=female]:checked) .account-avatars[data-account-avatars=female]:not([hidden]){display:grid}.karmool-registration [hidden]{display:none}.karmool-registration .account-register-submit{color:#fff5df;width:min(100%,260px);min-height:46px;font:inherit;cursor:pointer;background:#315640;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding-inline:16px;font-weight:800;display:inline-flex}.karmool-registration .account-register-submit span{color:#e3c780}.karmool-registration .account-register-submit:focus-visible{box-shadow:0 0 0 3px #d5b776}.karmool-registration :is(input,button,a):focus-visible{outline-offset:2px;outline:2px solid #9d7544}@media (width<=650px){.karmool-registration form,.karmool-registration .account-registration-heading{padding-inline:18px}.karmool-registration .account-avatars{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=520px){.karmool-registration .account-fields{grid-template-columns:1fr}.karmool-registration .account-register-submit{width:100%}}.account-verification{max-width:560px}.account-verification .account-verification-body{gap:14px;padding:24px 32px;display:grid}.account-verification .account-verification-body form{padding:0}.account-verification .account-verification-body p{margin:0}.account-verification .account-verification-body .account-register-submit{text-decoration:none}.account-verification .account-verification-address{overflow-wrap:anywhere;font-weight:700}.account-verification .account-verification-status{background:#eef3e7;border-radius:8px;padding:9px 12px}@media (width<=650px){.account-verification .account-verification-body{padding-inline:18px}}:is(.karmool-registration,.karmool-login-dialog) .account-field-error{color:#9c3029;margin:3px 0 0;font-size:13px;font-weight:700;line-height:1.45}.karmool-login-dialog .login-register-link{text-align:center;color:#315640;text-underline-offset:3px;margin-top:12px;font-size:14px;font-weight:800;display:block}.karmool-login-dialog .login-preview-submit:disabled{opacity:.7;cursor:wait}.karmool-profile .profile-current-photo{object-fit:cover;background:#f6ead1;border:2px solid #dfc390;border-radius:50%;flex:none;width:clamp(56px,12vw,76px);height:clamp(56px,12vw,76px)}.karmool-profile .profile-account-details{background:#f0f3e8;border-block-end:1px solid #d5dfd1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;padding:18px 32px;display:grid}.karmool-profile .profile-account-details dt{color:#516b59;font-size:13px}.karmool-profile .profile-account-details dd{color:#253c2f;overflow-wrap:anywhere;margin:4px 0 0;font-weight:700}.karmool-profile .profile-photo-field{border-block-start:1px solid #d5dfd1;padding-block-start:14px}.karmool-profile .profile-photo-field>input::file-selector-button{color:inherit;font:inherit;cursor:pointer;background:#e7eddf;border:0;border-radius:5px;margin-inline-end:8px;padding:4px 8px}.karmool-profile .profile-photo-remove{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:14px;display:flex}.karmool-profile .profile-photo-remove input{accent-color:#315640;margin:0}.karmool-profile .profile-saved{color:#274a34;background:#eaf3e4;border:1px solid #cbdcc4;border-radius:8px;margin:0;padding:9px 12px;font-weight:700}@media (width<=650px){.karmool-profile .profile-account-details{padding-inline:18px}}