/*
 * series444 mobile Lobby sheet ka "quick play" casino table (src/t30/QuickTable.jsx) — aura444.biz jaisa ka taisa.
 * Ref = aura444 ka quick casino app (minicasino.ludoexchange.com): uske Angular components ka PUBLIC CSS yahan
 * component-scope ke saath (Angular [_ngcontent] => .s444-qp .qp-<component>), images /assets/minilobby/qp/*.
 * Sheet 220px ki hai (ref iframe bhi 220px) — isliye ref ke px naap waise ke waise. Root par transform hai taaki ref
 * ke position:fixed popups (toast / history / result card) sheet ke andar hi rahein, poore page par nahi.
 * Generated parts: scratch tools gencss.cjs / genutil.cjs (ref CSS -> scoped). Hath se: base, ref globals, overrides.
 */
.s444-qp { --mainBodyBG: #000; --mainTextColor: #fff; position: absolute; inset: 0; overflow: hidden; transform: translateZ(0);
  font-family: Montserrat, sans-serif; color: #fff; line-height: 1.5; font-size: 16px; text-align: left; -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none; user-select: none; }
/* Angular component host (<app-...>) jaisa: apna box nahi, sirf CSS scope */
.s444-qp .qp-host { display: contents; }
/* ref ka tailwind preflight — sirf is table ke andar */
.s444-qp *, .s444-qp *::before, .s444-qp *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb;
  --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; }
.s444-qp img, .s444-qp svg { display: block; vertical-align: middle; }
.s444-qp img { max-width: 100%; height: auto; }
.s444-qp h3, .s444-qp h6, .s444-qp p { margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; }
.s444-qp a { color: inherit; text-decoration: inherit; cursor: pointer; }
.s444-qp button { margin: 0; padding: 0; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit;
  text-transform: none; background-color: transparent; background-image: none; cursor: pointer; }
.s444-qp table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
.s444-qp b { font-weight: bolder; }

/* ---- ref global styles.css (component nahi) */
.s444-qp .MuiBackdrop-root, .s444-qp .css-rljl56 { display: flex; height: 100%; top: 0 !important; z-index: 999 !important; background: #00000070;
  position: absolute; width: 100%; justify-content: center; align-content: center; align-items: center; opacity: 1;
  transition: opacity 225ms cubic-bezier(.4, 0, .2, 1); border-radius: 6px; }
