*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}:root{--app-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background-color:#1c3048}@supports (height:100dvh){:root{--app-height:100dvh}}html{background-color:#1c3048;font-size:clamp(8px,3vmin,12px)}html,body,#root{overscroll-behavior:none;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background-color:#1c3048;position:fixed;inset:0}html,body,h1,h2,h3,h4{padding:none;margin:0}*{font-family:Bebas Neue,serif;box-sizing:border-box!important}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-touch-callout:none;touch-action:none;padding:0}h1{color:#f9f6ee;text-align:center;max-width:100%;font-family:Bebas Neue,serif;font-size:clamp(5rem,22vw,8rem);font-style:normal;font-weight:400;line-height:7rem}h2{color:#f9f6ee;font-family:Bebas Neue,serif;font-size:3rem;font-style:normal;font-weight:400}h3{color:#f9f6ee;font-family:Bebas Neue,serif;font-size:1.5rem;font-style:normal;font-weight:400}h4{color:#f9f6ee;text-align:center;font-family:Bebas Neue,serif;font-size:3.7rem;font-style:normal;font-weight:400}#root,.appRoot{width:100%;height:var(--app-height);background-color:#1c3048;justify-content:center;align-items:center;display:flex;overflow:hidden}.screen{height:var(--app-height);aspect-ratio:9/11;width:var(--width);scrollbar-width:none;background-color:#1c3048;display:flex;position:relative;overflow:hidden}.backdiv{width:var(--width);height:5rem;max-height:10svh}.back{aspect-ratio:1;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='m313-440%20224%20224-57%2056-320-320%20320-320%2057%2056-224%20224h487v80H313Z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:5rem;max-width:70px}.back,.undo,.raisebutton,.exit,.winnerbanner,.winbut button{min-width:44px;min-height:44px}.gameDetails input,.raisemenu input{min-height:44px}.screen::-webkit-scrollbar{display:none}.red{color:#c70000}.background{background-image:url(/assets/cardsbackground-DmXBYbme.webp);background-position:50%;background-repeat:none;height:100%;width:var(--width);aspect-ratio:9/11;opacity:.4;background-size:cover;position:absolute;inset:0}.disappear{animation:.5s ease-out forwards disappear}.appear{animation:.5s ease-out forwards appear}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.middle{flex-direction:column;align-items:center;display:flex}@keyframes disappear{0%{opacity:1}to{opacity:0;height:0;margin:0}}@keyframes appear{to{opacity:1}0%{opacity:0}}.btnhold{border:0 solid #f5bf29;border-radius:300px;animation:.5s ease-in forwards btnhold}@keyframes btnhold{0%{border:0 solid #f5bf29}to{border:9px solid #f5bf29}}@media (width<=500px){.playerinp{font-size:2rem!important}}@media (width<=350px){.table{height:65svh;margin:7svh 0 0}}.reddish{color:#000;background-color:#fa8869!important}.reddishb{color:#000;background-color:#a0391d!important}.neterror{width:var(--width);z-index:9999;justify-content:center;align-items:center;height:10vh;display:flex;position:absolute;top:1vh;transform:translateY(-15vh)}.neterror div{width:calc(var(--width)*.9);background-color:#ffaf9a;border:4px solid #fd562d;border-radius:2rem;justify-content:center;align-items:center;height:10vh;display:flex}.neterror h2{color:#1f1f1f}.comein{animation:.75s forwards comein}.comeout{animation:.75s forwards comeout}@keyframes comein{0%{transform:translateY(-15vh)}to{transform:translateY(0)}}@keyframes comeout{to{transform:translateY(-15vh)}0%{transform:translateY(0)}}@media (orientation:landscape) and (height<=600px){html{font-size:clamp(8px,2svh,12px)}}.started{animation:.75s forwards start}.startedback{animation:.75s forwards startback}.test{box-sizing:border-box;border:0 solid #f5bf29;border-radius:300px;width:max-content}.startmenu{height:100%;min-height:100%;max-width:var(--width);aspect-ratio:9/11;z-index:1;transition:all .75s;display:flex}.startmenu .welcomeScreen{height:100%;max-width:var(--width);aspect-ratio:9/11;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.startmenu .welcomeScreen .btnC{justify-content:center;align-items:center;width:12rem;height:12rem;display:flex}.startmenu .welcomeScreen .start{aspect-ratio:1;cursor:pointer;background-color:#0000;background-image:url(/assets/yellowchip-Klj44EAc.webp);background-position:50%;background-size:contain;border:none;width:10rem;max-width:140px}.startmenu .welcomeScreen .start h3{color:#000;font-size:2.5rem}.startmenu .startsettings{aspect-ratio:9/11;height:100%;max-width:var(--width);flex-direction:column;align-items:center;display:flex}.startmenu .startsettings .gameDetails{margin:calc(2svh + var(--safe-top)) 0 0 0;width:var(--width);background-color:#00000054;border-radius:10px;flex-direction:column;justify-content:space-evenly;align-items:center;height:12rem;max-height:22svh;display:flex}.startmenu .startsettings .gameDetails .detialsdiv{width:var(--width)}.startmenu .startsettings .gameDetails img{aspect-ratio:1;width:3rem;height:3rem}.startmenu .startsettings .gameDetails h3{line-height:3rem}.startmenu .startsettings .gameDetails input{text-align:center;border:3px solid #000;border-radius:.6rem;outline:none;width:7rem;height:3rem;font-size:2rem}.startmenu .startsettings .gameDetails .valuebtn{color:#000;cursor:pointer;border:3px solid #000;border-radius:100%;width:3.5rem;height:3.5rem;font-size:3.5rem;line-height:3.5rem}.startmenu .startsettings .minitablediv{aspect-ratio:11/20;justify-content:center;align-items:center;height:max-content;min-height:20px;margin:3svh 0 0;display:flex;position:relative}.startmenu .startsettings .minitable{aspect-ratio:11/20;background-color:#1e4431;border:11px solid #834221;border-radius:300px;justify-content:center;align-items:center;height:50svh;min-height:20px;display:flex}.startmenu .startsettings .minitable button{cursor:pointer;color:#f9f6ee;z-index:999;background:0 0;border:none;outline:none;width:8rem;height:8rem;font-size:2.5rem}.startmenu .startsettings .minitable button div{background-image:url(/assets/bluechip-DeWPly-L.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:8rem;height:8rem;display:flex}.startmenu .startsettings .minigrid{min-width:0;height:60svh;min-height:20px;width:min(var(--width), max(40svh, 300px));grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.startmenu .startsettings .player{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.startmenu .startsettings .banner{background-color:#000000a8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:60%;height:100%;max-height:7svh;display:flex}.startmenu .startsettings .playerinp{color:#f9f6ee;text-align:center;background-color:#0000;border:none;outline:none;width:100%;height:50%;font-size:1.3rem}@keyframes start{0%{transform:translate(0)}to{transform:translateX(calc(-1*var(--width)))}}@keyframes startback{to{transform:translate(0)}0%{transform:translateX(calc(-1*var(--width)))}}.minitablestart{animation:2s ease-out forwards minitablestart}@keyframes minitablestart{0%{height:50svh;min-height:370px}to{height:75svh}}.starthold{border:0 solid #c70000;border-radius:300px;animation:.5s ease-in forwards starthold}@keyframes starthold{0%{border:0 solid #c70000}to{border:9px solid #c70000}}.game{height:100%;width:var(--width);aspect-ratio:9/11;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);justify-content:center;display:flex;position:relative;overflow:hidden}.game .table{aspect-ratio:11/20;background-color:#1e4431;border:11px solid #834221;border-radius:300px;max-width:500px;height:75svh;min-height:370px;margin:3svh 0 0}.game .tableinfo{gap:2rem}.game .tableinfo h3{font-size:2rem}.game .playersgrid{aspect-ratio:14/20;height:80svh;max-width:var(--width);opacity:0;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.game .playersgrid .player{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game .playersgrid .player .banner{background-color:#000000ab;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:70%;height:100%;max-height:12svh;display:flex}.game .playersgrid .player .fold{background-color:#4601015e}.raisemenuback{z-index:999;background-color:#000000a9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.raisemenu{width:calc(var(--width)*.7);z-index:99;background-color:#111e2d;border:5px solid #000;border-radius:30px;flex-direction:column;justify-content:space-evenly;align-items:center;height:50svh;display:flex;position:relative}.raisemenu h2{color:#faebd7;text-align:center;margin:0;font-size:5rem}.raisemenu input{text-align:center;background-color:#faebd7;border:4px solid #000;outline:none;width:12rem;height:3rem;font-size:2rem}.raisebutton{cursor:pointer;background-color:#faebd7;border:2px solid #000;border-radius:10px;outline:none;width:7rem;height:3rem;font-size:2rem}.exit{color:#faebd7;cursor:pointer;background:0 0;border:none;outline:none;font-family:sans-serif;font-size:2rem;position:absolute;top:1rem;left:1rem}.active{border:5px solid #f5bf29}.bottombuttons{opacity:0;width:var(--width);grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;height:20svh;display:grid;position:absolute;bottom:0}.bottombuttons button{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;width:20vw;max-width:90px;display:flex}.bottombuttons button h3{font-size:2rem}.bottombuttons .fold{background-color:#0000;background-image:url(/assets/redchip-DArOwe_l.webp);background-size:contain;border:0 solid #f5bf29;border-radius:50px;justify-content:center;align-items:center;display:flex}.bottombuttons .foldhold{animation:2s foldhold}.bottombuttons .raise{background-color:#0000;background-image:url(/assets/bluechip-DeWPly-L.webp);background-size:contain;border:0 solid #f5bf29;border-radius:50px;justify-content:center;align-items:center;display:flex}.bottombuttons .check{background-color:#0000;background-image:url(/assets/greenchip-CHgo_ihb.webp);background-size:contain;border:none;justify-content:center;align-items:center;display:flex}.bottombuttons .call{background-color:#0000;background-image:url(/assets/yellowdchip-tGqzdgxR.webp);background-size:contain;border:none;justify-content:center;align-items:center;display:flex}.bottombuttons .call h3{color:#000}.bottombuttons .checkdiv{border:9px solid #f5bf29;border-radius:300px;width:max-content}.playersgrid,.bottombuttons,.game{max-width:var(--width)}.undo,.gameexit{color:#e3e3e3;cursor:pointer;z-index:998;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:.1rem;width:clamp(44px,5rem,60px);height:auto;padding:0;display:flex;position:absolute;top:clamp(.25rem,1vmin,.5rem)}.gameexit{left:clamp(.25rem,1vmin,.5rem)}.undo{right:clamp(.25rem,1vmin,.5rem)}.undoIcon,.gameexitIcon{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;display:block}.undoIcon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M280-200v-80h284q63%200%20109.5-40T720-420q0-60-46.5-100T564-560H312l104%20104-56%2056-200-200%20200-200%2056%2056-104%20104h252q97%200%20166.5%2063T800-420q0%2094-69.5%20157T564-200H280Z'/%3e%3c/svg%3e")}.gameexitIcon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M200-120q-33%200-56.5-23.5T120-200v-160h80v160h560v-560H200v160h-80v-160q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H200Zm220-160-56-58%20102-102H120v-80h346L364-622l56-58%20200%20200-200%20200Z'/%3e%3c/svg%3e")}.undoLabel,.gameexitLabel{letter-spacing:.04em;text-transform:uppercase;font-size:1.5rem;line-height:1}.quitmenuback{z-index:1000}.quitmenu{width:min(calc(var(--width) * .7), 420px);height:min(40svh,340px);min-height:240px;padding:4rem 2rem 2rem}.quitmenu p{color:#f9f6ee;text-align:center;margin:0;font-size:2rem}.quitmenubutton{color:#1f1f1f;cursor:pointer;background-color:#faebd7;border:2px solid #000;border-radius:10px;min-width:8rem;min-height:44px;padding:.65rem 1rem;font-size:1.8rem}.quitconfirm{color:#f9f6ee;background-color:#a0391d}.quitmenubutton:hover,.quitmenubutton:focus-visible{border-color:#f5bf29;outline:2px solid #f5bf29}.choosewinnerback{z-index:999;background-color:#000000a9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.choosewinner{width:calc(var(--width)*.7);z-index:99;background-color:#111e2d;border:8px solid #000;border-radius:30px;flex-direction:column;justify-content:space-evenly;align-items:center;height:85svh;padding:2rem 0;display:flex;position:relative}.winbut{justify-content:center;align-items:center;display:flex}.winnergrid{aspect-ratio:14/20;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:.5rem;height:max-content;display:grid}.winnergrid button{cursor:pointer;border:2px solid #000;outline:none}.winnerbanner{background-color:#0000007c;border-radius:1rem;justify-content:center;align-items:center;width:7rem;height:7svh;display:flex}.winbut button{color:#1f1f1f;cursor:pointer;background-color:#f4da90;border:2px solid #000;border-radius:10px;width:8rem;height:4rem}.winbut h3{color:#1f1f1f}.selected button{border:2px solid #f5bf29}.winnerscreen{z-index:999;background-color:#000000a9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.winnerback{background-color:#213852;border:5px solid #000;border-radius:30px;justify-content:center;align-items:center;width:max-content;height:fit-content;padding:2rem 5rem;display:flex}.disabled{background-color:#6301017c;cursor:not-allowed!important}.cards{grid-template-columns:repeat(5,2rem);gap:.5rem;min-height:2.8rem;display:grid}.card{aspect-ratio:5/7;background-color:#6d0000;background-image:url(/assets/carddddd-mP-9Nv-Y.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.3rem;height:2.8rem;transform:rotateY(90deg)}.flipped{transform:rotateY(0)}.flipnow{animation:.3s ease-in flipcard;transform:rotateY(0)}@keyframes flipcard{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (width<=600px){.choosewinner{width:calc(var(--width)*.9)}.winnerbanner{height:8svh}.quitmenu{width:calc(var(--width) * .9)}}@media (orientation:landscape) and (height<=500px){.game .table{height:72svh;min-height:0;margin-top:2svh}}
