@font-face {
    font-family: 'Spooky Retro';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/SpookyRetro.otf") format("opentype");
}
@font-face {
    font-family: 'Batchan';
    font-weight: normal;
    font-style: normal;
    src: url("fonts/Batchan.otf") format("opentype");
}
@font-face {
    font-family: 'Queen Rocker';
    font-weight: normal;
    font-style: normal;
    src: url("fonts/QueenRocker.ttf") format("truetype");
}
@font-face {
    font-family: 'Kerod25';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Kerod25.otf") format("opentype");
}
@font-face {
    font-family: 'TrajanPro';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/TrajanPro-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'TTMilks';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/TTMilksBold.otf") format("opentype");
}
@font-face {
    font-family: 'Japan';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Japan.ttf") format("truetype");
}
@font-face {
    font-family: 'Beachday';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/beachday.otf") format("opentype");
}
@font-face {
    font-family: 'Awesome';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Awesome.otf") format("opentype");
}
@font-face {
    font-family: 'BlackoutOld';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/BlackoutOldskull.otf") format("opentype");
}
@font-face {
    font-family: 'Garda';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Gardaempty.ttf") format("truetype");
}
@font-face {
    font-family: 'Clarendon';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Clarendon.otf") format("opentype");
}
@font-face {
    font-family: 'Adlib';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/adlib.ttf") format("truetype");
}
@font-face {
    font-family: 'KansasCas';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/vc-kansas-casual-2.ttf") format("truetype");
}
@font-face {
    font-family: 'Wonton';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Wonton.ttf") format("truetype");
}
@font-face {
    font-family: 'Spumoni';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Spumoni.otf") format("opentype");
} 
@font-face {
    font-family: 'Casino1';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Casino1.ttf") format("truetype");
} 
@font-face {
    font-family: 'Casino2';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Glyphter.woff") format("woff");
} 
@font-face {
    font-family: 'UrbanHeroes';
    font-weight: bold;
    font-style: normal;
    src: url("fonts/UrbanHeroes.ttf") format("truetype");
} 

.bonus-spot.textStyleEXBONUS {
    font-family: 'Casino1';
    font-size: 10cqw;
    line-height: 1;
}

#multiplierBonusSpot.textStyleEXBONUS {
    top: 75%;
    left: 15%;
    width: 25%;
    height: 18%;
}

#instantWinBonusSpot.textStyleEXBONUS {
    top: 75%;
    left: 60%;
    width: 25%;
    height: 18%;
}
/* Street Art/Graffiti */
.play-area-display.number-display.textStyleGraffiti {
    gap: 1% 11% !important;
    width: 81% !important;
    height: 29% !important;
    top: 53.5% !important;
    left: 9.5% !important;
}
.winning-numbers-display.textStyleGraffiti {
    left: 55.2% !important;
    width: 38% !important;
    font-family: 'UrbanHeroes';
    top: 32%;
}
.play-number.textStyleGraffiti {
    font-family: 'UrbanHeroes';
    font-size: 7cqw;
    line-height: .8 ;
}
.play-prize.textStyleGraffiti {
    font-family: 'Kerod25';
    font-weight: 900;
    line-height: 1;
    font-size: 6cqw;
}
#multiplierBonusSpot.textStyleGraffiti {
    top: 27.5%;
    left: 8.5%;
    width: 15%;
    height: 10%;
}
.bonus-spot.textStyleGraffiti {
    font-family: 'Casino2';
    font-size: 10cqw;
    line-height: 1;
}


