:root{--light-grey: rgb(223, 215, 215);--medium-grey: rgb(161, 153, 153);--dark-grey: rgb(105, 100, 100);--off-white: rgb(207, 207, 207);--white: rgb(230, 227, 227);--medium-red: rgb(177, 8, 8);--dark-red: rgb(107, 10, 10);--off-black: rgb(5, 5, 5);--gold: rgb(252, 215, 8);--dark-gold: rgb(141, 120, 4);--medium-blue: rgb(7, 7, 160);--light-green: rgb(19, 141, 19);--medium-green: rgb(12, 110, 17);--dark-green: rgb(8, 87, 12)}*{box-sizing:border-box}button{font-family:inherit}body{margin:0;width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;font-family:Segoe UI,Helvetica Neue,sans-serif;background-color:var(--off-black)}.button-row-container{width:100%;display:flex;justify-content:center}.button{cursor:pointer;border:1px solid var(--medium-grey);color:var(--light-grey);background-color:var(--medium-red);margin:.5em;font-size:1rem;padding:.2em .5em;border-radius:5px;text-decoration:none}.button:hover,.button:focus{background-color:var(--dark-red)}.button-row-container .button{min-width:4em}button:disabled{cursor:not-allowed;color:var(--medium-grey)}.block-span{display:block}#main-container{width:100%;height:100%;max-width:1000px;display:flex;align-items:center;justify-content:center}#main-section{width:100%;height:100%;margin:0;padding:.5em;display:flex;flex-direction:column;align-items:center}#top-info-container{width:90%;margin:.5em 0;display:flex;justify-content:space-between;align-items:flex-end}#meter-container{width:90%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#shoe-meter{margin:.25em 0;width:90%}#shoe-label{color:var(--off-white)}#cards-remaining{font-weight:600}#gameplay-area{width:90%;background:radial-gradient(var(--light-green),var(--medium-green));background-repeat:no-repeat;background-size:cover;border:8px ridge rgb(63,32,4)}#scores-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .5em;border-bottom:1px solid var(--gold)}.name-text{color:var(--light-grey);font-size:1.2rem;margin:.5em}#player-score,#dealer-score{font-weight:700}#player-section,#dealer-section{min-height:10em;display:flex;justify-content:center;flex-wrap:wrap;width:100%}#split-section{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.card-container{margin:.5em;padding:.5em;width:6em;height:8.5em;border:1px solid var(--off-black);border-radius:5px;display:flex;flex-direction:column;align-items:space-between;justify-content:space-between;background-color:var(--white)}.blank-card-container{margin:.5em;padding:.25em;width:6em;height:8.5em;border:1px solid var(--off-black);border-radius:5px;background-color:var(--white)}.hole-card-content{width:100%;height:100%;border-radius:5px;border:1px solid var(--off-black);background-image:url(./card-back-design-CHJ0_0gk.png)}.card-suit{width:39px;height:52px;margin:0;justify-self:center;align-self:center}.card-rank-top{font-size:1.5rem;margin:0;justify-self:flex-start;align-self:flex-start}.card-rank-bottom{font-size:1.5rem;margin:0;justify-self:end;align-self:end}#money-score-container{color:var(--white);width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .5em;border-top:2px solid var(--gold)}#side-bets-button{align-self:flex-start;cursor:pointer;border:1px solid var(--medium-grey);color:var(--light-grey);background-color:var(--medium-red);font-size:1rem;margin:.5em;padding:.2em .5em;border-radius:5px}#side-bets-button:hover,#side-bets-button:focus{background-color:var(--dark-red)}#active-side-bets-text{font-size:1.1rem;margin:.5em 0;color:var(--medium-blue)}#side-bets-low-money-text{font-size:1.1rem;margin:.5em 0;color:var(--medium-red)}#side-bets-main-heading{margin:0}.side-bets-sub-heading{margin:1em 0 .5em}#current-side-bets-list{max-width:22em;margin:0 0 1em;list-style-type:square}.side-bet-sub-list{max-width:100%;margin:.5em 0;list-style-type:disc}#top-payout-text,#total-money{margin:.5em}#top-payout,#total-money-text{display:block;text-align:center;font-weight:600}#selections-section{width:90%;display:flex;justify-content:space-around;color:var(--white)}#bet-buttons-container,#selections-container{display:flex;flex-direction:column;align-items:center}#bet-text,#selection-text{color:var(--white);text-align:center;margin:.5em 0 0;font-weight:600}#surrender-button{align-self:flex-start;cursor:pointer;border:1px solid var(--medium-red);color:var(--medium-red);background-color:var(--light-grey);margin:.5em;font-size:1rem;padding:.2em .5em;border-radius:5px;text-decoration:none}#surrender-button:hover,#surrender-button:focus{background-color:var(--medium-grey)}#surrender-button:disabled{cursor:not-allowed;color:var(--dark-grey)}.modal[open]{max-width:30em;padding:0;color:var(--off-black);background-color:var(--off-white);border-radius:5px;border:1px solid var(--off-black)}.modal-content{width:100%;height:100%;padding:1em 1.5em;display:flex;align-items:center;flex-direction:column}#suits-container{width:90%;display:flex;justify-content:space-around}#won-side-bet-text,#won-side-bet-payout{margin:.5em 0}.settings-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.setting-container{margin:.5em;width:50%;display:flex;flex-direction:column;align-items:center}.setting-label{text-align:center;margin:.5em 0 0}#number-of-decks-setting,#volume-setting{cursor:pointer;margin:0 .5em}#deck-number-options,#volume-options{width:90%;display:flex;justify-content:space-between;margin:0 .5em}#draw-speed-container{text-align:center}#rule-heading{margin:0 0 .5em}.rule-text{margin-bottom:.5em}.close-modal-button{padding:.25em .5em 0;margin:0 .25em;align-self:flex-end;cursor:pointer;background-color:var(--medium-red);color:var(--light-grey);font-size:1.1rem;font-weight:600;border:1px solid var(--off-black);border-radius:5px}.close-modal-button:hover,.close-modal-button:focus{background-color:var(--dark-red)}#reset-section{display:flex;flex-direction:column;align-items:center}#game-result-text,#game-over-text,.result-count{margin:.5em;text-align:center;font-size:1.4rem;font-weight:700}#won-result-text,#lost-result-text,#push-result-text{display:block;margin:.5em 0}#buy-insurance-text{margin:.5em 0;font-size:1.1rem;text-align:center}.hidden{display:none}#shuffle-modal[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5em;border-radius:5px;border:2px solid var(--off-black);background-color:var(--light-grey)}#shuffle-spinner{border-radius:50%;width:6em;height:6em;border-left:solid var(--dark-red) 1em;border-right:solid var(--dark-red) 1em;border-top:solid transparent 1em;border-bottom:solid transparent 1em;animation-name:rotate-loader;animation-duration:1.3s;animation-iteration-count:infinite}#shuffle-spinner-text{margin:1em 0 0;font-size:1.4rem;font-weight:700;color:var(--dark-red)}.red{color:var(--medium-red)}.blue{color:var(--medium-blue)}.green{color:var(--dark-green)}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){#shuffle-spinner{animation-duration:0}}@media(max-width:950px){#main-section{justify-content:center}#gameplay-area,#selections-section,#bet-buttons-container,#selections-container,#top-info-container{width:100%;max-width:100%}#meter-container{width:50%}#selections-section{width:95%;flex-direction:column}#surrender-button,#side-bets-button{align-self:center}#player-section,#dealer-section{min-height:7em}.card-container,.blank-card-container{width:4.5em;height:6em;margin:.25em;padding:.2em}.card-suit{width:26px;height:35px}.card-rank-top,.card-rank-bottom{font-size:1.1rem;font-weight:700}}@media(max-width:650px){.modal[open]{max-width:95%;width:95%}#game-reset-modal[open]{max-width:70%;width:70%}#bet-buttons-container .button,#selections-container .button{width:20%;height:2em}#side-bets-button,#surrender-button{width:30%;height:2em;margin:1em .5em .5em}}