:root{--card-radius:5px}body{font-family:monospace;font-size:14px;height:100%;width:auto;padding:0;position:relative;margin:0;overflow:hidden;background-color:wheat;z-index:100}.modal,body{display:flex}.modal{width:100%;height:80px;color:#fff;position:absolute;bottom:0;text-align:center;font-size:24px;font-weight:700;left:0;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center}.modal.open{transform:translateY(-50vh);pointer-events:none}.modal.close,.modal.open{transition:transform .45s ease-in-out}.modal.close{transform:translateY(300%)}div.hr{width:80%;height:1px;background-color:hsla(0,0%,100%,.49);margin:0 0 15px}#game{display:grid;width:100%;height:auto;max-height:100%;grid-template-areas:"deck dealer dealer" "deck dealerTotal dealerTotal" "betZone playerTotal playerTotal" "betZone player player" "controls controls controls" "footer footer footer";grid-template-rows:minmax(100px,175px) minmax(35px,min-content) minmax(35px,min-content) 175px minmax(100px,auto) 30px;grid-template-columns:minmax(100px,auto) max-content;margin:40px 30px 10px}#playerTotal{grid-area:playerTotal;min-height:10px;align-self:end}#dealerTotal{grid-area:dealerTotal;min-height:10px;align-self:start}#dealer{display:flex;grid-area:dealer}#player{display:flex;align-items:flex-end;grid-area:player}a{text-decoration:none;color:#5461ff}game-chip{z-index:100;position:absolute;transition:all 3.5s ease-out}game-chip.move-up{transform:translateY(-2000px)}game-chip.move-down{transform:translateY(2000px)}#dealer game-card:nth-child(n),#player game-card:nth-child(n){margin-right:-45px}#controls{position:relative;display:flex;justify-content:center;align-items:center;width:100%;grid-area:controls;min-height:100px}#controls button{margin:0 10px}#gameFooter{grid-area:footer}button{font-family:monospace;width:50px;height:50px;border-radius:50%;background:#fff}button:focus{outline:0}button:disabled{cursor:not-allowed}button.menu-button{font-size:16px;border-radius:0;width:200px;height:55px;padding:0 20px;margin:5px 0}#btnBet,#btnHit,#btnHold{background:#fff}#betzone{display:flex;grid-area:betZone;position:relative;width:77px;height:77px;border-radius:50%;border:1px dashed #000;justify-self:center;align-self:end;align-items:center;justify-content:center}#betzone game-chip:nth-child(n+4){margin-right:-15px;margin-top:-20px}#betzoneProgress{height:100%;clip-path:circle(38px at center)}#betzoneProgress,#betzoneProgressBar{position:absolute;width:100%;bottom:0}#betzoneProgressBar{background-color:#80ff56;height:0}.txt-betzone{position:absolute;margin:0 auto;z-index:100}#deck{display:flex;position:relative;grid-area:deck;border:1px solid #000;border-radius:var(--card-radius);height:105px;width:75px;justify-self:center}.pattern0 .back-side{background-color:#fff;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#c80000 0,#c80000 20px);background-repeat:repeat;width:100%;height:100%}.pattern1 .back-side{background-color:#c80000;background-image:radial-gradient(#fff 15%,transparent 16%),radial-gradient(#fff 15%,transparent 16%);background-size:45px 45px;background-position:50px 5px,30px 25px;width:100%;height:100%}.pattern2 .back-side{color:#fff;background-image:repeating-linear-gradient(red 50px,red 53px,transparent 0,transparent 63px,red 0,red 66px,transparent 0,transparent 116px),repeating-linear-gradient(270deg,transparent,transparent 50px,red 0,red 53px,transparent 0,transparent 63px,red 0,red 66px,transparent 0)}.pattern2 .back-side,.pattern3 .back-side{background-color:#fff;width:100%;height:100%}.pattern3 .back-side{background-image:linear-gradient(90deg,rgba(200,0,0,.5) 50%,transparent 0),linear-gradient(rgba(200,0,0,.5) 50%,transparent 0);background-size:10px 10px}.pattern4 .back-side{background:radial-gradient(#000 15%,transparent 16%) 0 0,radial-gradient(#000 15%,transparent 16%) 8px 8px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px;width:100%;height:100%}.pattern5 .back-side{background-color:rgba(200,0,0,.5);background-image:repeating-linear-gradient(120deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 1px,transparent 0,transparent 20px),repeating-linear-gradient(60deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 1px,transparent 0,transparent 20px),linear-gradient(60deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 75%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1)),linear-gradient(120deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 75%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));background-size:75px 105px;width:100%;height:100%}#cardSelector{display:flex;flex-flow:row;margin:10px}#cardSelector div[class^=pattern]{width:75px;height:50px}.arrow{margin:0 15px;cursor:pointer;font-size:24px;font-weight:bolder;display:flex;justify-content:center;align-items:center}#game.subscriber{border-color:gold}h4{margin:40px 0 20px;text-align:center}.game-info{position:absolute;display:flex;min-height:50px;max-height:50px;width:100%;flex-flow:row;margin-right:30px;justify-content:flex-end;align-items:center}#toggleSfx{margin-right:20px}#menu{position:relative;margin-right:30px;font-size:20px;cursor:pointer;z-index:300}#menu.open{color:#fff}#mainMenuBackdrop{position:absolute;background-color:#000;opacity:.9}#mainMenuContainer.open #mainMenuBackdrop{height:100%;width:100%;z-index:200}#mainMenuContainer.close #mainMenuBackdrop{height:0%;width:0;z-index:0}#mainMenu{position:absolute;display:flex;z-index:300;flex-flow:column;align-items:center;justify-content:center;width:100vw;height:100%;font-size:24px;color:#fff}#mainMenuContainer.close #mainMenu{z-index:0;width:0;height:0;transform:translateX(-400px)}#mainMenuContainer.close #mainMenu div{display:none}#coinDescription{margin-top:20px;padding:0 62px;text-align:center}#closeMenu{cursor:pointer}.hidden{display:none}@media screen and (min-width:600px){#game{margin:80px 150px 40px}}
/*# sourceMappingURL=styles.0da74914.css.map */