/* Trip City */
.play-area-display.number-display.textStyleTripCity {
    gap: 3% 3% !important;
    top: 49.4% !important;
}
.winning-numbers-display.textStyleTripCity {
    left: 24.3% !important;
    width: 50.8% !important;
    font-family: 'Spooky Retro';
    top: 28.5%;
}
.win-num-digit.textStyleTripCity {
    font-size: 9.3cqw;
}
.win-num-text.textStyleTripCity {
    font-size: 2cqw; /* Smaller size for text below */
}
.play-number.textStyleTripCity {
    font-family: 'Spooky Retro';
    font-size: 7cqw;
    line-height: .8 ;
}
.play-prize.textStyleTripCity {
    font-family: 'Kerod25';
    font-weight: 900;
    line-height: .85;
    font-size: 6cqw;
}
.play-prize-desc.textStyleTripCity {
    font-size: 2cqw; /* Smaller size for text below */
}
/* Free Money */
.play-area-display.number-display.textStyleFreeMoney {
    top: 58.5% !important;
    height: 40% !important;
    gap: 1% 17% !important;
}
.play-number.textStyleFreeMoney {
    font-family: 'Batchan';
    font-size: 11cqw;
    line-height: .9;
}
.play-prize.textStyleFreeMoney {
    font-family: 'Queen Rocker';
    font-weight: 900;
    line-height: 1;
    font-size: 6cqw;
}
.play-area-display.number-display.textStyleFreeMoney .play-spot[data-multiplier-type="bonus"] {
    color: var(--primary-color);
}
.play-area-display.number-display.textStyleFreeMoney .play-spot[data-multiplier-type="negativebonus"] {
    color: red;
}

/* White Lotus */
.play-area-display.number-display.textStyleWhiteLotus {
    gap: 5% 0% !important;
    top: 49% !important;
    left: 8.6% !important;
    width: 83% !important;
    height: 28% !important;
}
.winning-numbers-display.textStyleWhiteLotus {
    left: 6% !important;
    width: 88% !important;
    font-family: 'TrajanPro';
    top: 35%;
}
.win-num-digit.textStyleWhiteLotus {
    font-size: 8cqw;
}
.win-num-text.textStyleWhiteLotus {
    font-size: 2.4cqw; /* Smaller size for text below */
}
.play-number.textStyleWhiteLotus {
    font-family: 'TrajanPro';
    font-weight: bold;
    font-size: 7cqw;
    line-height: 1 ;
}
.play-prize.textStyleWhiteLotus {
    font-family: 'Queen Rocker';
    font-weight: 900;
    line-height: 1.2;
    font-size: 5.5cqw;
}
.play-prize-desc.textStyleWhiteLotus {
    font-size: 2.2cqw; /* Smaller size for text below */
}
.play-spot[data-multiplier-type="lorazepam"] .play-number {
    line-height: 1 !important;
}
.play-spot[data-multiplier-type="lorazepam"] .play-number img {
    margin: 0;
    padding: 0;
}

/* Totoro SG */
.play-area-display.number-display.textStyleSG {
    gap: 0% 1% !important;
    top: 54.5% !important;
    left: 3% !important;
    width: 94% !important;
    height: 28% !important;
}
.play-area-display.number-display.textStyleSG .play-spot:nth-child(n+5) {
    margin-left: 98%;
}
.winning-numbers-display.textStyleSG {
    left: 50% !important;
    width: 42% !important;
    font-family: 'Spumoni';
    top: 28%;
    height: 24%;
}
.win-num-digit.textStyleSG {
    font-size: 12cqw;
    line-height: .6;
}
.win-num-text.textStyleSG {
    font-size: 2.4cqw; /* Smaller size for text below */
    line-height: .3;
}
.winning-numbers-display.textStyleSG table tr {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    justify-content: center; /* Center items horizontally */
}

/* 2. Define the behavior for the flex items (the cells) */
.winning-numbers-display.textStyleSG table tr td {   
    /* Set the flex-basis to 50% for the first two items */
    flex: 0 0 50%; 
    margin-top: 5%;
    /* Ensure content within the cell is centered */
    display: flex;
}

/* 3. Target the third cell specifically to make it full-width */
.winning-numbers-display.textStyleSG td:nth-child(3) {
    /* Make this item take up 100% of the width, forcing it to a new line */
    flex-basis: 100%;

    /* Replace the old margin with a more reliable one */
    margin-top: 20%; 
}
.play-number.textStyleSG {
    font-family: 'Spumoni';
    font-weight: bold;
    font-size: 10cqw;
    line-height: .5;
}
.play-prize.textStyleSG {
    font-family: 'Kerod25';
    font-weight: 900;
    line-height: .8;
    font-size: 7cqw;
}
.play-prize-desc.textStyleSG {
    font-size: 2.2cqw; /* Smaller size for text below */
    line-height: 1.5;
}
.play-spot[data-multiplier-type="mask"] .play-number {
    line-height: .1 !important;
}
.play-spot[data-multiplier-type="mask"] .play-number img {
    margin: 0;
    padding: 0;
    margin-top: -8%;
}

