@font-face{font-family:Sniglet;src:url(/fonts/Sniglet-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NimbusSan;src:url(/fonts/NimbusSanL-Reg.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NotoSerif;src:url(/fonts/NotoSerif_Condensed-Bold.ttf) format("truetype");font-weight:400;font-style:normal}#root{width:100%;max-width:1280px;margin:0 auto;text-align:center;font-family:var(--app-font-family)}#orientation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;font-size:1.5rem;display:none;justify-content:center;align-items:flex-start;text-align:center;z-index:9999;padding:1rem;padding-top:20vh}html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;color:#fff;font-family:var(--app-font-family);background-color:#000;background-image:radial-gradient(circle at center,#111,#000 80%),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 2px,transparent 2px,transparent 4px);background-blend-mode:screen;background-size:cover;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}@supports not (height: 100dvh){html,body{height:100%}}@supports not (height: 100dvh){table{height:var(--app-height);padding-top:50px}}button,input,select,textarea,label{color:#fff;font-family:var(--app-font-family);margin-left:1px;margin-right:1px;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000;line-height:1.4}.table-background-svg{position:absolute;top:150px;left:50%;width:600px;height:600px;transform:translate(-50%);z-index:0;pointer-events:none}.table-background-svg .bj-pays{font-weight:700;fill:#fff;opacity:30%;font-size:30px;text-shadow:0 0 4px #000;width:100%}.table-background-svg .dealer-soft{fill:#fff;font-size:25px;opacity:30%;text-shadow:0 0 4px #000}.table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/fabric.png);background-repeat:repeat;background-size:200px 200px;opacity:.95;pointer-events:none;z-index:0}.table{display:flex;flex-direction:column;justify-self:flex-end;height:var(--app-height);overflow:hidden;position:relative;background-color:var(--bgColorMain);z-index:1;width:100%;height:100dvh;max-width:100%;margin:0 auto;transform-origin:top center}.player{display:flex;flex-direction:row;align-items:center;margin-top:1rem;flex-wrap:wrap;justify-content:center}.player.center{justify-content:center}.card-row{display:flex;padding-right:10px;padding-left:10px;flex-wrap:nowrap;justify-content:flex-start;width:auto;gap:10px;margin-top:10px;margin-left:0}.normal-hand{padding-left:0;padding-right:0;display:inline-flex;flex-direction:column;background-color:var(--cardPanels, midnightblue);border:none;border-radius:20px;margin-left:8px;margin-top:8px;min-width:135px;height:190px;box-shadow:0 0 5px transparent,0 0 10px transparent,0 0 20px transparent;transition:box-shadow .3s ease}.active{box-shadow:0 0 5px #ffffff80,0 0 10px #fff9,0 0 20px #ffffffb3!important}.hand-total{font-size:1.4rem;color:#fff;font-weight:700;margin-top:4px}.hand-controls{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;gap:2px;margin-top:8px;width:auto;height:80px}.hand-controls .button-row{display:flex;height:35px;justify-content:center;min-width:130px;width:100%}.hand-controls .button-row-filler{height:84px;min-width:110px;width:100%}.hand-controls .hint-text{color:#f5f5f5;position:absolute;left:10px;bottom:8px;height:40px;margin-top:-15px;padding-left:12px;padding-right:5px}.small-iconbutton{background-color:transparent!important;box-shadow:none!important;border:none!important;width:30px!important;padding:0!important;margin:0!important;height:auto!important;font-size:1.5rem;text-align:left}.flex-break{flex-basis:100%;width:0;height:0}.deal-button-wrapper{margin-left:5px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)!important;text-align:center;z-index:20;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInBox .5s ease forwards}.deal-button{margin-left:0!important;background-color:#1ff092;border-color:#ff0;cursor:pointer}.deal-button:hover{background-color:#fff}.handstatus-row{display:flex;justify-content:center;width:100%}.handStatus{font-size:1.5em;font-weight:700;margin-top:-10px}.tab-bar{display:flex;border-bottom:0px solid #888;margin-bottom:0}.tab-bar button{border-radius:8px 8px 0 0;box-shadow:none;margin:0 0 -1px}.tab{font-family:var(--app-font-family);flex:1 1 0;padding:.5rem 0;text-align:center;cursor:pointer;border:none;border-bottom:none;background:#789;transition:background .2s}.tab:not(.active):hover{background:#ff0}.tab.active{background:#fff;border-bottom:2px solid #ffffff}.tab-panel{background:#fff}.about-panel{background:#fff;padding-left:10px;text-shadow:none;color:#000}.close-button{position:absolute;top:.5rem;right:.5rem}.config-form{display:flex;flex-direction:column;margin-top:1rem;width:365px}.config-row-wrapper{display:flex;align-items:center;height:40px;gap:0px}.config-row-wrapper label,input{text-shadow:none;font-size:1rem;font-weight:400;color:#000;margin-right:0;gap:0px}.config-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:40px;gap:0px}.config-row input{width:30px;border:none;padding:0;font-size:1rem;text-align:center;gap:0px}.config-row input[type=radio]{margin-left:5px!important;margin-right:10px!important;width:auto!important;transform:scale(1.5)}.config-row label{font-size:1rem;margin-left:0;padding-right:10px!important;gap:0px}.config-label{width:100px;text-align:right;justify-content:flex-start;padding-right:10px;padding-left:0;margin-left:0;font-size:1rem;gap:0px}.config-buttons{margin-top:15px;display:flex;justify-content:center;margin-bottom:15px}.config-buttons button{font-family:var(--app-font-family)}.config-row button{display:flex;justify-content:center;margin:0;padding:0;width:35px;font-size:1.3rem}.config-title{text-align:center;font-size:1.2rem;margin:0}.checkbox-row{font-size:1rem;margin-left:85px}.checkbox-row input[type=checkbox]{margin-left:5px!important;margin-right:10px!important;width:auto!important;transform:scale(1.5)}.config-header{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;margin-top:-10px}@keyframes fadeInBox{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes particleMove{0%{opacity:1;transform:translate(var(--fx),var(--fy)) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5)}}.bjlogo{width:300px;animation:cardFadeIn 1s ease forwards;background-color:transparent!important}.card{background-color:#fff;width:45px;height:63px;border-radius:6px;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;font-size:25px;padding-left:13px;padding-right:13px;font-weight:700;box-sizing:border-box;animation:cardFadeIn .5s ease forwards;text-shadow:none;line-height:22px}.card.back{background:repeating-linear-gradient(45deg,#1e3a8a,#1e3a8a 4px,#3b82f6 4px,#3b82f6 8px);border:4px solid white;border-radius:6px;width:45px;height:63px;box-sizing:border-box;box-shadow:0 2px 5px #0003}.result-container{position:absolute;top:280px;left:50%;transform:translate(-50%)!important;text-align:center;z-index:20;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:350px;animation:fadeInBox .5s ease forwards}.result-message{background-color:red;padding:15px 20px 16px;font-size:1.2rem;font-weight:700;border-radius:25px;border:none;text-align:center;max-width:80vw;box-shadow:0 0 10px red,0 0 20px red,0 0 30px red;animation:scaleIn .4s ease-out forwards}.action-message{font-size:2rem;border:none;text-align:center;font-weight:700;animation:cardFadeIn 1s ease forwards}.result-message.win{background-color:#ff0!important;padding:16px 30px;font-size:1.6rem;font-weight:700;border-radius:14px;border:2px solid #e5c100;box-shadow:0 0 10px #e5c100,0 0 20px #e5c100,0 0 30px #e5c100;animation:scaleIn .4s ease-out forwards}.win-box-wrapper{position:relative;display:inline-block;margin-bottom:10px}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:gold;border-radius:50%;opacity:1;animation:particleMove 1.5s ease-out var(--delay) 4 forwards}.top-wrapper{display:flex;flex-direction:column;gap:20px;margin-top:10px}.top{display:flex;justify-content:space-between;align-items:center;background-color:var(--bgColorPanels, blue);padding:5px 10px}.top-center{flex-grow:1;text-align:center;color:#fff}.top-center-text{font-size:1.5rem;color:#fff}.top-left{display:flex;justify-content:flex-start;flex-wrap:wrap;width:80px;background-color:var(--bgColorPanels, blue)}.top-right{width:80px;display:flex;gap:.5rem;justify-content:flex-end}.dealer{display:flex;flex-direction:column;align-items:center}.dealer-center{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100% - 40px;margin-left:20px;margin-right:20px;padding-bottom:10px;gap:30px;background-color:var(--cardPanels, midnightblue);border:none;border-radius:20px;height:102px;box-shadow:0 0 5px transparent,0 0 10px transparent,0 0 20px transparent}.dealer-center.no-bg{background-color:transparent}.dealer-center.active{box-shadow:0 0 5px #ffffff80,0 0 10px #fff9,0 0 20px #ffffffb3!important}.player-center{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;flex-direction:row;height:100%;gap:30px}.bottom{display:flex;flex:1;align-items:flex-end;justify-content:space-between;padding:20px}.bottom-wrapper{display:flex;flex-direction:column;gap:15px;flex-grow:1;margin-bottom:10px}.bottom-center{display:flex;justify-content:center;align-items:flex-start;width:100%;background-color:var(--bgColorPanels, blue);padding-top:5px;padding-bottom:5px}.bottom-controls{display:flex;flex-direction:column;align-items:center}.bottom-info-box{display:flex;justify-content:center;width:300px}button{font-family:var(--app-font-family);background-color:#fefe23;color:#fff;font-size:1rem;padding:4px 10px;border:3px solid darkorange;border-radius:10px;font-weight:700;cursor:pointer;height:35px;transition:background .2s ease,box-shadow .2s ease}button:hover{background-color:#fff;box-shadow:0 0 8px #ffff2699,0 0 12px #ff0c,0 0 20px #ff0}button:disabled{background-color:#94a3b8;cursor:not-allowed}button:active{transform:translate(1px,1px);box-shadow:inset 0 2px 4px #00000040,0 0 3px #ff06,0 0 8px #ff09}.iconbutton{background-color:transparent!important;box-shadow:none!important;border:none!important;width:40px!important;height:35px!important;padding:0!important;margin:0!important;font-size:2rem!important;height:auto!important}.bet-controls{display:flex;align-items:center;gap:12px}.bet-controls button{width:42px;height:42px;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:10px;border-radius:8px;cursor:pointer}.bet-summary{display:flex;align-items:center;width:100px}.bet-summary label{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2;text-align:left;margin-left:5px}.bet-chip{width:40px;height:40px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="red" stroke="white" stroke-width="4"/><circle cx="32" cy="32" r="20" fill="white"/><circle cx="32" cy="32" r="10" fill="red"/><line x1="32" y1="2" x2="32" y2="14" stroke="white" stroke-width="4"/><line x1="32" y1="50" x2="32" y2="62" stroke="white" stroke-width="4"/><line x1="2" y1="32" x2="14" y2="32" stroke="white" stroke-width="4"/><line x1="50" y1="32" x2="62" y2="32" stroke="white" stroke-width="4"/><line x1="12" y1="12" x2="20" y2="20" stroke="white" stroke-width="4"/><line x1="44" y1="44" x2="52" y2="52" stroke="white" stroke-width="4"/><line x1="12" y1="52" x2="20" y2="44" stroke="white" stroke-width="4"/><line x1="44" y1="20" x2="52" y2="12" stroke="white" stroke-width="4"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem;border-radius:50%}.wide-text{width:100%!important;max-width:350px!important}.bet-controls button,.config-row button,.config-header button{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.dialog-form{display:flex;flex-direction:column;margin-top:1rem;width:100%}.dialog-header{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;margin-top:-10px}.dialog-title{text-align:center;font-size:1.2rem;margin:0}.dialog-close-button{position:absolute;top:.5rem;right:.5rem}.dialog-overlay{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center}.overlay-background{position:absolute;width:100%;height:100%;background:#00000080}.overlay-content{position:relative;background:#d3d3d3;padding:.5rem;border-radius:10px;z-index:10000;min-height:450px;width:420px}
