.blackjack #backwall {
    position: absolute;
    width: 100%;
    height: 60%;
    top: 0;
    background-image: linear-gradient(to bottom, #3a1013, #61191d, #5c1a1b, #0f0e0d);
}

.blackjack #curtains {
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.blackjack #logo {
    top: 5%;
    right: 5%;
    z-index: 0;
}

.blackjack #floor {
    position: absolute;
    width: 100%;
    height: 40%;
    top: 60%;
    /*background-image: linear-gradient(to bottom, #3a1013, #61191d, #321919, #000000);*/
    background: black;
}

.blackjack #gameArea {
    perspective: 1000px;
}

.blackjack #staff {
    top: 8.8vh;
    width: 18vw;
    left: calc(50% - 9vw);
    height: 22vh;
}

.blackjack #tabletop {
    position: absolute;
    top: 20%;
    left: 5%;
    width: 90%;
    height: 100%;
    transform: rotateX(60deg);
    border-radius: 10% 10% 50% 50%; /* Create the rounded shape */
    border: 25px solid #1e1b1b;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Optional shadow for effect */
    overflow: hidden;
}

.blackjack #tipsContainer {
    position: absolute;
    top: 2%;
    left: 10%;
}

#tableText {
    top: 15%;
    position: absolute;
    width: 35%;
    max-height: 45%;
}

.blackjack #tablelimits {
    top: 1vh;
    left: 25%;
}

.blackjack #roundInfo {
    top: 1vh;
    Right: 25%;
}

#BlackjackPays {
    position: absolute;
    top: 25vh;
    font-size: 2vh;
    text-align: center;
    opacity: 0.3;
}

#DealerMust {
    position: absolute;
    top: 28vh;
    font-size: 2vh;
    text-align: center;
    opacity: 0.3;
}

#InsurancePays {
    position: absolute;
    top: 31vh;
    font-size: 2vh;
    text-align: center;
    opacity: 0.3;
}

#playerChoice {
    position: relative;
    top: 70%;
    left: calc(50% - 17.5vw);
    height: 7vh;
    width: 35vw;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
}

.playerchoice {
    position: absolute;
    height: 4vh;
    width: 25%;
    border-radius: 4vh;
    background: #FF4F5E;
    cursor: pointer;
    pointer-events: auto;
    padding-left: 1vh;
    padding-right: 1vh;
}

.pcicon {
    height: 100%;
    padding: 5px;
}

.pctext {
    font-size: 2vh;
    padding-left: 2vh;
}

#insuranceChoice {
    position: absolute;
    top: 70vh;
    left: 25%;
    height: 12vh;
    width: 50%;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
}

#inTitle {
    position: absolute;
    height: 6vh;
    width: 60%;
    left: 20%;
    border-radius: 6vh;
    background: #f7be54;
    font-size: 2.5vh;
}

.inchoice {
    position: absolute;
    top: 6vh;
    height: 6vh;
    width: 25%;
    cursor: pointer;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
}

#yesInsurance {
    left: 25%;
}

#noInsurance {
    left: 50%;
}

.pcRed {
    background: red;
    background-image: linear-gradient(to bottom, #FFCCAB 5%, #FF876A 29%, #E30613 100%);
}

.pcGreen {
    background: green;
    background-image: linear-gradient(to bottom, #B7F59F 5%, #00F090 29%, #006271 100%);
}

.pcOrange {
    background: orange;
    background-image: linear-gradient(to bottom, #F0FFAD 0%, #EABC0C 22%, #E94E1B 100%);
}

.pcBlue {
    background: blue;
    background-image: linear-gradient(to bottom, #94D1FF 0%, #55A5FF 26%, #312783 100%);
}

.bjslot {
    position: absolute;
    top: 75%;
    left: 45%;
    height: 20%;
    width: 10%;
    transform-origin: 50% -1100%;
}

.betbox {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.betboxImage {
    width: 100%;
}

.bjsensor {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    border-radius: 100%;
}

.perfectPairs {
    position: absolute;
    width: 2vw;
    height: 13vh;
    left: 0;
    top: 3vh;
}

.bj21plus3 {
    position: absolute;
    width: 2vw;
    height: 13vh;
    right: 0;
    top: 3vh;
}

.blackjack .userName {
    position: absolute;
    width: 100%;
    bottom: -20%;
}


#bjslot1 {
    transform: rotate(-20deg);
}

#bjslot2 {
    transform: rotate(-10deg);
}

#bjslot3 {

}

#bjslot4 {
    transform: rotate(10deg);
}

#bjslot5 {
    transform: rotate(20deg);
}

#bjslot6 {

}

#bjslot7 {

}


.anteBet {
    position: absolute;
    width: 5vh;
    height: 5vh;
    top: calc(50% - 2.5vh);
    left: calc(50% - 2.5vh);
    pointer-events: none;
}

.blackjack .playerAnteCardPosition {
    position: absolute;
    top: -15%;
    width: 1vh;
    height: 1vh;
    left: 1.25vw;
}

.blackjack .playerSplitCardPosition {
    position: absolute;
    top: -15%;
    left: -0.25vw;
    width: 1vh;
    height: 1vh;
}

.blackjack .handValue {
    top: -1vw;
    font-size: 2.1vh;
    line-height: 2.1vh;
    z-index: 1000;
}

.blackjack .bjDealerPosition .handValue {
    top: 0;
    right: 1vw;
    text-align: right;
}

.splitBet {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    top: calc(50% - (2.5vw / 2));
    right: 50%;
    pointer-events: none;
}

.insOffer {
    position: absolute;
    top: -6vh;
    background: black;
    padding: 5px;
    width: 100%;
    text-align: center;
    z-index: 2000;
    font-size: 2vh;
    line-height: 2.2vh;
}

.insButton {
    height: 2.2vh;
    pointer-events: auto;
}

.insBet {
    position: absolute;
    width: 5vh;
    height: 5vh;
    top: -20vh;
    left: 0;
    pointer-events: none;
}

.betBehindInsurance {
    position: absolute;
    width: 5vh;
    height: 5vh;
    top: -20vh;
    left: 50%;
    pointer-events: none;
}

.bjDealerPosition {
    position: absolute;
    top: 4%;
    left: 47%;
    width: 1vw;
    height: 1vw;
}

.blackjack .chipCont {
    position: absolute;
    height: 2.5vw;
    width: 2.5vw;
    left: calc(50% - 1.25vw);
    top: calc(50% - 1.25vw);
    z-index: 300;
}

.perfectPairs .chipCont, .bj21plus3 .chipCont, .bjbetbehind .chipCont {
    transform: scale(0.75);
}

.blackjack .card {
    width: 2.4vw;
    height: 3.6vw;
}

.blackjack #countdown {
    left: 5vw;
    top: 70%;
}