/* Hello Kitty */
.play-area-display.number-display.textStyleHelloKitty {
    gap: 12% 7% !important;
    top: 38% !important;
    left: 4% !important;
    width: 92% !important;
    height: 28% !important;
}
.winning-numbers-display.textStyleHelloKitty {
    left: 9% !important;
    width: 51% !important;
    font-family: 'Japan';
    font-weight: bold;
    top: 18%;
}
.win-num-digit.textStyleHelloKitty {
    font-size: 9cqw;
    line-height: .6;
}
.play-number.textStyleHelloKitty {
    font-family: 'Japan';
    font-weight: bold;
    font-size: 8.5cqw;
    line-height: .8;
}
.play-prize.textStyleHelloKitty {
    font-family: 'BlackoutOld';
    font-weight: 900;
    line-height: .8;
    font-size: 6cqw;
}
.play-spot[data-multiplier-type="bow"] .play-number {
    line-height: 7.8cqw;
    margin-top: -5%;
}
.play-spot[data-multiplier-type="bow"] .play-number img {
    max-height: 50% !important;
    max-width: 50% !important;
    margin: 0;
    padding: 0;
}

/*Betty Boop*/
.play-area-display.number-display.textStyleBetty {
    gap: 0% 7% !important;
    top: 60.4% !important;
    left: 6.7% !important;
    width: 86% !important;
    height: 28% !important;
}
.winning-numbers-display.textStyleBetty {
    left: 64.2% !important;
    width: 30.8% !important;
    font-family: 'Garda';
    font-weight: bold;
    top: 44%;
}
.win-num-digit.textStyleBetty {
    font-size: 10cqw;
    line-height: 1.2;
    letter-spacing: -.3cqw;
}
.play-number.textStyleBetty {
    font-family: 'Garda';
    font-weight: bold;
    font-size: 9cqw;
    line-height: .6;
    letter-spacing: -.1cqw;
}
.play-prize.textStyleBetty {
    font-family: 'Clarendon';
    line-height: 1;
    margin-top: 2cqw;
    font-size: 6cqw;
}
.play-spot[data-multiplier-type="XO"] .play-number {
    letter-spacing: -1.5cqw;
}

/*POWER500*/
.play-area-display.number-display.textStylePower500 {
    gap: 1% 1% !important;
    top: 48.6% !important;
    left: 6% !important;
    width: 88% !important;
}
.play-number.textStylePower500 {
    font-family: 'Adlib';
    font-weight: bold;
    font-size: 8.4cqw;
    line-height: .4;
}
.play-prize.textStylePower500 {
    font-family: 'KansasCas';
    margin-top: 1.4cqw;
    font-weight: 900;
    line-height: 1;
    font-size: 5.5cqw;
}
.play-spot[data-multiplier-type="500"] .play-number {
    letter-spacing: -.2cqw;
    font-size: 8.4cqw;
}
.play-spot[data-multiplier-type="POWER"] .play-number {
    letter-spacing: -.3cqw;
    font-size: 4.2cqw;
    line-height: 3.8cqw;
    transform: scaleY(2.4);
}

/*Panda Payout*/
.play-area-display.number-display.textStylePandaP {
    gap: 1% 1% !important;
    top: 30.6% !important;
    left: 1.5% !important;
    width: 97% !important;
    height: 58% !important;
}
.play-number.textStylePandaP {
    font-family: 'Wonton';
    font-weight: bold;
    font-size: 8cqw;
    line-height: .9;
}
.play-prize.textStylePandaP {
    font-family: 'Queen Rocker';
    letter-spacing: -.5cqw;
    font-weight: 900;
    line-height: 1.1;
    font-size: 4cqw;
}
.play-prize-desc.textStylePandaP {
    font-size: 1.5cqw; /* Smaller size for text below */
}
.play-spot[data-multiplier-type="bamboo"] .play-number img {
    max-height: 25% !important;
    max-width: 25% !important;
    margin-top: -20%;
    margin: 0;
    padding: 0;
}
.play-spot[data-multiplier-type="bleaves"] .play-number img {
    max-height: 30% !important;
    max-width: 30% !important;
    margin: 0;
    padding: 0;
}