.s444-qp .lock-icon { height: 24px; width: 24px; color: #fff; }
.s444-qp .height-0 { height: 0 !important; }
@keyframes qpg-swing-in-top-fwd { 0% { opacity: 0; transform: rotateX(-100deg); transform-origin: top } to { opacity: 1; transform: rotateX(0); transform-origin: top } }
.s444-qp .swing-in-top-fwd { animation: qpg-swing-in-top-fwd 1s cubic-bezier(.175, .885, .32, 1.275) both; }
.s444-qp .swing-in-top-left-section, .s444-qp .swing-in-top-center-section, .s444-qp .swing-in-top-right-section { animation: qpg-pop-up 1s; }
.s444-qp .swing-in-top-section { animation: qpg-pop-up .5s; }
@keyframes qpg-pop-up {
  0% { transform: scale(1); background-color: #77db34; background-image: none }
  25% { transform: scale(1.1); background-color: #77db34; background-image: none }
  50% { transform: scale(1); background-color: #77db34; background-image: none }
  70% { transform: scale(1.1); background-color: #77db34; background-image: none }
  to { transform: scale(1); background-color: #77db34; background-image: none }
}
.s444-qp .m-o-ctn { height: 78px !important; }
/* ngx-toastr (ref: positionClass toast-top-center, toastClass "ngx-toastr custom-toast" [+ success]) */
.s444-qp .toast-container { pointer-events: none; position: fixed; z-index: 999999; }
.s444-qp .toast-top-center { top: 0; right: 0; width: 100%; }
.s444-qp .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px;
  background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999; color: #fff; }
.s444-qp .toast-container.toast-top-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; }
/* site ki ref.css ke toast !important niyam (margin-top 21px, width 252/350px, padding 7px..) yahan na lagein — ref jaisa naap */
.s444-qp .toast-container .ngx-toastr { float: none !important; width: 300px !important; margin: 0 auto 6px !important; padding: 0 15px 0 20px !important; }
.s444-qp .ngx-toastr { background-color: #030303; pointer-events: auto; }
.s444-qp .toast-message { word-wrap: break-word; }
.s444-qp .custom-toast { background: #191a1e !important; color: #ed1500 !important; border-radius: 10px; font-size: 16px; padding: 15px; display: flex;
  padding-left: 20px !important; min-height: 28px; max-height: 28px; }
.s444-qp .custom-toast .toast-message { font-size: 10px !important; font-weight: 700; text-wrap: nowrap !important; }
.s444-qp .success .toast-message { font-size: 10px !important; font-weight: 700; text-wrap: nowrap !important; color: #45ef00 !important; }
.s444-qp .ngx-toastr { display: flex !important; justify-content: start !important; align-items: center !important; flex-direction: row-reverse !important;
  top: 6px !important; padding-bottom: 0 !important; padding-top: 0 !important; color: #fff; max-height: 26px; box-shadow: none !important; }
.s444-qp .success::after { content: "\24d8"; font-size: 14px; font-weight: 700; color: #45ef00 !important; transform: rotate(180deg); margin-right: 10px; }
.s444-qp .custom-toast::after { content: "\24d8"; font-size: 14px; font-weight: 700; color: #ed1500; transform: rotate(180deg); margin-right: 10px; }
@keyframes qpg-toast-in { from { opacity: 0 } to { opacity: 1 } }
.s444-qp .ngx-toastr { animation: qpg-toast-in .3s ease-in; }

/* ---- ref tailwind utilities (sirf jo templates me hain) */
.s444-qp .invisible{visibility:hidden}
.s444-qp .absolute{position:absolute}
.s444-qp .\!relative{position:relative!important}
.s444-qp .relative{position:relative}
.s444-qp .inset-0{inset:0}
.s444-qp .bottom-0{bottom:0}
.s444-qp .bottom-\[2px\]{bottom:2px}
.s444-qp .left-0{left:0}
.s444-qp .left-\[18px\]{left:18px}
.s444-qp .left-\[19\%\]{left:19%}
.s444-qp .left-\[21\%\]{left:21%}
.s444-qp .left-\[40\%\]{left:40%}
.s444-qp .left-\[7\%\]{left:7%}
.s444-qp .right-\[-30\%\]{right:-30%}
.s444-qp .right-\[21\%\]{right:21%}
.s444-qp .right-\[35\%\]{right:35%}
.s444-qp .right-\[38\%\]{right:38%}
.s444-qp .right-\[7\%\]{right:7%}
.s444-qp .top-4{top:1rem}
.s444-qp .top-8{top:2rem}
.s444-qp .top-9{top:2.25rem}
.s444-qp .top-\[19\%\]{top:19%}
.s444-qp .top-\[7px\]{top:7px}
.s444-qp .top-\[9\.8\%\]{top:9.8%}
.s444-qp .z-20{z-index:20}
.s444-qp .z-50{z-index:50}
.s444-qp .z-\[1002\]{z-index:1002}
.s444-qp .z-\[1005\]{z-index:1005}
.s444-qp .my-2\.5{margin-top:.625rem;margin-bottom:.625rem}
.s444-qp .mb-\[-2px\]{margin-bottom:-2px}
.s444-qp .mb-\[3px\]{margin-bottom:3px}
.s444-qp .mb-\[7px\]{margin-bottom:7px}
.s444-qp .ml-\[10px\]{margin-left:10px}
.s444-qp .ml-\[34\%\]{margin-left:34%}
.s444-qp .ml-\[68\%\]{margin-left:68%}
.s444-qp .block{display:block}
.s444-qp .flex{display:flex}
.s444-qp .size-\[22px\]{width:22px;height:22px}
.s444-qp .h-\[0\%\]{height:0%}
.s444-qp .h-\[100\%\]{height:100%}
.s444-qp .h-\[33px\]{height:33px}
.s444-qp .h-\[44px\]{height:44px}
.s444-qp .h-\[52px\]{height:52px}
.s444-qp .h-\[78px\]{height:78px}
.s444-qp .h-\[90\%\]{height:90%}
.s444-qp .h-full{height:100%}
.s444-qp .w-\[50\%\]{width:50%}
.s444-qp .w-\[79\%\]{width:79%}
.s444-qp .w-\[95\%\]{width:95%}
.s444-qp .w-full{width:100%}
.s444-qp .max-w-\[32px\]{max-width:32px}
.s444-qp .max-w-fit{max-width:fit-content}
.s444-qp .-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.s444-qp .rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.s444-qp .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.s444-qp .flex-row{flex-direction:row}
.s444-qp .flex-col{flex-direction:column}
.s444-qp .items-center{align-items:center}
.s444-qp .\!justify-start{justify-content:flex-start!important}
.s444-qp .\!justify-end{justify-content:flex-end!important}
.s444-qp .\!justify-center{justify-content:center!important}
.s444-qp .justify-center{justify-content:center}
.s444-qp .justify-between{justify-content:space-between}
.s444-qp .gap-y-\[2px\]{row-gap:2px}
.s444-qp .text-nowrap{text-wrap:nowrap}
.s444-qp .rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}
.s444-qp .rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}
.s444-qp .\!bg-\[hsla\(0\,0\%\,93\%\,\.1\)\]{background-color:#ededed1a!important}
.s444-qp .text-\[8px\]{font-size:8px}
.s444-qp .text-xs{font-size:.75rem;line-height:1rem}
.s444-qp .font-bold{font-weight:700}
.s444-qp .font-extrabold{font-weight:800}
.s444-qp .font-semibold{font-weight:600}
.s444-qp .uppercase{text-transform:uppercase}
.s444-qp .\!text-\[\#0052a0\]{--tw-text-opacity: 1 !important;color:rgb(0 82 160 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#00a08f\]{--tw-text-opacity: 1 !important;color:rgb(0 160 143 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#4A00A0\]{--tw-text-opacity: 1 !important;color:rgb(74 0 160 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#9200A0\]{--tw-text-opacity: 1 !important;color:rgb(146 0 160 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#A0003C\]{--tw-text-opacity: 1 !important;color:rgb(160 0 60 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#A00600\]{--tw-text-opacity: 1 !important;color:rgb(160 6 0 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#A05300\]{--tw-text-opacity: 1 !important;color:rgb(160 83 0 / var(--tw-text-opacity, 1))!important}
.s444-qp .\!text-\[\#A07F00\]{--tw-text-opacity: 1 !important;color:rgb(160 127 0 / var(--tw-text-opacity, 1))!important}
.s444-qp .text-\[\#fff\], .s444-qp .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .opacity-0{opacity:0}
.s444-qp .opacity-100{opacity:1}
/* ---- ref components (scoped) */
/* ---- app-game-layout -> .qp-ly */
.s444-qp .qp-ly .main_wrapper{position:relative;min-height:100vh;width:100%;border-radius:0;border-width:1px;border-color:#cf8d2e59;background-color:var(--mainBodyBG)}
.s444-qp .qp-ly .inner_wrapper{position:absolute;display:block;width:100%;border-radius:6px;padding:4px 10px 0}
.s444-qp .qp-ly .layer_layout{height:100%;width:100%}
.s444-qp .qp-ly .layer_wrapper{background:#191a1e;position:relative;height:fit-content;width:100%;border-radius:10px;background-size:cover;background-position:50%;background-repeat:no-repeat;padding:2px 10px;border:1px solid red;border-top:0;border-bottom:0}
@keyframes qp-ly-swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}
@keyframes qp-ly-popup{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}
.s444-qp .qp-ly .round{top:14%;display:flex;animation:qp-ly-scaleUp 1s ease-in-out forwards 1s;align-items:center;justify-content:center;background-color:#00000080;padding-top:8px}
@keyframes qp-ly-scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}
.s444-qp .qp-ly .fadecard{position:relative;z-index:99999999;animation:qp-ly-fadeIn 1s forwards;opacity:0}
@keyframes qp-ly-fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes qp-ly-fadeOut{0%{opacity:1}to{opacity:0}}
@keyframes qp-ly-scaleUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
/* ---- app-game-header -> .qp-hd */
.s444-qp .qp-hd .header{position:relative;margin-bottom:4px;display:flex;height:fit-content;width:100%;flex-direction:row;justify-content:space-between;border-radius:35px 35px 0 0;background-color:var(--mainBodyBG);color:var(--mainTextColor)}
.s444-qp .qp-hd .header_img{display:flex;height:26px;width:30px;cursor:pointer;justify-content:center}
.s444-qp .qp-hd .home-svg{min-width:24px;--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.s444-qp .qp-hd .header_name{position:absolute;inset:0;margin:auto;margin-top:2.5px!important;display:flex;width:fit-content;align-items:center;font-size:13.8px;font-weight:600;color:var(--mainTextColor)}
.s444-qp .qp-hd .header_img{position:relative;z-index:9999999991999919}
.s444-qp .qp-hd .cross{color:#ed1500;right:13px;cursor:pointer;display:flex;align-items:center}
.s444-qp .qp-hd .cross svg{height:24px;width:24px}
.s444-qp .qp-hd .header_img{color:var(--mainTextColor)}
/* ---- app-bet-place -> .qp-bp */
.s444-qp .qp-bp span{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}
.s444-qp .qp-bp .last-win{position:absolute;z-index:20;text-align:center;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-bp .l-t-ctn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:8.3px;line-height:12.14px}
.s444-qp .qp-bp .win-icon{margin-right:5px;width:15px}
.s444-qp .qp-bp .win-amount-ctn{background:#2d2727;max-height:20.28px;width:100%;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));padding:.125rem;text-align:center;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-bp .min-max-ctn{position:absolute;right:3%;z-index:10;text-align:end;font-size:8.3px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-bp .min-max-text{font-size:92%}
.s444-qp .qp-bp .trapezoid-ctn{position:relative;margin-bottom:5px;display:flex;align-items:center;justify-content:center;font-size:10.5px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-bp .pop-up{animation:qp-bp-popup .5s}
.s444-qp .qp-bp .round-status{position:absolute;top:2px}
.s444-qp .qp-bp .time-duration{position:absolute}
@keyframes qp-bp-swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}
.s444-qp .qp-bp .swing-in-top-fwd{animation:qp-bp-swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both}
.s444-qp .qp-bp .a-img{height:61.6px;width:74.272px}
.s444-qp .qp-bp .resultcards{position:absolute;top:30px;z-index:1001;display:flex;height:33px;width:45%;justify-content:center}
.s444-qp .qp-bp .playerACards{box-sizing:border-box;height:100%;width:100%;padding:5%;transform:rotateX(38deg)}
.s444-qp .qp-bp .cards-section{box-sizing:border-box;display:flex;height:75%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-bp .card-1{margin:2%;display:flex;height:70px;width:90%;align-items:center;justify-content:center;border-radius:10% 5%}
.s444-qp .qp-bp .open_card{margin:5px;box-sizing:border-box;display:flex;height:27px;width:27px;align-items:center;justify-content:center}
.s444-qp .qp-bp .card-2, .s444-qp .qp-bp .card-3{margin:2%;display:flex;height:70px;width:90%;align-items:center;justify-content:center;border-radius:10% 5%}
@media (min-width:377px){.s444-qp .qp-bp .min-max-ctn{top:10px;font-size:10px!important}.s444-qp .qp-bp .l-t-ctn{font-size:10px!important}}
@keyframes qp-bp-popup{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}
@media (min-width:377px){.s444-qp .qp-bp .last-win{top:10px}.s444-qp .qp-bp .win-amount-ctn{margin-top:1.5px;max-height:20px!important}}
@media only screen and (min-width:300px) and (max-width:389px){.s444-qp .qp-bp .time-duration{bottom:2px}}
@media only screen and (min-width:390px) and (max-width:450px){.s444-qp .qp-bp .time-duration{bottom:5px}.s444-qp .qp-bp .round-status{top:4px}}
@media only screen and (min-width:451px){.s444-qp .qp-bp .time-duration{bottom:6px}.s444-qp .qp-bp .round-status{top:6px}}
/* ---- app-teenpatti -> .qp-tp */
.s444-qp .qp-tp .Mini-TP-layout-four-odds-ctn{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;--tw-bg-opacity: 1;background-color:rgb(6 6 6 / var(--tw-bg-opacity, 1));padding:0}
.s444-qp .qp-tp .m-o-ctn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:6px;font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-tp .t-o-img{font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-tp .runner-odds{align-items:flex-start;padding:10px 0 10px 10px;display:flex;height:100%;width:50%;flex-direction:column;justify-content:space-between;text-transform:uppercase}
.s444-qp .qp-tp .Mini-TP-layout-four-odds-ctn{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(6 6 6 / var(--tw-bg-opacity, 1));padding:0}
.s444-qp .qp-tp .m-o-ctn, .s444-qp .qp-tp .t-o-l{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.375rem;font-size:12px}
.s444-qp .qp-tp .t-o-l{flex-direction:column}
.s444-qp .qp-tp .m-o-ctn{height:90px;flex-direction:row;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline-offset:-1px;outline:solid 1px rgba(255,255,255)}
.s444-qp .qp-tp .p-a-ctn .t-o-img{background:linear-gradient(180deg,#ee1600,#7f0e02);border-radius:6px 0 0 6px}
.s444-qp .qp-tp .p-a-ctn .t-o-img .runner-odds{padding:10px 0;align-items:flex-start}
.s444-qp .qp-tp .p-a-ctn .t-o-img .t-img{margin-right:6%;justify-content:flex-start}
.s444-qp .qp-tp .p-a-ctn, .s444-qp .qp-tp .p-b-ctn{height:100%;width:50%}
.s444-qp .qp-tp .p-a-ctn .t-o-img, .s444-qp .qp-tp .p-b-ctn .t-o-img{display:flex;height:100%;width:100%;flex-direction:row;align-items:center;justify-content:center;border-width:1px;border-style:double;border-color:transparent;background-origin:border-box;background-clip:padding-box,border-box}
.s444-qp .qp-tp .p-b-ctn .t-o-img{background:linear-gradient(180deg,#3a8ed3,#081a7c);border-radius:0 .375rem .375rem 0}
.s444-qp .qp-tp .p-b-ctn .t-o-img .t-img{justify-content:flex-end}
.s444-qp .qp-tp .p-a-ctn .t-o-img .t-img, .s444-qp .qp-tp .p-b-ctn .t-o-img .t-img{display:flex;height:100%;width:25%;align-items:center}
.s444-qp .qp-tp .p-b-ctn .t-o-img .t-img .b-img{height:61.6px;width:60.72px}
.s444-qp .qp-tp .p-b-ctn .t-o-img .runner-odds{align-items:flex-end;padding-top:.625rem;padding-bottom:.625rem;padding-left:0;padding-right:.625rem}
.s444-qp .qp-tp .p-a-ctn .t-o-img .runner-odds, .s444-qp .qp-tp .p-b-ctn .t-o-img .runner-odds{display:flex;height:100%;width:100%;flex-direction:column;justify-content:space-between;text-transform:uppercase}
.s444-qp .qp-tp .playerACards, .s444-qp .qp-tp .playerBCards{box-sizing:border-box;height:100%;width:100%;padding:5%;transform:rotateX(38deg)}
.s444-qp .qp-tp .playerACards .cards-section, .s444-qp .qp-tp .playerBCards .cards-section{box-sizing:border-box;display:flex;height:75%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-tp .swing-in-top-fwd{animation:qp-tp-swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both}
.s444-qp .qp-tp .a-img{height:61.6px;width:74.272px}
.s444-qp .qp-tp .resultcards{position:absolute;top:30px;z-index:1001;display:flex;height:33px;width:45%;justify-content:center}
.s444-qp .qp-tp .playerACards{box-sizing:border-box;height:100%;width:100%;padding:5%;transform:rotateX(38deg)}
.s444-qp .qp-tp .cards-section{box-sizing:border-box;display:flex;height:75%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-tp .card-1{margin:2%;display:flex;height:70px;width:90%;align-items:center;justify-content:center;border-radius:10% 5%}
.s444-qp .qp-tp .open_card{margin:5px;box-sizing:border-box;display:flex;height:27px;width:27px;align-items:center;justify-content:center}
.s444-qp .qp-tp .card-2, .s444-qp .qp-tp .card-3{margin:2%;display:flex;height:70px;width:90%;align-items:center;justify-content:center;border-radius:10% 5%}
@keyframes qp-tp-popup{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}
.s444-qp .qp-tp .swing-in-top-fwd{animation:qp-tp-swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}
@keyframes qp-tp-pop-up{0%{transform:scale(1);background-color:#77db34;background-image:none}25%{transform:scale(1.1);background-color:#77db34;background-image:none}50%{transform:scale(1);background-color:#77db34;background-image:none}75%{transform:scale(1.1);background-color:#77db34;background-image:none}to{transform:scale(1);background-color:#77db34;background-image:none}}
@keyframes qp-tp-moveLeftDisappear{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px,-40px)}}
.s444-qp .qp-tp .playerName{font-size:26px;width:100%;margin-right:-5px;display:flex;margin-top:7px;justify-content:center}
@keyframes qp-tp-textAnimation{0%{font-size:24px;left:50%;top:40%;transform:translate(-50%,-60%)}to{left:10px;top:0;font-size:10px;transform:none}}
@keyframes qp-tp-textAnimationSmall{0%{font-size:20px;left:50%;top:40%;transform:translate(-50%,-60%)}to{left:10px;top:0;font-size:10px;transform:none}}
.s444-qp .qp-tp .animate-player-name{animation:qp-tp-textAnimationSmall 3s ease-in-out forwards!important}
@keyframes qp-tp-reverseTextAnimation{0%{left:10px;top:0;font-size:10px;transform:none}to{font-size:24px;left:50%;top:40%;transform:translate(-70px,-20px)}}
@keyframes qp-tp-reverseTextAnimationSmall{0%{left:10px;top:0;font-size:10px;transform:none}to{font-size:20px;left:50%;top:40%;transform:translate(-50px,-20px)}}
.s444-qp .qp-tp .reverseAnimatePlayer{animation:qp-tp-reverseTextAnimationSmall 3s ease-in-out forwards!important}
@keyframes qp-tp-textAnimationToRight{0%{font-size:24px;right:40%;top:40%;transform:translate(30%,-60%)}to{right:15px;top:0;font-size:10px;transform:none}}
@keyframes qp-tp-textAnimationToRightSmall{0%{font-size:20px;right:40%;top:40%;transform:translate(30%,-60%)}to{right:15px;top:0;font-size:10px;transform:none}}
.s444-qp .qp-tp .animate-player-name-right{animation:qp-tp-textAnimationToRightSmall 3s ease-in-out forwards!important}
@keyframes qp-tp-ReversAnimationToRight{0%{right:15px;top:0;font-size:10px;transform:none}to{font-size:24px;right:40%;top:40%;transform:translate(30px,-20px)}}
@keyframes qp-tp-ReversAnimationToRightSmall{0%{right:15px;top:0;font-size:10px;transform:none}to{font-size:20px;right:40%;top:40%;transform:translate(30px,-20px)}}
.s444-qp .qp-tp .revers-player-right{animation:qp-tp-ReversAnimationToRightSmall 3s ease-in-out forwards!important}
@keyframes qp-tp-swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}
.s444-qp .qp-tp .swing-in-top-fwd{animation:qp-tp-swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both!important}
@media only screen and (max-width: 351px){.s444-qp .qp-tp .animate-player-name{animation:textAnimation 3s ease-in-out forwards!important}.s444-qp .qp-tp .reverseAnimatePlayer{animation:reverseTextAnimation 3s ease-in-out forwards!important}.s444-qp .qp-tp .animate-player-name-right{animation:textAnimationToRight 3s ease-in-out forwards!important}.s444-qp .qp-tp .revers-player-right{animation:ReversAnimationToRight 3s ease-in-out forwards!important}}
.s444-qp .qp-tp span{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}
/* ---- app-dragon-tiger-yuvi -> .qp-dt */
.s444-qp .qp-dt span{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}
.s444-qp .qp-dt .Mini-TP-layout-four-odds-ctn{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;--tw-bg-opacity: 1;background-color:rgb(6 6 6 / var(--tw-bg-opacity, 1));padding:0}
.s444-qp .qp-dt .m-o-ctn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:6px;font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-dt .m-o-ctn, .s444-qp .qp-dt .t-o-l, .s444-qp .qp-dt .t-o-img{font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-dt .runner-odds{display:flex;height:100%;width:50%;flex-direction:column;justify-content:space-between;text-transform:uppercase}
.s444-qp .qp-dt .Mini-TP-layout-four-odds-ctn{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(6 6 6 / var(--tw-bg-opacity, 1));padding:0}
.s444-qp .qp-dt .m-o-ctn, .s444-qp .qp-dt .t-o-l{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.375rem;font-size:12px}
.s444-qp .qp-dt .Mini-TP-layout-four-odds-ctn .t-o-l{flex-direction:column}
.s444-qp .qp-dt .Mini-TP-layout-four-odds-ctn .m-o-ctn{height:91px;flex-direction:row;background-image:linear-gradient(180deg,#34050b,#02111e);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline-offset:-2px;outline:solid 1px rgba(207,141,46,.35)}
.s444-qp .qp-dt .m-o-ctn, .s444-qp .qp-dt .t-o-l{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:.375rem;font-size:12px}
.s444-qp .qp-dt .p-a-ctn .t-o-img, .s444-qp .qp-dt .p-b-ctn .t-o-img{display:flex;height:100%;width:100%;flex-direction:row;align-items:center;justify-content:center;border-width:1px;border-color:transparent;background-origin:border-box;background-clip:padding-box,border-box}
.s444-qp .qp-dt .p-a-ctn .t-o-img{background-image:linear-gradient(180deg,#ee1600,#7f0e02),linear-gradient(180deg,#fff,#fff0);border-radius:6px 0 0 6px}
.s444-qp .qp-dt .p-a-ctn .t-o-img .runner-odds{align-items:flex-start;padding:8px 0 8px 20px;display:flex;height:100%;width:50%;flex-direction:column;justify-content:center;text-transform:uppercase}
.s444-qp .qp-dt .p-a-ctn .t-o-img .t-img{margin-left:-6%;justify-content:flex-start}
.s444-qp .qp-dt .p-a-ctn .t-o-img .t-img, .s444-qp .qp-dt .p-b-ctn{display:flex;height:100%;align-items:center}
.s444-qp .qp-dt .p-a-ctn, .s444-qp .qp-dt .p-b-ctn{height:100%;width:50%}
.s444-qp .qp-dt .t-o-img, .s444-qp .qp-dt .p-b-ctn{display:flex;height:100%;width:100%;flex-direction:row;align-items:center;justify-content:center;border-color:transparent;background-origin:border-box;background-clip:padding-box,border-box}
.s444-qp .qp-dt .p-b-ctn .t-o-img{background-image:linear-gradient(180deg,#3a8ed3,#081a7c),linear-gradient(180deg,#fff,#fff0);border-radius:0 6px 6px 0}
.s444-qp .qp-dt .p-b-ctn .t-o-img .t-img{justify-content:flex-end}
.s444-qp .qp-dt .t-o-img .t-img, .s444-qp .qp-dt .p-b-ctn{display:flex;height:100%;width:100%;align-items:center}
.s444-qp .qp-dt .b-img{margin-left:48%;height:86%;width:86%;max-width:100%;vertical-align:middle}
.s444-qp .qp-dt .a-img{margin-top:.5rem;margin-right:48%;height:86%;width:86%;max-width:100%;vertical-align:middle}
@media (min-width: 600px){.s444-qp .qp-dt .a-img{margin-left:.25rem}}
.s444-qp .qp-dt .p-b-ctn .t-o-img .runner-odds{align-items:flex-end;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:1.25rem}
.s444-qp .qp-dt .p-a-ctn .t-o-img .runner-odds, .s444-qp .qp-dt .p-b-ctn{display:flex;height:100%;width:50%;flex-direction:column;justify-content:space-between;text-transform:uppercase}
.s444-qp .qp-dt .tie-bg{position:absolute;margin-top:2px;display:flex;height:70px;width:70px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border-width:1px;border-style:double;border-color:transparent;text-align:center;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background-clip:padding-box,border-box;background:linear-gradient(180deg,#29ce25,#0c400b);background-origin:border-box;border:1px solid #FFFFFF}
.s444-qp .qp-dt .tie-text{display:block;padding:0;font-size:12px;line-height:1.4}
.s444-qp .qp-dt .Tresultcard{position:absolute;right:22%;top:18%;z-index:1000}
@media (min-width: 600px){.s444-qp .qp-dt .Tresultcard{right:19%}}
.s444-qp .qp-dt .Tresultcardimg{width:40px}
.s444-qp .qp-dt .Dresultcard{position:absolute;left:22%;top:18%;z-index:1000}
@media (min-width: 600px){.s444-qp .qp-dt .Dresultcard{left:19%}}
.s444-qp .qp-dt .d-card{width:40px;max-width:100%;vertical-align:middle}
@media (max-width:776px){.s444-qp .qp-dt .Mini-TP-layout-four-odds-ctn{margin-bottom:-1px}}
.s444-qp .qp-dt .tieImg{width:32px;height:32px}
/* ---- app-lucky7 -> .qp-l7 */
.s444-qp .qp-l7 span{font-family:Montserrat,sans-serif!important;font-optical-sizing:auto;font-weight:600;font-style:normal}
.s444-qp .qp-l7 .p-img{margin-right:22px;width:19px}
.s444-qp .qp-l7 .m-o-ctn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:6px;font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-l7 .t-o-l{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.375rem;font-size:12px}
.s444-qp .qp-l7 .m-o-ctn{margin-bottom:1px;height:99px;flex-direction:row;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-l7 .p-a-ctn{height:100%;width:50%}
@media (min-width: 377px){.s444-qp .qp-l7 .min-max-ctn, .s444-qp .qp-l7 .l-t-ctn{font-size:10px!important}}
.s444-qp .qp-l7 .chips{animation:qp-l7-moveLeftDisappear .7s}
@keyframes qp-l7-moveLeftDisappear{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px,-40px)}}
.s444-qp .qp-l7 .sevenUp{background:linear-gradient(180deg,#ee1600,#7f0e02);display:flex;height:100%;width:100%;flex-direction:column;align-items:center;border-start-start-radius:8.9px;border-end-start-radius:8.9px;border-width:1px;border-style:double;border-color:transparent;background-origin:border-box;padding-top:.25rem;font-size:9px;text-transform:uppercase;background-clip:padding-box,border-box;border-radius:.375rem 0 0 .375rem}
.s444-qp .qp-l7 .bet-val{position:relative;top:0;font-size:9px;line-height:20px}
.s444-qp .qp-l7 .sevendown{background:linear-gradient(180deg,#3a8ed3,#081a7c);position:relative;z-index:10;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;border-start-end-radius:8.9px;border-end-end-radius:8.9px;border-width:1px;border-style:double;border-color:transparent;background-origin:border-box;padding-top:.25rem;font-size:9px;text-transform:uppercase;background-clip:padding-box,border-box;border-radius:0 .375rem .375rem 0;border-left:0}
.s444-qp .qp-l7 .title{margin-bottom:3.5px}
.s444-qp .qp-l7 .imgvox{height:40px}
/* ---- app-amar-akbar-anthani -> .qp-aaa */
.s444-qp .qp-aaa span{font-family:Montserrat,sans-serif!important;font-optical-sizing:auto;font-weight:600;font-style:normal}
.s444-qp .qp-aaa .p-img{margin-right:22px;width:19px}
.s444-qp .qp-aaa .m-o-ctn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:6px;font-family:Montserrat-SemiBold;font-weight:12px}
.s444-qp .qp-aaa .t-o-l{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.375rem;font-size:12px}
.s444-qp .qp-aaa .m-o-ctn{height:90px;flex-direction:row;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline-offset:-1px;outline:#ffffff}
.s444-qp .qp-aaa .p-a-ctn{height:100%;width:50%}
@media (min-width: 377px){.s444-qp .qp-aaa .min-max-ctn, .s444-qp .qp-aaa .l-t-ctn{font-size:10px!important}}
.s444-qp .qp-aaa .chips{animation:qp-aaa-moveLeftDisappear .7s}
@keyframes qp-aaa-moveLeftDisappear{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px,-40px)}}
.s444-qp .qp-aaa .sevenUp{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;border-start-start-radius:6.5px;border-end-start-radius:6.5px;border-width:1px;border-style:double;border-color:transparent;background-image:linear-gradient(180deg,#ee1600,#7f0e02),linear-gradient(180deg,#fff,#fff0);background-origin:border-box;padding-top:1px;font-size:12px;text-transform:uppercase;background-clip:padding-box,border-box}
.s444-qp .qp-aaa .seven{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;gap:1.99px;border-width:1px;border-style:double;border-color:transparent;background-image:linear-gradient(180deg,#29ce25,#0c400b),linear-gradient(180deg,#fff,#fff0);background-origin:border-box;font-size:11px;text-transform:uppercase;border-left:0px;border-right:0px;background-clip:padding-box,border-box}
.s444-qp .qp-aaa .bet-val{position:relative;top:-.125rem;font-size:12px;font-weight:600}
.s444-qp .qp-aaa .sevendown{position:relative;z-index:10;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;gap:1.99px;border-start-end-radius:6.5px;border-end-end-radius:6.5px;border-width:1px;border-style:double;border-color:transparent;background-image:linear-gradient(180deg,#3a8ed3,#081a7c),linear-gradient(180deg,#fff,#fff0);background-origin:border-box;font-size:11px;text-transform:uppercase;background-clip:padding-box,border-box}
.s444-qp .qp-aaa span{font-weight:600;font-style:normal;font-family:Montserrat,sans-serif;font-optical-sizing:auto}
.s444-qp .qp-aaa .imgsvn{height:41px}
.s444-qp .qp-aaa .MuiBackdrop-root, .s444-qp .qp-aaa .css-rljl56{border-radius:6px}
/* ---- app-baccart -> .qp-bac */
.s444-qp .qp-bac .left_card{height:78px;background:linear-gradient(180deg,#ee1600,#7f0e02);overflow:hidden;border:1px solid white;border-right:0px}
.s444-qp .qp-bac .right_card{position:relative;height:78px;overflow:hidden;background:linear-gradient(180deg,#3a8ed3,#081a7c);border:1px solid white}
.s444-qp .qp-bac .image_container img{opacity:50%;height:90px}
.s444-qp .qp-bac .card_title{display:flex;width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;font-size:1rem;line-height:1.5rem;font-weight:600;line-height:27.28px;color:"Montserrat"}
@media (min-width: 350px){.s444-qp .qp-bac .card_title{font-size:1.25rem;line-height:1.75rem}}
.s444-qp .qp-bac .tie_container{background:linear-gradient(180deg,#29ce25,#0c400b);border:1px solid rgba(255,255,255,1);height:70px;width:70px;border-radius:50%}
.s444-qp .qp-bac .left_cards_wrapper{position:absolute;left:10%;top:43%;z-index:999!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}
@media (min-width: 350px){.s444-qp .qp-bac .left_cards_wrapper{left:20%;gap:.5rem}}
.s444-qp .qp-bac .right_cards_wrapper{position:absolute;right:10%;top:43%;z-index:999!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}
@media (min-width: 350px){.s444-qp .qp-bac .right_cards_wrapper{right:20%;gap:.5rem}}
.s444-qp .qp-bac .open_card img{height:35.44px;width:29.98px}
@media (min-width: 330px){.s444-qp .qp-bac .open_card img{height:28px;width:25px}}
@media (min-width: 350px){.s444-qp .qp-bac .open_card img{height:35.44px;width:29.98px}}
.s444-qp .qp-bac .tie_card{position:absolute;top:4px;left:37%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:600;line-height:1.4;background:linear-gradient(180deg,#29ce25,#0c400b);border:1px solid rgba(255,255,255,1);height:70px;width:70px;border-radius:50%}
@media (min-width: 330px){.s444-qp .qp-bac .tie_card{left:38.5%}}
@media (min-width: 350px){.s444-qp .qp-bac .tie_card{left:39%}}
@media (min-width: 376px){.s444-qp .qp-bac .tie_card{left:41%}}
@media (min-width: 390px){.s444-qp .qp-bac .tie_card{left:39.5%}}
@media (min-width: 395px){.s444-qp .qp-bac .tie_card{left:40.5%}}
@media (min-width: 600px){.s444-qp .qp-bac .tie_card{left:45.2%}}
@media (min-width: 1020px){.s444-qp .qp-bac .tie_card{left:46.5%}}
.s444-qp .qp-bac .MuiBackdrop-root, .s444-qp .qp-bac .css-rljl56{display:flex;height:100%;top:0!important;z-index:900!important;background:#00000070;position:absolute;width:100%;justify-content:center;align-content:center;align-items:center;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}
/* ---- app-game-bottom-bar -> .qp-bb */
.s444-qp .qp-bb span{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}
.s444-qp .qp-bb .mg-div{margin:0 10px 0 20px;width:25px}
.s444-qp .qp-bb .p-img{margin-right:22px;width:19px}
@keyframes qp-bb-swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}
.s444-qp .qp-bb .bottom-ctn{margin-top:5px;display:flex;height:40px;cursor:pointer;align-items:center;justify-content:space-around;border-radius:6px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));text-align:center;background:linear-gradient(180deg,#ee1600,#7f0e02)}
.s444-qp .qp-bb .results-ctn{display:flex;height:fit-content;align-items:center;justify-content:center;gap:3px;border-radius:6px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(242 242 242 / var(--tw-border-opacity, 1));padding:3px 5px!important;background:linear-gradient(165.67deg,#760b00 10.17%,#5e0900 102.99%)}
.s444-qp .qp-bb .video-button{background:#e3842f;margin-right:0;height:22px;min-width:25px;border-radius:3px;border-style:none;padding-left:6px;padding-right:6px;text-align:center;font-size:10px;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-image-slice:1}
.s444-qp .qp-bb .current__chip-bg{background:#4f2202;position:absolute;display:flex;height:40px;width:46px;align-items:center;justify-content:center;border-radius:15px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.s444-qp .qp-bb .current__chip{display:flex;height:85%;width:100%;justify-content:center;text-align:center}
.s444-qp .qp-bb .cdChipSpan{position:absolute;margin-top:7px;text-align:center;font-size:12px;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}
.s444-qp .qp-bb .rules-hist-ctn{margin-top:.25rem;display:flex;align-items:center;justify-content:space-evenly;text-align:end}
@media (min-width:377px){.s444-qp .qp-bb .video-button{min-width:19.2px}}
.s444-qp .qp-bb .blurChips{opacity:.2;pointer-events:none}
.s444-qp .qp-bb .bgBlue{background:linear-gradient(180deg,#3a8ed3,#081a7c)!important}
.s444-qp .qp-bb .bgRed{background:linear-gradient(180deg,#ee1600,#7f0e02)!important}
.s444-qp .qp-bb .bgTIe{background:linear-gradient(180deg,#29ce25,#0c400b)!important}
/* ---- app-chips-layer -> .qp-cl */
.s444-qp .qp-cl .chip-ctn{background-clip:padding-box,border-box;position:relative;z-index:10007;display:flex;flex-direction:row;justify-content:center;border-radius:100px;background-image:linear-gradient(180deg,#000,#000),linear-gradient(270deg,#000,#d1d1d100,#ececec);background-origin:border-box;text-align:left;border:1.7px double transparent}
.s444-qp .qp-cl .show-stakes{width:100%;border-radius:100px;opacity:1;border:1px double transparent}
.s444-qp .qp-cl .stakes-panel{position:absolute;bottom:-10.5%;left:8%;z-index:1001;margin-left:auto;margin-right:auto;display:flex;width:85%;max-width:100%;justify-content:center}
.s444-qp .qp-cl .chipDeck{margin-top:8px;margin-bottom:8px;display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:center;opacity:1}
.s444-qp .qp-cl .chips-layer{display:flex;width:280px;align-items:center;padding:1% 0}
.s444-qp .qp-cl .cd-chip{margin-left:1%;margin-right:0%;display:flex;width:12%;cursor:pointer;align-items:center;justify-content:center;font-size:12px}
.s444-qp .qp-cl .cdChipSpan{position:absolute;display:inline-block;text-align:center;font-family:BebasNeue-Bold;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;font-weight:700}
.s444-qp .qp-cl .cdChipSecound{--tw-scale-x: 1.3;--tw-scale-y: 1.3;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
/* ---- app-result-card-modal -> .qp-rc */
.s444-qp .qp-rc .round-id{display:flex;height:20%;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .player-detail{height:15px;text-align:center;font-size:9px;font-weight:800;letter-spacing:0em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .player-detail-two{height:15px;text-align:center;font-size:8.5px;font-weight:800;letter-spacing:0em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .teenpatti-winner-card{height:80%;width:25%;--tw-shadow: 0 1.07868px 7.33503px rgba(0,0,0,.1);--tw-shadow-colored: 0 1.07868px 7.33503px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.s444-qp .qp-rc .winner-div{justify-content:center;background:linear-gradient(180deg,#ee1600,#7f0e02);clip-path:polygon(0 0,100% 2%,90% 100%,10% 100%);display:flex;height:15%;flex-direction:row;align-items:center;background-size:cover;background-repeat:no-repeat;font-size:8px;font-weight:800;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background-position:100% 100%}
.s444-qp .qp-rc .cards{display:flex;height:75%;flex-direction:row;align-items:center;justify-content:space-evenly}
.s444-qp .qp-rc .player-cards{display:flex;width:45%;flex-direction:column}
.s444-qp .qp-rc .player-cards2{display:flex;width:45%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(30 102 23 / var(--tw-bg-opacity, 1))}
.s444-qp .qp-rc .empty-div{height:15px}
.s444-qp .qp-rc .cards-div{display:flex;height:100%;width:95%;flex-direction:row;justify-content:space-evenly;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding:0 10px}
.s444-qp .qp-rc .title-div{display:flex;height:100%;width:20%;flex-direction:column;align-items:flex-start;font-weight:700;--tw-text-opacity: 1;color:rgb(32 32 32 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .title{font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .result-div{display:flex;height:90%;width:100%;flex-direction:row;padding:.5rem}
.s444-qp .qp-rc .tp-popover{margin-left:auto;margin-right:auto;display:flex;width:calc(100vw - 40px);flex-direction:column;justify-content:center;border-radius:4px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));background-size:cover;background-position:center;background-repeat:no-repeat;padding:15px 15px 0;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background-image:linear-gradient(180deg,#191a1e,#0b0b0b);height:150px!important}
.s444-qp .qp-rc .main{position:absolute;left:33px;top:-114px;z-index:100001;display:flex;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-rc img{max-width:100%;border-style:none;vertical-align:middle}
.s444-qp .qp-rc .transition-class{opacity:1;transform-origin:0 0;transition:opacity 256ms cubic-bezier(.4,0,.2,1),transform .17s cubic-bezier(.4,0,.2,1)}
.s444-qp .qp-rc .modal-backdrop{position:fixed;top:0;z-index:30;height:100vh;width:100vw;background-color:#00000080}
.s444-qp .qp-rc .card-wrapper{display:flex;width:80%;border-width:1px;--tw-border-opacity: 1;border-color:rgb(140 16 3 / var(--tw-border-opacity, 1))}
.s444-qp .qp-rc .card-container{margin:1%;display:flex;min-width:31.2%!important;max-width:200px;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#464646,#0f0f0f)}
.s444-qp .qp-rc .game-winner{display:flex;height:10%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-rc .result-card{display:flex;height:70%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-rc .card-area{display:flex;height:80%;width:80%;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;overflow-x:scroll}
.s444-qp .qp-rc .winner-game-name{display:flex;height:20%;width:100%;align-items:center;justify-content:center;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 0 / var(--tw-border-opacity, 1));font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .card-area{margin-left:10px;display:flex;height:80%;width:80%;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;overflow-x:scroll}
.s444-qp .qp-rc .card-area.andarbahr{margin-left:0;width:85%}
.s444-qp .qp-rc .open-card{display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;gap:5%;justify-self:start}
.s444-qp .qp-rc .card-container-super-over{margin:1%;box-sizing:border-box;display:flex;min-width:48%!important;max-width:200px;flex-direction:column;align-items:center;justify-content:center;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 0 0 / var(--tw-border-opacity, 1));background-image:linear-gradient(180deg,#464646,#0f0f0f)}
.s444-qp .qp-rc .cards-di{display:flex;height:100%;width:75%;flex-direction:column;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding-left:.625rem;padding-right:.625rem;padding-top:0;padding-bottom:.625rem}
.s444-qp .qp-rc .winner-di{margin-bottom:5px;display:flex;height:20%;width:100%;flex-direction:row}
.s444-qp .qp-rc .winner{width:50%;background-color:inherit;background-repeat:no-repeat;text-align:center;font-family:Montserrat-ExtraBold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:linear-gradient(180deg,#ee1600,#7f0e02);clip-path:polygon(0 0,100% 2%,90% 100%,10% 100%)}
.s444-qp .qp-rc .cards-seven-up{display:flex;height:80%;width:100%;flex-direction:row;justify-content:center;gap:.5rem!important}
.s444-qp .qp-rc .card-one{display:flex;width:60%;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;--tw-bg-opacity: 1;background-color:rgb(30 102 23 / var(--tw-bg-opacity, 1))}
.s444-qp .qp-rc .cards-baccarat-div{display:flex;height:100%;width:100%;flex-direction:column;justify-content:space-evenly;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding-left:.625rem;padding-right:.625rem;padding-top:0;padding-bottom:0}
.s444-qp .qp-rc .winner-baccarat-div{display:flex;height:20%;width:100%;flex-direction:row;justify-content:flex-end}
.s444-qp .qp-rc .winner-baccarat{display:flex;width:50%;align-items:center;justify-content:center;background-color:inherit;background-image:url(/assets/minilobby/qp/winner-bg.svg);background-size:cover;background-repeat:no-repeat;text-align:center;font-family:Montserrat-ExtraBold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-baccarat{margin-top:5px;display:flex;height:80%;width:100%;flex-direction:row;align-items:center;justify-content:space-between}
.s444-qp .qp-rc .player-cards-baccarat{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;background-color:#ededed1a}
.s444-qp .qp-rc .p-cards-baccarat{display:flex;height:100%;width:100%;flex-direction:row;align-items:center;justify-content:space-evenly}
.s444-qp .qp-rc .baccarat-winner-card-img{height:60%;width:30%;border-radius:.94px;--tw-shadow: 0 1.07868px 7.33503px rgba(0,0,0,.1);--tw-shadow-colored: 0 1.07868px 7.33503px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.s444-qp .qp-rc .cards-div-lion{display:flex;height:100%;width:80%;flex-direction:column;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding-left:.625rem;padding-right:.625rem;padding-top:0;padding-bottom:.625rem}
.s444-qp .qp-rc .winner-div-lion{margin-bottom:5px;display:flex;height:20%;width:100%;flex-direction:row;justify-content:flex-start}
.s444-qp .qp-rc .winner-lion{display:flex;width:33%;align-items:center;justify-content:center;background-color:inherit;background-image:url(/assets/minilobby/qp/winner-bg.svg);background-size:contain;background-repeat:no-repeat;text-align:center;font-family:Montserrat-Bold;font-size:6px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-lion{display:flex;height:80%;flex-direction:row;align-items:center;justify-content:space-evenly}
.s444-qp .qp-rc .card-one-lion{display:flex;height:100%;width:48%;flex-direction:column;align-items:center;justify-content:space-around;border-radius:3px;background-color:#ededed1a}
.s444-qp .qp-rc .recent-winner-card-lion{height:60%;width:45%;border-radius:4.31472px;--tw-shadow: 0 1.07868px 7.33503px rgba(0,0,0,.1);--tw-shadow-colored: 0 1.07868px 7.33503px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.s444-qp .qp-rc .card-title-lion{font-family:Montserrat-Bold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-div-football{display:flex;height:100%;width:75%;flex-direction:column;justify-content:space-around;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding-left:.625rem;padding-right:.625rem;padding-top:0;padding-bottom:.625rem}
.s444-qp .qp-rc .result-div-football{display:flex;height:20%;width:100%;flex-direction:row;align-items:center!important;justify-content:flex-start}
.s444-qp .qp-rc .winner-football{width:50%;background-image:url(/assets/minilobby/qp/winner-bg.svg);background-size:cover;background-repeat:no-repeat;text-align:center;font-family:Montserrat-Bold;font-size:13px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-football{display:flex;height:76%;width:100%;flex-direction:row;justify-content:space-between}
.s444-qp .qp-rc .card-one-football{display:flex;width:48%;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;background-color:#ededed1a}
.s444-qp .qp-rc .recent-winner-card{height:60%;width:45%;border-radius:.94px;--tw-shadow: 0 1.07868px 7.33503px rgba(0,0,0,.1);--tw-shadow-colored: 0 1.07868px 7.33503px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.s444-qp .qp-rc .card-title-footabll{font-family:Montserrat-Bold!important;font-size:12px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-div-teenpatti-yuvi{display:flex;height:100%;width:80%;flex-direction:row;justify-content:space-evenly;border-radius:3px;background-image:linear-gradient(180deg,#464646,#0f0f0f);padding-left:.625rem;padding-right:.625rem;padding-top:0;padding-bottom:0}
.s444-qp .qp-rc .player-cards-teenpatti-yuvi{display:flex;width:45%;flex-direction:column}
.s444-qp .qp-rc .winner-div-teenpatti-yuvi{display:flex;height:15%;flex-direction:row;align-items:center;justify-content:center;background-image:url(/assets/minilobby/qp/winner-bg.svg);background-size:cover;background-position:100% 100%;background-repeat:no-repeat;font-family:Montserrat-ExtraBold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .cards-teenpatti-yuvi{display:flex;height:75%;flex-direction:row;align-items:center;justify-content:space-evenly}
.s444-qp .qp-rc .teenpatti-winner-card-yuvi{height:80%;width:25%;border-radius:.94px;--tw-shadow: 0 1.07868px 7.33503px rgba(0,0,0,.1);--tw-shadow-colored: 0 1.07868px 7.33503px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.s444-qp .qp-rc .caption-teenpatti-yuvi{height:15%;text-align:center;font-family:Montserrat-ExtraBold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-rc .modal-backdrop{left:0}
.s444-qp .qp-rc .winner-bg{background:#1b5915!important}
.s444-qp .qp-rc .white-bg{border-width:0px!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;background-image:none!important}
.s444-qp .qp-rc .winner-lion{width:34%;background-color:inherit;background-image:url(/assets/minilobby/qp/winner-bg.svg);background-size:cover;background-repeat:no-repeat;text-align:center;font-family:Montserrat-ExtraBold;font-size:8px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.s444-qp .qp-rc .flagResult{height:25px}
.s444-qp .qp-rc .crossModalDiv{color:#fff;position:absolute;bottom:8px;left:8px;background:linear-gradient(180deg,#ee1600,#7f0e02)!important;border-radius:2px}
.s444-qp .qp-rc .crossModalDiv svg{height:24px;width:24px}
.s444-qp .qp-rc .game-winner.andarbaharWinner{position:relative;top:3px}
.s444-qp .qp-rc .andarbahr .open-card img{height:30px;width:30px}
/* ---- app-history-modal -> .qp-hm */
.s444-qp .qp-hm .modal-backdrop{background-color:#00000080}
.s444-qp .qp-hm .player-history-modal{left:0;display:flex;min-height:100%;width:100%;align-items:center;justify-content:center}
.s444-qp .qp-hm .r-background{position:relative;z-index:20;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));opacity:60%}
.s444-qp .qp-hm .min-history-ctn{position:fixed;top:5rem;z-index:9999999!important;display:flex;height:fit-content;width:93%;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));background-image:linear-gradient(180deg,#191a1e,#0b0b0b)}
.s444-qp .qp-hm .top-content{display:flex;height:auto;flex-direction:row;align-items:center;justify-content:center;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.s444-qp .qp-hm .rules-txt-ctn{height:100%;width:30%;background-size:cover;background-repeat:no-repeat;padding:0;text-align:center;font-weight:900;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-radius:7px 0 9px;background-image:linear-gradient(180deg,#ee1600,#7f0e02);clip-path:polygon(0 0,100% 0%,91% 100%,0 100%)}
.s444-qp .qp-hm .r-txt{font-size:12px;font-weight:700}
.s444-qp .qp-hm .game-name{width:60%;text-align:center;font-size:12px;font-weight:900;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-hm .cls-icon-ctn{height:100%;width:13%;border-top-right-radius:.5rem;border-left-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));text-align:center;background-image:linear-gradient(180deg,#ee1600,#7f0e02)}
.s444-qp .qp-hm .cls-icon-ctn .c-icon{fill:#cf8d2e;font-size:18px}
.s444-qp .qp-hm svg:not(:root){overflow:hidden}
.s444-qp .qp-hm .MuiSvgIcon-root{display:inline-block;height:1em;width:1em;flex-shrink:0;-webkit-user-select:none;user-select:none;transition-property:fill;transition-delay:0ms;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.s444-qp .qp-hm .middle-content{display:flex;height:120px!important;flex-direction:column;align-items:center;justify-content:space-between;overflow:scroll!important;text-align:center;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-hm .no-found{margin:22px;font-size:14px;font-weight:700}
.s444-qp .qp-hm .table-heading{text-wrap:nowrap;padding:.25rem .5rem;font-size:12px;--tw-text-opacity:1;color:rgb(177 18 2 / var(--tw-text-opacity, 1))}
.s444-qp .qp-hm .heading-border{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(177 18 2 / var(--tw-border-opacity, 1))}
.s444-qp .qp-hm .table-details{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
/* ---- app-game-rules -> .qp-gr */
.s444-qp .qp-gr section{position:absolute;left:0;top:39px;z-index:1002;display:flex;height:180px;width:100%;justify-content:center;font-weight:700}
.s444-qp .qp-gr .rules-bg{position:relative;z-index:20;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));opacity:60%}
.s444-qp .qp-gr .rules-ctn{position:absolute;z-index:9999999;display:flex;height:188px;width:93%;flex-direction:column;border-radius:10px;border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem;border-width:1px;border-bottom-width:0px;border-top-width:.5px;border-style:solid;--tw-border-opacity:1;border-color:rgb(103 8 7 / var(--tw-border-opacity, 1))}
@media (min-width: 330px){.s444-qp .qp-gr .rules-ctn{height:180px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-bottom-width:1px}}
@media (min-width: 424px){.s444-qp .qp-gr .rules-ctn{height:180px}}
@media (min-width: 500px){.s444-qp .qp-gr .rules-ctn{height:180px}}
.s444-qp .qp-gr .rules-ctn{background-image:linear-gradient(180deg,#191a1e,#0b0b0b)}
.s444-qp .qp-gr .top-content{display:flex;height:41px;flex-direction:row;align-items:center;justify-content:center;border-top-left-radius:10px;border-top-right-radius:10px;border-width:1px;border-style:solid;--tw-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}
.s444-qp .qp-gr .rules-text-ctn{height:100%;width:30%;background-size:cover;background-repeat:no-repeat;padding:7px 0;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-radius:9px 9px 9px 0;background-image:linear-gradient(180deg,#ee1600,#7f0e02);clip-path:polygon(0 0,63% 0,95% 0%,100% 10%,100% 39%,93% 69%,89% 85%,79% 119%,0 100%)}
.s444-qp .qp-gr .r-txt{font-size:.75rem;line-height:1rem;font-weight:700}
.s444-qp .qp-gr .game-name{width:60%;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-gr .close{display:flex;height:100%;width:13%;align-items:center;justify-content:center;border-top-right-radius:10px;padding:5px;text-align:center;background-image:linear-gradient(180deg,#ee1600,#7f0e02);border-left:1px solid white}
.s444-qp .qp-gr .main-content{display:flex;height:120px;flex-direction:column;align-items:center;justify-content:space-between;overflow:scroll;padding:0 5px;text-align:center;font-size:10px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.s444-qp .qp-gr .rules{width:100%;max-width:477px}
@media (min-width: 600px){.s444-qp .qp-gr .rules{max-width:600px}}
@media (min-width: 1020px){.s444-qp .qp-gr .rules{max-width:800px}}
.s444-qp .qp-gr .ruletitle{margin:.5rem;text-align:left;font-size:10px;letter-spacing:-.025em}
.s444-qp .qp-gr .rulestable{display:flex;width:100%;flex-direction:row}
.s444-qp .qp-gr .rulesLeft, .s444-qp .qp-gr .rulesRight{border-width:1px;border-style:solid;border-color:#cccccc42;padding:5px;text-align:left;font-size:9px;line-height:12.8px;letter-spacing:-.025em}
.s444-qp .qp-gr .rulesLeft{width:25%}
.s444-qp .qp-gr .rulesRight{width:74%}
.s444-qp .qp-gr thead, .s444-qp .qp-gr tr, .s444-qp .qp-gr th, .s444-qp .qp-gr tbody, .s444-qp .qp-gr td{border-collapse:collapse;border-width:1px;--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity, 1))}
.s444-qp .qp-gr .table-heading-cell{padding:.625rem}
.s444-qp .qp-gr .table-details-cell{padding:5px}
.s444-qp .qp-gr .ruletitle{font-size:10px;margin:8px;text-align:left}
/* ---- app-card-display -> .qp-cd */
.s444-qp .qp-cd .card-display-bg{position:relative;z-index:1005;display:flex;height:80vh;width:100vw;align-items:center;justify-content:center;background-image:url(/assets/minilobby/qp/card-table.png);background-position:center;background-repeat:no-repeat}
.s444-qp .qp-cd .card-holder-styles{position:absolute;border-radius:10px;padding:10px}
.s444-qp .qp-cd .main{position:fixed;top:13%;left:0;z-index:1005}
.s444-qp .qp-cd .card-holder-styles{height:80px;width:60px}
@keyframes qp-cd-swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}
.s444-qp .qp-cd .swing-in-top-fwd{animation:qp-cd-swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both}

/* ---- sheet ke andar (ref iframe 220px tha): vh / vw wali cheezein sheet ke naap par */
.s444-qp .qp-ly .main_wrapper { min-height: 100%; height: 100%; }
.s444-qp .qp-cd .card-display-bg { height: 176px; width: 100%; }   /* ref 80vh x 100vw iframe (220px) me */
.s444-qp .qp-cd .main { width: 100%; }
.s444-qp .qp-rc .card { border: 0; }                                /* bootstrap .card ka border/radius nahi (ref me bootstrap nahi) */
.s444-qp .qp-rc .modal-backdrop, .s444-qp .qp-hm .modal-backdrop { opacity: 1; }   /* bootstrap .modal-backdrop opacity nahi */