/*FONTS CSS*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap'); /*font-family:'Barlow Semi Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900&display=swap');/*font-family:'Roboto', sans-serif;*/

@font-face{
    font-family:'Paddy Mischief';
    src:url('../fonts/PaddyMischief-Bold.eot');
    src:url('../fonts/PaddyMischief-Bold.eot?#iefix') format('embedded-opentype'),
   url('../fonts/PaddyMischief-Bold.woff2') format('woff2'),
   url('../fonts/PaddyMischief-Bold.woff') format('woff'),
   url('../fonts/PaddyMischief-Bold.ttf') format('truetype'),
   url('../fonts/PaddyMischief-Bold.svg#PaddyMischief-Bold') format('svg');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Paddy Sans';
    src:url('../fonts/PaddySans-Regular.eot');
    src:url('../fonts/PaddySans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PaddySans-Regular.woff2') format('woff2'),
        url('../fonts/PaddySans-Regular.woff') format('woff'),
        url('../fonts/PaddySans-Regular.ttf') format('truetype'),
        url('../fonts/PaddySans-Regular.svg#PaddySans-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Paddy Sans';
    src:url('../fonts/PaddySans-Medium.eot');
    src:url('../fonts/PaddySans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PaddySans-Medium.woff2') format('woff2'),
        url('../fonts/PaddySans-Medium.woff') format('woff'),
        url('../fonts/PaddySans-Medium.ttf') format('truetype'),
        url('../fonts/PaddySans-Medium.svg#PaddySans-Medium') format('svg');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Paddy Sans Semi';
    src:url('../fonts/PaddySans-SemiBold.eot');
    src:url('../fonts/PaddySans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PaddySans-SemiBold.woff2') format('woff2'),
        url('../fonts/PaddySans-SemiBold.woff') format('woff'),
        url('../fonts/PaddySans-SemiBold.ttf') format('truetype'),
        url('../fonts/PaddySans-SemiBold.svg#PaddySans-SemiBold') format('svg');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family: 'Modesto Poster';
    src: url('../fonts/ModestoPoster-Regular.eot');
    src: url('../fonts/ModestoPoster-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ModestoPoster-Regular.woff2') format('woff2'),
        url('../fonts/ModestoPoster-Regular.woff') format('woff'),
        url('../fonts/ModestoPoster-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Penumbra Sans Std';
    src: url('../fonts/PenumbraSansStd-Bold.eot');
    src: url('../fonts/PenumbraSansStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PenumbraSansStd-Bold.woff2') format('woff2'),
        url('../fonts/PenumbraSansStd-Bold.woff') format('woff'),
        url('../fonts/PenumbraSansStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root{
/* PP Whitelines Color */
	--color-yellow:#fce300;
	--color-white:#ffffff;
	--color-orange:#f16222;
	--color-light-orange:#ffb70d;
	--color-green:#62bb46;
	--color-green-dark:#009e51;
	--color-green-gradient:linear-gradient(135deg, rgba(49, 149, 62, 1) 0%, rgba(98, 187, 70, 1) 100%);
	--color-dark-green:#004833;
	--color-dark-green-gradient:linear-gradient(90deg, rgb(0,158,81) 0%, rgb(0,72,51) 87%, rgba(0,72,51,1) 100%);
	--color-black:#000000;
	--color-dark:#474752;
	/* Font */
	--font-base:'Barlow Semi Condensed', sans-serif; /* R-400 SB-600 B-700 */
	--font-head:'Paddy Mischief', sans-serif;/* B-Bold */
	--font-PaddySans:'Paddy Sans', sans-serif;/* L-300 R-400 M-500 SB-600 B-Bold */
	--font-pre:'Roboto', sans-serif;

	/* Background */
	--bg-overlay:rgba(0, 0, 0, 0.8);

	/* Color */
	--clr-base:var(--color-black);
	--clr-action:var(--color-yellow);
	--clr-white:var(--color-white);
	
	/* Button */
	--primary-btn-bg:var(--color-orange);
	--primary-btn-clr:var(--color-white);
	--secondary-btn-bg:var(--color-green-dark);
	--secondary-btn-clr:var(--color-white);
	--white-btn-bg:var(--color-white);
	--white-btn-clr:var(--color-black);
	--yellow-btn-bg:var(--color-yellow);
	--yellow-btn-clr:var(--color-dark);
	--light-green-btn-bg:var(--color-green);
	--light-green-btn-clr:var(--clr-white);
	--light-orange-btn-bg:var(--color-light-orange);
	--light-orange-btn-clr:var(--clr-white);
	
	--containerWidth:57vmin;
	--modalRadius:14px;


	/*Tab Root*/
	--tab-bg:#f2f2f7;
	--tab-clr:#474752;
	--tab-bdr:#009e51;
	--tab-active-bg:#009e51;
	--tab-active-clr:#ffffff;

	/*Table Root*/
	--th-bg:#006858;
	--th-clr:#ffffff;
	--td-bdr-clr:#d5d5d8;
	--td-user-bg:#f16222;
	--td-user-clr:#ffffff;

	/*View More Root*/
	--view-more-bg:#ffffff;
	--view-more-clr:#009e51;
	--view-more-bdr:#009e51;

	/*Select Root*/
	--select-bg:#ffffff;
	--select-bdr:#888891;
	--select-clr:#000000;

	/* ScrollBar Root */
	--scrollBar-bg:#ededed;
	--scrollBar-clr:var(--color-green);

}
:focus{outline:none;}
html{height:100%;-webkit-text-size-adjust:none;}
body{height:100%;font-size:12px;font-family:var(--font-base);color:var(--clr-base);line-height:normal;touch-action:manipulation;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:url('../images/splash-bg.jpg'), radial-gradient(circle, #009e51 -30%, #006858 80%, #006858 100%);background-size:cover;background-position:center center;}
a{text-decoration:none;color:var(--clr-action);outline:none;cursor:pointer;}
a:hover, a:focus{text-decoration:none;outline:none;}
img{padding:0;margin:0;max-width:100%;border:none;height:auto;}
p{line-height:18px; font-size:13px;color:var(--clr-base);}
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.btn:hover, .btn:focus, .btn.focus{outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;}
html,body{overscroll-behavior:none;}
/*Popup Close Button Animation*/
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms;}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
    0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);}
    60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);}
    75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
    90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}
    to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}

/*HEADING CSS*/
h1, h2, h3, h4, h5, h6, p{font-weight:normal;margin:0;padding:0;display:block;}
h2{ font-size:13px;}

/*LIST CSS*/
ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;}

/*INPUT CSS*/
input:focus{outline:none;}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea, select{float:left;width:100%;background:#fff;padding:10px;color:#333; font-size:20px;border-radius:3px;outline:medium none;height:48px;-webkit-appearance:none;border:0;}
input[type="submit"]{cursor:pointer;-webkit-appearance:none;}

/* Perfect ScrollBar CSS Start */
*{scrollbar-color:var(--scrollBar-clr) auto;}
*::-webkit-scrollbar{width:4px;border-radius:20px;height:8px;}
*::-webkit-scrollbar-track{background:var(--scrollBar-bg);border-radius:20px;}
*::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:4px;height:4px;}

/*NORMAL CSS*/
::selection{background:#0067ab;color:#fff;}
::-moz-selection{background:#0067ab;color:#fff;}
.clearfix{clear:both;}
.link-text{color:var(--color-green);}
.event-none{pointer-events:none;}
.disabled{pointer-events:none;opacity:0.5;}
.hidden{display:none;}
.hide{display:none;}
.d-inline{display:inline-block;}
.block{float:left;width:100%;}

/*BUTTON CSS*/	
.base-btn{float:left;width:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform 0.2s;background:var(--btn-bg);border-radius:4px;line-height:40px;padding:4px 8px 0px;height:44px;}
.base-btn:hover{transform:scale(0.99);}
.btn-text{width:100%;float:left;color:var(--btn-clr);font-size:18px;font-family:var(--font-head);text-transform:uppercase;font-weight:bold;text-align:center;}

.primary-btn{--btn-bg:var(--primary-btn-bg);--btn-clr:var(--primary-btn-clr);}
.primary-btn:hover{--btn-bg:var(--primary-btn-bg);}
.secondary-btn{--btn-bg:var(--secondary-btn-bg);--btn-clr:var(--secondary-btn-clr);}
.secondary-btn:hover{--btn-bg:var(--secondary-btn-bg);}
.white-btn{--btn-bg:var(--white-btn-bg);--btn-clr:var(--white-btn-clr);}
.white-btn:hover{--btn-bg:var(--white-btn-bg);}
.yellow-btn{--btn-bg:var(--yellow-btn-bg);--btn-clr:var(--yellow-btn-clr);}
.yellow-btn:hover{--btn-bg:var(--yellow-btn-bg);}

.light-green-btn{--btn-bg:var(--light-green-btn-bg);--btn-clr:var(--light-green-btn-clr);}
.light-green-btn:hover{--btn-bg:var(--light-green-btn-bg);}

.light-orange-btn{--btn-bg:var(--light-orange-btn-bg);--btn-clr:var(--light-orange-btn-clr);}
.light-orange-btn:hover{--btn-bg:var(--light-orange-btn-bg);}

.button-bar{float:left;width:100%;padding:8px 0px;}
.button-bar-outer{float:left;width:100%;display:flex;grid-gap:10px;}
.button-bar-outer .col{flex:1;}
.button-bar-outer .col .btn{width:100%;}

/*=======LOADER CSS=====*/
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:99;text-align:center;background:rgba(0, 0, 0, 0.6);}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.loading-wrapper.bg-clear{background:none;}
.loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;}
.loading-wrapper.content-relative .page-overlay{height:100%;display:flex;align-items:center;justify-content:center;}
.loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:4px solid var(--color-green);border-color:var(--color-green) transparent var(--color-green) var(--color-green);animation:loader-ring 650ms linear infinite;border-radius:50%;}
@keyframes loader-ring{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
.animate-loader .loader-ring{opacity:0;}
.animate-loader{background:url(../images/loading-animation.webp) no-repeat center, url(../images/splash-main-bg.png) no-repeat center;background-size:cover, cover;background-position: center center, center center;}


/* Common */
.screen-item{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:12;overflow:hidden;overflow-y:auto;}
.screen-outer{float:left;width:100%;display:flex;justify-content:center;height:100%;}
.container{float:left;height:100%;position:relative;width:100%;max-width:var(--containerWidth);}
.btn-row{float:left;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;}
.btn-col{float:left;width:100%;}

/* ############ Splash Page Start ############ */
.splash-wrap .screen-inner{float:left;width:100%;position:relative;min-height:100%;background:url(../images/splash-bg.jpg);background-repeat:no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.splash-block{float:left;width:100%;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;}
.splash-inner{float:left;width:100%;}
.splash-logo{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:18vmin; margin-top:16vmin;}
.brand-logo{float:left;width:100%;max-width:80%;}
.brand-logo img{float:left;width:100%;transform:scale(1);}

.snowball-wrap{float:left;width:100%;position:relative;z-index:1;}
.snowball-block{float:left;width:100%;position:relative;}
.snowball-figure{float:left;width:100%;position:relative;z-index:3;}
.snowball-figure img{float:left;width:100%;}

.santa-figure{position:absolute;top:0px;left:0px;right:0px;z-index:2;}
.santa-highlight{position:absolute;top:0px;left:0px;right:0px;z-index:1;}

.game-actions{float:left;width:100%;display:flex;justify-content:center;flex-direction:column;padding:0px 14px;align-items:center;position:relative;z-index:4;}
.game-actions .btn-row{max-width:365px;}
.logout-game-actions .btn-row{gap:6px;}
.login-game-actions{min-height:180px;}

.remain-game{float:left;width:100%;display:flex;justify-content:center;padding-top:14px;}
.remain-game-inner{float:left;width:100%;margin-top:10px;max-width:365px;}
.remain-card{float:left;width:100%;}
.remain-card-inner{float:left;width:100%;}
.remain-head{float:left;width:100%;text-align:center;color:var(--clr-white);font-family:var(--font-head);font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom:8px;}
.remain-text{float:left;width:100%;text-align:center;color:var(--clr-white);font-family:var(--font-head);font-size:14px;font-weight:bold;text-transform:uppercase;}
.remain-text .link-text{text-decoration:underline;}

.go-back-block{position:absolute;left:14px;top:12px;float:left;z-index:4;}
.go-back-link{float:left;width:32px;height:32px;padding:4px;display:inline-flex;justify-content:center;align-items:center;}
.go-back-link img{float:left;width:100%;}

.logout-item{position:absolute;right:14px;top:12px;float:left;z-index:4;}
.logout-item .base-btn{font-size:14px;width:84px;height:34px;line-height:34px;}
.logout-item .base-btn .btn-text{font-size:14px;}

/* == Powered By Start == */
.powered-by-block{float:left;width:100%;display:flex;justify-content:center;align-items:flex-end;height:48px;padding:6px 2px;}
.powered-footer{float:left;width:100%;}
.powered-text{ float:left;width:100%;text-align:center;font-size:13px;margin-bottom:5px;font-weight:400;color:#fefefe;}
.powered-figure-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;grid-gap:5px;}
.pp-figure{float:left;width:76px;}
.pp-figure img{float:left;width:100%} 
.gtg-figure{float:left;width:124px;}
.gtg-figure img{float:left;width:100%} 
/*==Powered By End==*/

/* ############ Splash Page End ############ */

/* Modal Comman  */
.main-section{float:left;width:100%;min-height:100dvh;position:relative;}
.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:none;display:none;overflow:hidden;padding:0px;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:0px 12px;overflow:hidden;}
.modal-contenier-outer{float:left;width:100%;display:flex;justify-content:center;padding:0px;}
.modal-overlay{position:fixed;top:0;left:0;z-index:-1;float:left;height:100dvh;width:100%;cursor:pointer;background:var(--bg-overlay); margin:auto; left:0; right:0;}
.modal-info{z-index:1;position:relative;float:left;width:100%;overflow:inherit;max-width:calc(var(--containerWidth) - 10vmin);}
.modal-body{float:left;width:100%;position:relative;z-index:2;background:var(--color-white);border-radius:var(--modalRadius);}
.modal-bg-head{float:left;width:100%;margin-top:-1px;border-radius:var(--modalRadius) var(--modalRadius) 0px 0px;background:url('../images/how-to-screen/modal-header-bg.webp');background-size:cover;background-position:bottom center;padding:32px 8px;background-repeat:no-repeat;}
.modal-head{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;margin:0px;}
.modal-head-title{color:var(--color-white);font-size:24px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;padding:0px;font-family:var(--font-head);}
.modal-content{float:left;width:100%;display:flex;justify-content:center;flex:1;}

/* ############ How To Start ############ */
.how-to-modal .modal-bg-head{padding:28px 10px;}
.modal-outer{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:none;display:none;overflow:hidden;padding:0px;}
.how-to-info{display:flex;flex-direction:column;justify-content:space-around;background:none;padding:0;}
.how-to-warp{float:left;width:100%;display:flex;padding:0px;}
.how-cardouter{position:relative;float:left;width:100%;display:flex;flex-direction:column;}
.howto-inner{float:left;width:100%;}
.ht-content{float:left;width:100%;padding:16px 20px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
.ht-item{float:left;width:100%;padding:0px;display:flex;align-items:flex-start;gap:4px;}
.ht-text{float:left;flex:1;padding:0px 0.4vmin 0 0.7vmin;color:var(--color-black);line-height:1.15em;font-size:16px;font-weight:500; font-family:var(--font-PaddySans);}
.ht-icon{float:left;width:14px;min-width:14px;position:relative;top:3px;left:2px;}
.ht-icon-figure{float:left;width:100%;}
.ht-icon-figure img{float:left;width:100%;}

.ht-item + .ht-item{padding-top:10px;}

.ht-image{float:left;width:100%;display:flex;align-items:center;justify-content:center;padding:10px 38px 38px;}
.image-block{float:left;width:100%;position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--color-green);}

.ht-label{font-size:14px; text-transform:uppercase;}
.how-to-info-content .ht-text:not(.ht-label){font-size:13px; font-weight:normal;}
.how-to-info-content .ht-text .link-text{font-weight:500; text-decoration:underline;}
.how-to-info-content .ht-content{padding:14px 20px 18px;}
.how-to-info-content .ht-item + .ht-item{padding-top:2px;}

.jackpot-dates{float:left; width:100%;}
.jackpot-date-list{float:left; width:100%; border-radius:8px; background:#f2f2f7; padding:6px 10px;}
.jackpot-date{float:left; width:100%; font-size:14px; font-weight:600; font-family:var(--font-base);}
.jackpot-date + .jackpot-date{padding-top:4px;}

.over-image{position:absolute;left:0px;top:0px;}
.img-figure{float:left;width:100%;}
.img-figure img{float:left;width:100%;}
.target-listing{float:left;width:100%;background:var(--color-dark-green-gradient);padding:0px;}
.target-list-item{float:left;width:100%;}
.item-inner{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 8px;position:relative;}
.target-left{float:left;flex:1;display:inline-flex;gap:8px;align-items:center;}
.target-icon{float:left; --icon-size:130px; width:var(--icon-size);min-width:var(--icon-size); margin-left:-16px;}

.target-ht-image .target-detail:first-child .target-icon{transform:scale(1.1);}

.target-figure{float:left;width:100%;position:relative;}
.target-figure img{float:left;width:100%;position:relative;z-index:1;}
.target-text{color:var(--color-white);font-size:20px;font-weight:bold;text-transform:uppercase;font-family:var(--font-head);}
.target-right{float:right;width:auto; text-align:center;}
.target-points{float:left;width:100%;text-align:right;padding-top:16px;}
.target-points span{color:var(--color-yellow);font-size:22px;font-weight:bold;text-transform:uppercase;font-family:var(--font-head);}
.target-icon .target-figure{filter:drop-shadow(0px 0px 8px rgba(65, 187, 70, 1)) drop-shadow(0px 0px 8px rgba(65, 187, 70, 0.5));}

.target-detail .item-inner{padding:10px 30px 10px 0px;}
.target-ht-image{flex-direction:column; gap:10px;}

.item-inner:after{background:linear-gradient(90deg, transparent 0%, var(--color-white) 50%, transparent 100%);opacity:0.4;position:absolute;content:'';height:1px;top:100%;left:8%;right:8%;}
.target-list-item:last-child .item-inner:after{display:none;}

.howto-button-bar{padding:10px 0vmin 10px;}
.howto-button-bar .button-bar-outer{justify-content:center;}
.howto-button-bar .button-bar-outer .col{max-width:50%;}

.mob-item{display:none !important;}
.desk-item{display:block !important;}
/* ############ How To End ############ */


/* Congratulations CSS Start */
.congratulations-block{float:left;width:100%;border-radius:var(--modalRadius);}
.congratulations-head{flex-direction:column;}
.congratulations-head-title{float:left;width:100%;}
.congratulations-title{color:var(--color-white);font-size:22px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;padding:0px;font-family:var(--font-head);}
.congratulations-title-pre{color:var(--color-yellow);font-size:29px;padding-top:6px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;font-family:var(--font-head);}
.points-warp{float:left;width:100%;padding:16px 20px 5px;}
.points-head{float:left;width:100%;margin:0px 0px 10px;}
.points-title{float:left;width:100%;font-size:22px;font-weight:bold;line-height:1.2em;text-align:center; font-family:var(--font-head); text-transform:uppercase;}
.points-value{float:left;width:100%;font-size:38px; color:#006858; font-family:var(--font-head); font-weight:bold;line-height:1.2em;text-align:center; text-transform:uppercase;}
.points-block{float:left;width:100%;}
.points-list{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:14px;}
.points-list-item{float:left;border-radius:15px;--icon-size:98px;aspect-ratio:1;width:var(--icon-size);background:radial-gradient(circle at center, rgba(69,155,88,0.99) 0%, rgba(69,155,88,0.99) 13%, rgba(43,102,88,0.99) 100%);}
.points-ticket-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;padding:14px;}
.points-ticket-icon{float:left;width:100%;filter:drop-shadow(0 0 10px rgba(248, 228, 76, 0.5));}
.points-ticket-icon img{float:left;width:100%;}

.modal-bg{position:relative;background:url(../images/congratulations/modal-content-bg.webp) no-repeat center;background-size:cover;border-radius:var(--modalRadius);}
.modal-bg::after{position:absolute;content:'';top:auto;right:0;bottom:0;left:0;background:var(--color-white);height:54px;border-radius:0 0 var(--modalRadius) var(--modalRadius);clip-path:polygon(0 0%, 100% calc(100% - 24px), 100% 100%, 0% 100%);}

.ticket-content{ min-height:360px;}
.ticket-warp{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.ticket-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.ticket-icon{float:left;width:100%;max-width:320px;position:relative;}
.ticket-icon:before{position:absolute;left:16%;right:12%;top:30%;bottom:30%;background:var(--color-yellow);content:'';filter:blur(30px);opacity:1;border-radius:50%;}
.ticket-icon img{float:left;width:100%;position:relative;z-index:1;}

/* .won-info{min-height:200px;} */
.modal-bg .modal-bg-head{background:none;}
.won-info-block{float:left;width:100%;}
.won-title{color:var(--color-white);font-size:30px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;padding:0px;font-family:var(--font-head);}
.ticket-won-block{float:left;width:100%;position:relative;z-index:2;display:flex;justify-content:center;align-items:center;margin-bottom:20px; position:relative;}
.ticket-won-icon{float:left;width:100%;max-width:257px;position:relative;}
/* .ticket-won-icon:before{position:absolute;left:6%;right:6%;top:-10%;bottom:-10%;background:var(--color-yellow);content:'';border-radius:50%;filter:blur(30px);} */
.ticket-won-icon img{float:left;width:100%;position:relative;z-index:1;}
.ticket-won-label{float:left;width:100%; position:absolute;top:auto;right:auto;bottom:auto;left:auto;color:#5e560d;font-size:70px;font-weight:bold;text-transform:uppercase;line-height:1.2em;text-align:center;font-family:var(--font-head);padding-top:10px;z-index:1;}
.won-ticket-warp{padding:40px 0 60px;position:relative; margin-bottom:-15px;}
.won-ticket-warp::after{position:absolute;content:'';top:auto;right:auto;bottom:auto;left:auto;height:100%;width:100%;z-index:1;background:url('../images/congratulations/won-ticket-particles.webp') no-repeat center center;background-size:auto 100%;}
.won-ticket-warp::before{position:absolute;content:'';top:auto;right:auto;bottom:auto;left:auto;height:100%;width:100%;z-index:1;background:url('../images/congratulations/won-ticket-icons.webp') no-repeat center center;background-size:auto 80%;}

.wonder-heading{float:left;width:100%;text-align:center;font-size:14px;font-weight:bold;font-family:var(--font-head);color:var(--color-white);margin-bottom:16px;}
.wonder-flex-block{float:left;width:100%;}
.wonder-flex{float:left;width:100%;display:flex;justify-content:space-between;gap:8px;}
.wonder-col{float:left;flex:1;}
.wonder-card{float:left;width:100%;background:linear-gradient( 0deg, rgba(10,35,34,1) 0%, rgb(10,35,34) 13%, rgb(43,102,89) 100%);padding:8px 6px 4px;border:2px solid #3a774b;border-radius:4px;box-shadow:0px 6px 0px #3a774b, 0px 0px 8px rgba(0, 0, 0, 0.6) inset;}
.wonder-thumbnail-block .wonder-card{padding:0px!important;}
.wonder-thumbnail-block .wonder-card .wonder-figure img{border-radius:4px 4px 2px 2px;}

.prize-ticket-block{float:left;width:100%;margin-bottom:-10px;}
.prize-ticket{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.prize-ticket-card{float:left;max-width:100%;width:auto;}
.prize-ticket-bar{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:4px;background:#f2ea0f;padding:2px 20px 0px;min-height:29px;border-radius:4px 4px 0px 0px;}
.prize-ticket-icon{float:left;width:24px;min-width:24px;}
.prize-ticket-icon img{float:left;width:100%;}
.prize-ticket-text{font-size:14px;color:#004833;font-family: var(--font-head);padding-top:2px;}

.played-text-block{float:left;width:100%;border-radius:6px;box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.42);background-color:rgba(0, 72, 51, 0.55);
  border: 2px solid rgba(98, 187, 70, 1);padding:10px 0px;}
.played-text{float:left;width:100%;text-align:center;font-size:18px;color:var(--color-white);font-family: var(--font-head);line-height:1.3em;}
.played-text span{display:block;text-align:center;color:var(--color-yellow);}

.balance-block{float:left;width:100%;position:relative;z-index:1; height:64px; display:flex; align-items:flex-end;  justify-content:center;}
.balance-text { float: left; width: 100%; text-align: center; font-size: 13px; line-height:1.5em; color:var(--color-black); margin: 8px 0; font-family: var(--font-PaddySans); font-weight:500;}
.congrats-button-bar,.game-over-button-bar{margin-top:0px;}
.daliyprize-button-bar{padding-top:10px;}
.congrats-button-bar,.game-over-button-bar, .daliyprize-button-bar .btn-text{white-space:nowrap;}

.come-back-wonder-block{float:left;width:100%;margin-top:6px;}
.come-back-wonder-inner{float:left;width:100%;}

.btn-col .come-back-block{margin-top:-46px; margin-bottom:6px;}
.come-back-block{float:left;width:100%;}
.come-back-inner{float:left;width:100%;background:var(--color-dark-green);padding:10px 0px 8px;border:2px solid var(--color-green);border-radius:4px;box-shadow:0px 6px 0px var(--color-green), 0px 0px 8px rgba(0, 0, 0, 0.6) inset;}
.come-back-title{float:left;width:100%;text-align:center;color:var(--color-white);font-size:14px;text-transform:uppercase;font-weight:bold;font-family:var(--font-head);margin-bottom:6px;}

.draw-block{float:left;width:100%;}
.draw-inner{float:left;width:100%;}
.draw-text{float:left;width:100%;text-align:center;color:var(--color-white);font-size:20px;font-family:var(--font-PaddySans);font-weight:400;}
.draw-text span{float:left;width:100%;text-align:center;color:var(--color-yellow);font-weight:600;font-family:'Paddy Sans Semi';}

.countdown-box{float:left;width:100%;display:flex;justify-content:center;flex-wrap:wrap;padding:0;}
.countdown-row{float:left;width:100%;display:flex;justify-content:center;gap:6px;}
.count-col{float:left;width:55px;overflow:hidden;background:var(--color-white);border-radius:4px;font-family:var(--font-head);}
.count-value{float:left;width:100%;text-align:center;color:var(--color-dark-green);font-size:16px;text-transform:uppercase;padding:2px 2px 0px;line-height:normal;font-weight:bold;min-height:24px;display:inline-flex;justify-content:center;align-items:center;}
.count-label{float:left;width:100%;text-align:center;color:var(--color-white);font-size:11px;text-transform:uppercase;padding:2px 2px 0px;line-height:normal;font-weight:bold;min-height:20px;display:inline-flex;justify-content:center;align-items:center;background:var(--color-green);}

.wonder-wonder-block{float:left;width:100%;margin-top:10px;}
.wonder-inner{float:left;width:100%;}
.wonder-figure{float:left;width:100%;}
.wonder-figure img{float:left;width:100%;}

.prize-info{min-height:200px;}
.prize-info .modal-bg-head{background:none;padding-bottom:16px;}
.prize-content{flex-direction:column;}
.prize-ticket-warp{padding:44px 0 74px;position:relative;z-index:0;}
.prize-ticket-warp::after{position:absolute;content:'';top:auto;right:auto;bottom:auto;left:auto;height:100%;width:100%;z-index:1;background:url('../images/congratulations/prize-ticket-particles.webp') no-repeat bottom center;background-size:auto 100%;}
.prize-ticket-warp .ticket-icon{max-width:160px;filter:drop-shadow(0px 0px 25px var(--color-yellow)) drop-shadow(0px 0px 25px var(--color-yellow));}
.prize-ticket-warp .ticket-icon:before{display:none;}
.ticket-prize-block{float:left;width:100%;position:relative;z-index:2;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.ticket-prize-icon{float:left;width:100%;max-width:256px;}
.ticket-prize-icon img{float:left;width:100%;}

.prize-title{color:var(--color-yellow);float:left;width:100%;text-align:center;font-size:34px;font-weight:bold;font-family:var(--font-head);}
.prize-title-pre{color:var(--color-white);float:left;width:100%;text-align:center;font-size:18px;font-family:var(--font-PaddySans);text-wrap:balance;margin-top:6px;line-height:1.25em;font-weight:500;}
.prize-title-pre span{color:var(--color-yellow);font-weight:600;text-transform:uppercase;display:block;}

.next-draw-block{float:left;width:100%;padding:0px 26px;position:relative;z-index:1;}
.next-draw-inner{float:left;width:100%;border:1px solid rgba(248, 228, 76, 0.5);border-radius:10px;background-image:linear-gradient(
360deg, transparent 0%, rgba(255, 255, 255, 0.5) 100%);}
.next-draw-text{float:left;width:100%;text-align:center;color:var(--color-white);font-size:14px;font-weight:bold;font-family:var(--font-head);height:42px;display:flex;justify-content:center;align-items:center;}

.terms-cond-block{float:left;width:100%;text-align:center;padding-top:4px;}
.terms-cond-link{display:inline-block;color:var(--color-white);text-decoration:underline!important;font-size:14px;font-weight:500;font-family:var(--font-PaddySans);
position:relative;z-index:1;}

/* Congratulations CSS End */
.cash-prize .modal-bg-head{padding:30px 10px 8px;}
.ticket-prize .modal-bg-head{padding:20px 10px 8px;}
.cash-prize .modal-bg::after{height:80px; clip-path: polygon(0 0%, 100% calc(100% - 50px), 100% 100%, 0% 100%);}


/* Summary CSS Start */
.ticket-info .modal-body{background:none;}
.summary-info .modal-body{background:none;}

.summary-block .modal-bg-head{padding:32px 14px 24px;background-image:url('../images/modal-summary-bg.webp');}

.summary-block{float:left;width:100%;border-radius:var(--modalRadius);background:var(--color-white);}
.summary-head{flex-direction:column;}
.summary-head-title{float:left;width:100%;}
.summary-title{color:var(--color-white);font-size:36px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;padding:0px;font-family:var(--font-head);}


.summary-warp{float:left;width:100%;padding:24px 20px 20px;}
.summary-flex{float:left;width:100%;display:flex;justify-content:center;gap:16px;align-items:center;margin:12px 0px;}
.summary-icon{float:left;width:36px;min-width:36px;}
.summary-lives-label{float:left;font-size:28px;font-weight:bold;text-transform:uppercase;line-height:1.2em;font-family:var(--font-head);}

.result-block{float:left;width:100%;margin:4px 0px 8px;display:flex;justify-content:center;}
.result-flex-bar{float:left;width:100%;max-width:280px;display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-radius:10px;box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.84); background-image:linear-gradient( 0deg, rgb(0,104,88) 0%, rgb(0,72,51) 87%, rgba(0,72,51,1) 100%);border:2px solid rgb(98, 187, 70);min-height:48px;}
.result-left span,
.result-right span{font-size:18px;font-weight:bold;text-transform:uppercase;line-height:1.2em;font-family:var(--font-head);padding-top:6px;color:#ffffff;float:left;width:100%;}
.result-right span{font-size:22px;}

/* Suspended Modal */
.suspended-modal .modal-body{padding:20px 16px;float:left;width:100%;}
.suspended-pre{float:left;width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:1.3em;font-weight:600;font-family:var(--font-base);}
.suspended-modal .highlight{color:var(--color-green);text-decoration:underline;}
.suspended-modal .button-bar{text-align:center;padding:14px 0 0;}

/* Game Over  */
.over-collected-block{float:left; width:100%; margin-bottom:4px;}
.over-collected-inner{float:left; width:100%; display:flex; align-items:stretch; background:#f2f2f7; border-radius:3px;}
.collected-left{float:left; flex:1;}
.collected-text{float:left;width:100%;font-size:14px;font-weight:bold;line-height:1.6em; padding:14px 15px 8px; color:var(--clr-base); font-family:var(--font-head); text-transform:uppercase;}
.collected-right{float:right; width:100px; display:flex; justify-content:flex-end; align-items:center;}
.collected-value{float:left; width:auto; font-size:32px;font-weight:bold;line-height:1.2em;text-align:center; padding-top:6px; color:var(--color-white); font-family:var(--font-head); text-transform:uppercase;}
.collected-icon{float:left; width:100%; --icon-size:50px; min-width:var(--icon-size); max-width:var(--icon-size); display:flex; justify-content:center; align-items:center;}
.collected-icon img{float:left; width:100%;}


/* Pick Runner CSS  Start */
.modal-content-warp{float:left; width:100%;}
.modal-content-cardouter{float:left; width:100%;}
.modal-content-inner{float:left; width:100%; padding:0 24px 24px;}
.pick-runner-block{float:left; width:100%; padding-top:24px;}
.pick-runner-inner{float:left; width:100%; display:flex; align-items:center; justify-content:center; gap:8px;}
.pick-runner{float:left;width:100%;position:relative; overflow:hidden; display:flex; flex-direction:column; cursor:pointer; justify-content:center; align-items:center; background:var(--clr-white); border:2px solid var(--color-green-dark); border-radius:10px;}
.picker-outer{float:left; width:100%; padding:10px; display:flex; justify-content:center; align-items:center; clip-path:polygon(0 0, 100% 0, 100% 95%, 0% 100%); background:radial-gradient(circle at bottom, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.99) 8%, rgba(213,213,215,0.99) 93%, rgba(213,213,215,0.99) 70%); position:relative;}
.picker{float:left; width:100%; max-width:110px;}
.picker img{float:left; width:100%;}
.pick-runner.active{border-color:var(--color-green); filter:drop-shadow(0px 2px 6px rgba(71,71,82,0.43));}
.pick-runner.active .picker-outer{background:radial-gradient(circle at bottom, rgba(0,158,81,0.99) 0%, rgba(0,157,81,0.99) 13%, rgba(0,104,88,0.99) 70%); border-color:var(--color-green);}
.pick-me-block{float:left; width:100%; background:var(--color-white); text-align:center; display:flex; justify-content:center; align-items:center; gap:4px; padding:2px 0 4px; position:relative;}
.pick-me-block::before{position:absolute; content:''; top:-8px; left:0; right:0; height:2px; width:100%; background:var(--color-green-dark); transform:rotate(-5deg);}
.pick-me-text{float:left;width:auto; padding:0px 0.2vmin;text-align:center;color:var(--color-dark); font-family:var(--font-head); line-height:normal;font-size:13px;font-weight:700;text-transform:uppercase;}
.pick-check{float:left; width:18px; height:18px; border:2px solid var(--color-dark); border-radius:50%; position:relative;}
.pick-runner.active .pick-me-block::before{background-color:var(--color-dark-green);}
.pick-runner.active .pick-check{background:#006858; border-color:#006858;}
.pick-runner.active .pick-check::before{position:absolute; content:''; display:flex; justify-content:center; top:-1px; left:4px; align-items:center; width:5px; height:10px; border-right: 2px solid var(--clr-white); border-bottom: 2px solid var(--clr-white); transform: rotate(45deg);}
.modal-content-inner .ht-content{padding-bottom:0;}
.pick-runner-button-bar{padding:24px 0 0;}
/* Pick Runner CSS  End */

/* Leaderboard CSS  Start */
.leaderboard-content{float:left; width:100%;}
.leaderboard-content-inner{float:left; width:100%;}
.leaderboard-modal .how-to-close-modal{margin-top:10px;}
/* Table CSS */
.table-wrap{float:left;width:100%; padding:0 10px 24px;}
.table-block{float:left;width:100%;}
.table-outer{float:left;width:100%;position:relative; max-height:40dvh; overflow:auto;}
.table-container{float:left;width:100%;}
.base-table{width:100%;white-space:nowrap;border-spacing:0;margin:0;padding:0;font-weight:normal;}
.base-table tr{position:relative;overflow:hidden;width:100%;} 
.base-table th{position:sticky; top:0; z-index:1; color:var(--th-clr);background:var(--th-bg);font-size:12px;padding:6px 10px; height:27px; line-height:15px;text-align:left;font-weight:500; font-family:var(--font-base);}
.base-table td{color:var(--color-black);font-size:14px;padding:6px 10px;line-height:17px;text-align:left;font-weight:500;border-bottom:1px solid var(--td-bdr-clr); font-family:var(--font-base);}

/* Tabs Css */
.content-tabs{float:left;width:100%;}
.tabs-container{float:left; width:100%;}
.tab-content{float:left;width:100%;display:none;}
.tabs-bar{float:left;width:100%;}
.tabs-outer{float:left;width:100%;}
.tabs-nav{float:left;width:100%;display:flex;grid-gap:0px;border-radius:4px;border:1px solid var(--tab-bdr);margin:0px;padding:0px;overflow:hidden;}
.tabs-nav li{flex:1;text-align:center;list-style:none;}
.tabs-nav li a{display:block;background:var(--tab-bg);color:var(--tab-clr);font-size:14px;font-weight:700;padding-top:4px; text-transform:uppercase; font-family:var(--font-head); line-height:27px;position:relative;overflow:hidden; text-decoration:none;}
.tabs-nav li.active a{background:var(--tab-active-bg);color:var(--tab-active-clr);}

/*View More Css*/
.view-more{float:left;width:100%;text-align:center;cursor:pointer; padding:0 10px; margin-top:10px;}
.view-more .btn,
.view-more a{float:left;width:100%;display:flex;align-items:center;justify-content:center;background:var(--view-more-bg);color:var(--view-more-clr);border-radius:5px; border:1px solid var(--view-more-bdr);font-weight:600;font-size:14px;text-transform:none;grid-gap:8px;min-height:36px;text-decoration:none; font-family:var(--font-base); text-transform:uppercase;}
.view-more a .icon{font-size:13px;}
.icon-arrow-down{ --icon-size:8px; width:var(--icon-size);height:var(--icon-size); border-right: 2px solid var(--color-green-dark); margin-top:-4px; border-bottom: 2px solid var(--color-green-dark); transform: rotate(45deg);}/* Leaderboard CSS  Start */

/* Select Start*/
.input-group{float:left;width:100%;position:relative;}
.form-group { float: left; width: 100%; position: relative; }
.form-control { float: left; width: 100%; font-size: 16px; outline: medium none; height: 48px; color: var(--clr-base); border: 2px solid var(--td-bdr-clr); background: #ffffff; line-height: 44px; padding: 0 10px; transition: all 0.4s ease 0s; border-radius: 6px; font-family:var(--font-pre)}
input.form-control{ float: left; width: 100%; font-size: 16px; outline: medium none; height: 48px; color: var(--clr-base); border: 2px solid var(--td-bdr-clr); background: #ffffff; line-height: 44px; padding: 0 10px; transition: all 0.4s ease 0s; border-radius: 6px; font-family:var(--font-pre)}
input.form-control::placeholder{color:#888891;}
.form-control:focus { outline: none; transition: all 0.3s ease 0s; }
.invalid-feedback { float: left; width: 100%; font-size: 10px; color:#ffffff;background: #f90316;border-radius:3px;padding:3px 4px;}
.valid-feedback { float: left; width: 100%; font-size: 10px; color: var(--color-yellow); }
.valid-feedback,.invalid-feedback{position:absolute; top:calc(100% + 2px); line-height:normal; font-weight:500;font-family:var(--font-pre);}

.select-option-group::after { content: ""; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid var(--color-dark); pointer-events: none; z-index: 1;}
.select-value{float:left;width:100%;font-size:13px;font-weight:500; white-space:nowrap; font-family:var(--font-PaddySans); color:var(--color-black); outline:medium none;height:33px;border:1px solid var(--select-bdr);background:var(--select-bg); line-height:1.1em;padding:0px 18px 0 6px;border-radius:4px;position:relative;display:flex;align-items:center; }
.select-option-group select{border:0;font-size:14px;padding:0px 12px;height:100%;background:none;position:absolute;top:0;left:0;z-index:1;color:rgba(0, 0, 0, 0);cursor:pointer;float:left;width:100%;}
.select-option-group select option{color:var(--select-clr);cursor:pointer;background:none;border:0;}

.leader-tabs-block{float:left;width:100%; padding:26px 10px 14px; }
.leader-tabs-flex{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;}
.leader-tabs-flex .form-filter{float:right;min-width:90px;}

/*Leader Table CSS*/
.leader-table .table-block{border-top:1px solid #e5e5e5; padding-top:10px;}
.leader-table .base-table tr:last-child td{border-bottom:none;}
.leader-table .user-rank td{color:var(--td-user-clr);background:var(--td-user-bg);border-color:var(--td-user-bg);position:sticky; top:27px; z-index:1;}
.leader-table .rank-td{min-width:62px;width:62px; padding-right:0;}
.leader-table .score-td{min-width:70px;width:70px; text-align:left;}

.table-block-inner{float:left;width:100%;position:relative;}
.user-score-box{display:flex;align-items:center;justify-content:flex-start;gap:4px;}
.user-score,
.info-leaderboard{float:left;}
.info-leaderboard{width:18px;min-width:18px;position:relative;display:flex;justify-content:center;cursor:pointer;}
.info-leaderboard img{float:left;width:100%;}

.user-tooltip-block{position:absolute;right:0px;z-index:2;display:none;width:100%;height:1px;top:24px;}
.user-tooltip-outer{background:#39393d;color:#ffffff;float:left;padding:12px 18px;border-radius:6px;width:100%;text-align:left;position:absolute;bottom:0px;}
.user-tooltip-inner{float:left;width:100%;}
.user-tooltip-text{float:left;width:100%;line-height:18px;font-size:14px;font-family:var(--font-PaddySans);font-weight:500;}

.info-leaderboard:after{position:absolute;bottom:calc(100% + 1px);margin:0 auto;content:'';z-index:2;opacity:0;transition:all 0.3s ease 0s;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #39393d;border-bottom:none;}

.show-tooltip .info-leaderboard:after{opacity:1;}
.show-tooltip .user-tooltip-block{display:block;}

.leader-title-head{float:left; flex:1;}
.leader-title{float:left; width:100%;}
.leader-label{float:left;flex:1;padding:0px 0.2vmin;color:var(--color-black);line-height:1.15em;font-size:14px;font-weight:500; font-family:var(--font-PaddySans);}
.leader-label-pre{float:left;flex:1;padding:0.4vmin 0.2vmin 0;color:var(--color-black);line-height:1.15em;font-size:12px;font-weight:500;font-family:var(--font-PaddySans);}
.leader-table-block{float:left; width:100%;}
.leader-table-block .leader-label-pre{flex:none;;}
.leader-table-block .leader-label-pre:first-child{margin-bottom:12px;}
.last-updated-label{color:var(--color-dark); font-weight:normal; float:left; width:100%; margin:2px 0 6px;}

.nickname-modal .modal-contenier{padding:0px 8px;}
.nickname-modal .nickname-modal-bottom{padding:4px 10px 12px;}
.nickname-content{float:left; width:100%;}
.nickname-modal-bottom{padding:4px 14px 16px;float:left;width:100%;}
.nickname-submit-button{margin-top:0;}

.nickname-modal .loader-ring{--color-green:var(--color-green-dark);}

.modal-title-left{float:left; width:100%; text-align:left; margin-bottom:6px;}
.modal-title{float:left;flex:1;padding:0px 0.2vmin;text-align:center;color:var(--color-dark);line-height:1.15em;font-size:16px;font-weight:700;text-transform:uppercase; font-family:var(--font-head);}
.nickname-form {float:left;width:100%;}
.form-block{float:left;width:100%;margin-bottom:24px; position:relative;}
.form-block .form-group{margin:0px;}
.nickname-button-block{float:left;width:100%;}
.nickname-button-block .button-bar{padding-bottom:0px;}
.control-alert{position:absolute; top:0; right:10px; bottom:0; display:flex; justify-content:center; align-items:center;}
.control-alert .loader-ring{width:24px; height:24px; border-width:3px;}

/* logo in nickname popup */
.nickname-info .modal-bg-head{padding:2.4vmin 0.8vmin;}
.modal-head-logo{float:left; width:100%; max-width:250px;}
.modal-head-logo img{float:left; width:100%;}

.nickname-info .modal-body{background:radial-gradient(circle at center, rgba(0,157,81,0.99) 0%, rgba(0,157,81,0.99) 13%, rgba(0,103,87,0.99) 100%); overflow:hidden;}
.nickname-info .modal-title-left{text-align:center;}
.nickname-info .modal-title{text-align:left;font-size:20px; color:var(--color-white); width:100%;}
.modal-head-player{float:left; width:100%; padding:10px 0 40px; margin-bottom:-40px; display:flex; justify-content:center; align-items:center; position:relative;}
.modal-head-player::before{position:absolute; content:''; top:0; left:0; height:100%; width:100%; background:url('../images/sunburst-bg.png') no-repeat center; background-size:100% 100%; pointer-events:none; z-index:-1;}
.modal-player{float:left; width:100%; max-width:150px; filter:drop-shadow(0 0 8px rgba(65, 187, 70, 0.8));}
.modal-player img{float:left; width:100%;}

.no-data-title{text-align:center;font-size:16px; color: var(--color-dark); font-family:var(--font-head); text-transform:uppercase; min-height:80px; padding-top:22px; line-height:1em; display:flex; justify-content:center; align-items:center;}


/* Progress loader CSS Start */
.progress-collect-block{float:left; width:100%; display:flex; justify-content:center; align-items:center; padding:0 14px;}
.progress-collect-inner{float:left; width:100%; display:flex; gap:6px; padding:5px 0; align-items:stretch; justify-content:space-between; max-width:365px;}
.progress-loader-inner{float:left; flex:1; height:100%;}
.progress-loader{float:left; width:100%; border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(0,72,51,0.85); box-shadow:inset 0px 1px 2.5px rgba(1,219,113,0.5); border: 2px solid var(--color-green-dark);}
.progress-load-top{float:left; width:100%; text-align:center; padding:8px 0 6px;}
.progress-load-title{float:left; width:100%; font-size:13px; letter-spacing:0px; color:var(--color-white); font-family:var(--font-head); text-transform:uppercase;}
.progress-load-bottom{float:left; width:100%;}
.progress-load-bottom-inner{float:left; width:100%; padding:0 6px 8px 18px;}
.progress-load-card{float:left; width:100%; position:relative; padding:5px 0 5px 12px; display:flex; align-items:center; background:rgba(0,0,0,0.67); border-radius:5px;}
.progress-load-figures{position:relative; flex:1; overflow:hidden; border-radius:0 12px 12px 0;}
.progress-loader-fill {position: absolute;top: 0;left: 0;height: 100%; transition: width 0.3s ease; z-index:1; max-width:100%; min-width:20px; width:var(--width); padding:2px 2px 2px 4px;}
.progress-loader-fill img {width:100%; height: 100%;display: block; border-radius:25px; }
.progress-loader-fill::after{position:absolute; content:''; top:0; right:-4px; height:26px; width:24px; background:url('../images/progress-fill-stars.png') no-repeat center; background-size:100% 100%;}
.progress-load-figures[style*="100%"] .progress-loader-fill::after {display: none;}
.progress-load-figures[style*="--width: 0%"] .progress-loader-fill,
.progress-load-figures[style*="--width:0%"] .progress-loader-fill{display:none;} 

.progress-loader-bg{float:left; width:100%; height:100%;}
.progress-loader-bg img{float:left; width:100%; height:100%;}
.progress-max-points{float:right; min-width:40px; text-align:center; padding:2px 6px 0 4px; font-size:13px; color:var(--color-yellow); font-weight:700; font-family:var(--font-head);}
.progress-points-count{float:left; width:auto; position:absolute; left:max(30px, calc(var(--width) + 8px)); transition: left 0.3s ease; padding-top:2px; height:100%; z-index:3; display:flex; justify-content:center; align-items:center; text-align:center; font-size:13px; color:var(--color-white); font-family:'Modesto Poster';}
.progress-pre-icon{float:left; width:40px; position:absolute; left:-14px; bottom:0; z-index:2;}
.progress-pre-icon img{float:left; width:100%;}
.progress-load-figures.left .progress-points-count{left:auto; right:calc(100% - var(--width) + 16px);transition: right 0.3s ease;}

.process-bar-outer{float:left;width:100%;padding:1px;background:linear-gradient(105deg, #c4a550 0%, #c4a550 20%, #fffdc4 26%, #c4a550 32%, #c4a550 38%, #fffdc4 44%, #c4a550 50%, #c4a550 56%, #fffdc4 62%, #c4a550 68%, #c4a550 74%, #fad574 80%, #fad574 86%, #c4a550 92%, #c4a550 100%);border-radius:14px;}
.process-bar-inner{float:left;width:100%;background:#000000;border-radius:13px; position:relative;}
.process-bar-inner::after{position:absolute; content:''; top:2px; right:4px; background:url('../images/loader-dot-effect.webp') no-repeat center; width:11px; height:7px; background-size:auto 100%;}
.process-bar{ float:left;width:100%; height:24px;border-radius:12px; position:relative; background:linear-gradient( 0deg, rgba(70,70,70,0.3) 0%, rgba(35,103,71,0.49) 20%, rgba(0,136,71,0.56) 31%, rgba(0,99,52,0.58) 34%, rgb(0,0,0) 100%); display: flex; justify-content: center; box-shadow: 0px 0px 8px #009e51 inset, 0px 0px 8px #009e51 inset; }
.process-bar:before{background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgb(0, 255, 144) 30%, rgb(0, 255, 144) 50%, rgb(0, 255, 144) 70%, rgba(255, 255, 255, 0) 100%); position: absolute; width: 80%; height: 1px; top:1px; content:'';}

.user-collected-inner{float:left; min-width:95px; width:min-content;}
.user-collected{float:left; width:100%; height:100%; padding:2px 8px; border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--color-yellow); box-shadow:inset 0px 1px 2.5px rgba(1,219,113,0.5); border: 2px solid var(--color-green-dark);}
.user-collect-top{float:left; width:75px; text-align:center; padding:4px 0;}
.user-collect-title{float:left; width:100%; font-size:11px; letter-spacing:0px; color:var(--color-dark); font-family:var(--font-head);}
.user-collect-bottom{float:left; width:100%;}
.user-collect-bottom-inner{float:left; width:100%;;}
.user-collect-card{float:left; width:100%; display:flex; align-items:center; justify-content:center; gap:4px;}
.user-collected-icon{float:left; --icon-size:34px; width:var(--icon-size); min-width:var(--icon-size); max-width:var(--icon-size);}
.user-collected-icon img{float:left; width:100%;}
.user-collected-count{float:left; width:auto; font-size:34px; color:var(--color-black); font-weight:700; font-family:'Penumbra Sans Std'; line-height:0.5em;}
/* Progress loader CSS End */

/* Summary Collected */
.summary-collected{background:radial-gradient(circle at center, rgba(0,157,81,0.99) 0%, rgba(0,157,81,0.99) 13%, rgba(0,103,87,0.99) 100%); border-radius:3px; border:none; box-shadow:none; padding-top:4px;}
.summary-collected .user-collected-count{font-size:39px; color:var(--color-yellow);}
.summary-progress-block{padding:0;}
.summary-progress-block .progress-collect-inner{padding:6px 0;}
.summary-progress-block .progress-load-title{text-transform:none; font-family:var(--font-PaddySans); font-weight:500;}

.summary-modal-head{float:left; width:100%;}
.summary-modal-title{float:left; width:100%; position:relative; display:flex; justify-content:center; align-items:center;}
.summary-title-bg{float:left; width:100%;}
.summary-title-bg img{float:left; width:100%; min-width:calc(100% + 28px); margin-left:-14px;}
.summary-title-label{float:left; width:100%; position:absolute; padding-top:4px; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; height:100%; font-size:30px; font-weight:700; font-family:var(--font-head); text-shadow: -0.18vmin -0.18vmin 0px var(--color-green), 0.18vmin -0.18vmin 0px var(--color-green), -0.18vmin 0.18vmin 0px var(--color-green), 0.18vmin 0.18vmin 0px var(--color-green), -0.18vmin 0px 0px var(--color-green), 0.18vmin 0px 0px var(--color-green), 0px -0.18vmin 0 var(--color-green), 0px 0.18vmin 0px var(--color-green); filter:drop-shadow(0 0 8px rgba(98, 187, 70, 1)); color:#315824;}

/* splash added css  */
.daily-price-block{float:left; width:100%; padding:6px 14px 0; display:flex; justify-content:center; align-items:center;}
.daily-price-inner{float:left; width:100%; background:rgba(0, 0, 0, 0.7);background:rgba(0, 0, 0, 0.4); padding:5px 10px 5px 20px; max-width:365px; min-height:44px; border-radius:6px; display:flex; align-items:center; justify-content:space-between;}
.daily-price-left{float:left; flex:1;}
.daily-price-text{float:left; width:100%; font-size:16px; font-weight:500; font-family:var(--font-PaddySans); color:var(--color-white);}
.daily-price-right{float:right; width:100px; display:flex; justify-content:center; align-items:center;}
.daily-price-ticket-block {float:left;width:73px; position:relative;}
.daily-price-ticket{float:left;width:100%;}
.daily-price-ticket img{float:left;width:100%;}
.daily-price-ticket-value{float:left; width:100%; text-align:center; padding-top:4px; font-size:20px; color:var(--color-dark); font-weight:700; font-family:var(--font-head); position:absolute; display:flex; justify-content:center; align-items:center; height:100%;}

/* splash added css  */
.daily-cash-info{float:left; width:100%;}
.daily-cash-block{float:left; width:100%; padding:6px 14px 0; display:flex; justify-content:center; align-items:center;}
.daily-cash-inner{float:left; width:100%; background:rgba(0, 0, 0, 0.2); padding:5px 10px; min-height:31px; border-radius:4px; display:flex; align-items:center; justify-content:space-between;}
.daily-cash-left{float:left; flex:1;}
.daily-cash-text{float:left; width:100%; font-size:13px; font-weight:500; text-transform:uppercase; font-family:var(--font-PaddySans); color:var(--color-white);}
.daily-cash-right{float:right; width:auto; display:flex; justify-content:center; align-items:center;}
.daily-cash-ticket-block {float:left;width:100%; position:relative;}
.daily-cash-ticket{float:left;width:100%;}
.daily-cash-ticket img{float:left;width:100%;}
.daily-cash-ticket-value{float:left; width:100%; text-align:center; font-size:18px; color:var(--color-yellow); font-weight:500; font-family:var(--font-PaddySans); display:flex; justify-content:center; align-items:center; height:100%;}


/* Animation */
.swipe{animation: swipe 0.8s linear infinite alternate;}
@keyframes swipe{
  from { left: -25px; }
  to   { left: 25px; }
}

#pants {
  animation:liftMove 30s linear forwards, swayMotion 6s infinite;
}
@keyframes liftMove {
  from {
    bottom:-10%;
  }
  to {
    bottom:100%;
  }
}
@keyframes swayMotion {
  from {
    translate:0 0;
    transform:rotate(0deg);
    animation-timing-function:cubic-bezier(0.1, 0.3, 0.3, 1);
  }
  25% {
    translate:10px -5px;
    transform:rotate(3deg);
    animation-timing-function:cubic-bezier(0.7, 0.0, 0.9, 0.7);
  }
  50% {
    translate:0 0;
    transform:rotate(0deg);
    animation-timing-function:cubic-bezier(0.1, 0.3, 0.3, 1);
  }
  75% {
    translate:-10px -4px;
    transform:rotate(-3deg);
    animation-timing-function:cubic-bezier(0.7, 0.0, 0.9, 0.7);
  }
  to {
    translate:0 -2px;
    transform:rotate(0deg);
  }
}

/* DailyCycle CSS Start */
/* #application-canvas{z-index:9; } */
.sunset-frame {margin:0 auto;position:absolute;top:0;left:0;right:0;width:100%;height:100%;max-width:var(--containerWidth); }
.sunset-frame .sunset{width:100%;height:100%;position:relative;overflow:hidden;background:var(--color-white);}

#sun_yellow, #sun_red{position:absolute;left:0;right:0;margin:0 auto;width:30vmin;height:30vmin;z-index:3;transition:opacity 2s, top 2s;
}
#sun_yellow{background:url('../images/motion/sun.png') no-repeat center center; opacity:1;background-size:100%; }
#sun_red{background:url('../images/motion/sun.png') no-repeat center center; opacity:0;background-size:100%; }
#moon{position:absolute;left:45%;top:60%;width:17vmin;height:17vmin;z-index:6;opacity:0;background:url("../images/motion/moon.png") no-repeat center center; background-size:100%;}

#morning, #afternoon, #evening, #night{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;transition:opacity 2s, top 2s;}
#morning{background:linear-gradient( 0deg, rgba(255,239,153,1) 0%, rgb(255,239,153) 30%, rgb(255,158,110) 100%);z-index:1;}
#afternoon{background:linear-gradient( 0deg, rgb(221,249,255) 0%, rgb(106,208,255) 100%);z-index:2;}
#evening{background:linear-gradient( 0deg, rgb(255,255,233) 22%, rgb(206,181,172) 57%, rgb(91,109,196) 100%);z-index:3;}
#night{background:linear-gradient( 0deg, rgba(52,152,204,1) 0%, rgb(52,152,204) 27%, rgb(30,44,82) 69%, rgb(11,11,21) 100%);z-index:4;}

#santa,#ropeway,#pants,#ground,#snowfall,#snowfall-inner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%; }
#snowfall-inner{position:relative;}
#santa{background:transparent url("../images/motion/santa-image.png") repeat-x top center;background-size:100%; z-index:8;}
#ropeway{background:transparent url("../images/motion/ropeway-animate.webp") repeat-x top center;background-size:100%;z-index:8;top:4%;}
#pants{background:transparent url("../images/motion/pants.png") repeat-x top center;background-size:100%;z-index:9;display:none;}
#ground{background:transparent url("../images/motion/ground.png") repeat-x top center;background-size:100%;z-index:8;}
#snowfall{z-index:8;}
.snow{position:absolute;top:-10px;width:10px;height:10px;background:white;border-radius:50%;filter:blur(0.5px);opacity:0.9;animation:fall linear infinite;}


@media (min-width:300px) and (max-width:480px) and (orientation:portrait){
	.sunset-frame{max-width:100%;}
	.snow{width:6px;height:6px;}
}
/* DailyCycle CSS End */
/* Terms and Condition */
.tnc-modal .modal-contenier{padding:0px;}
.modal-info.tnc-info{max-width:var(--containerWidth);--modalRadius:0px;}
.modal-info.tnc-info .modal-head{float:left;width:100%;position:relative;background:#004833;min-height:56px;text-align:center;display:flex;align-items:center;justify-content:flex-start;border-radius:0px;padding:0px;}
.modal-title-bar {float:left;width:100%;text-align:center;padding:10px 0; }
.modal-title-bar-label {float:left;width:100%;font-size:20px;color:#fff;font-weight:bold;font-family:var(--font-head);text-transform:uppercase;}
.close-modal {float:left;position:absolute;top:0;left:0;height:100%;width:60px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;z-index:2; }
.back-link{float:left;width:24px;}
.back-link img{float:left;width:100%;}

.text-center{text-align:center;}
.text-center p{text-align:center!important;}

.tnc-modal-content{padding:14px; max-height:calc(100dvh - 56px); overflow:auto;}
.terms-info{float:left; width:100%; padding:10px 2px;}
.terms-content{float:left;width:100%; font-family:var(--font-PaddySans);}
.terms-content p{line-height:1.3em;margin-bottom:10px;text-align:justify;color:var(--clr-base);font-size:14px;}
.terms-content p sup{font-size:11px;}
.terms-content center p{text-align:center;font-weight:500;}
.terms-content p:last-child{margin-bottom:0;}
.terms-content center p{margin-bottom:10px;}
.terms-content h2{float:left;width:100%;color:var(--clr-base);font-size:17px;font-weight:500;margin-bottom:8px; font-family:var(--font-PaddySans);}
.terms-content h3{float:left;width:100%;color:var(--clr-base);font-size:14px;font-weight:500;margin-bottom:8px; font-family:var(--font-PaddySans);}
.terms-content ul, .terms-content ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:var(--clr-base);margin-bottom:16px;}
.terms-content ul li, .terms-content ol li{float:left;width:100%;list-style:decimal;padding-bottom:4px;font-size:14px;}
.terms-content ol, .terms-content ol li{list-style:decimal;}
.terms-content ul li ul{padding-left:22px;}
.terms-content ul li ul, .terms-content ul li ul li, .terms-content ol li ol, .terms-content ol li ol li{list-style:lower-alpha;font-size:14px;}
.terms-content ul li ul li, .terms-content ol li ol li{padding-bottom:7px;font-size:14px;}
.terms-content p a{text-decoration:underline; color:var(--color-green);}

.price-table-outer{float:left;width:100%;margin-bottom:8px;}

.terms-content table{width:100%;border:1px solid #dadadc;white-space:normal;table-layout:auto;background:#ffffff;border-spacing:0px;margin:0;padding:0;}
.terms-content table strong{font-weight:500;}
.terms-content table tr{width:100%;}
.terms-content table tr:last-child td{border-bottom:0;}
.terms-content table tr th{font-weight:500;font-size:11px;color:var(--clr-base);text-transform:uppercase;background:#f2f2f2;}
.terms-content table tr th,
.terms-content table tr td{font-size:13px;border-bottom:1px solid #dadadc;padding:6px 16px;border-right:1px solid #dadadc;}
.terms-content table tr th:last-child, .terms-content table tr td:last-child{border-right:0;}
.terms-content ul.disc-dot-list,
.terms-content ul.disc-dot-list li{list-style:disc;}
/* Terms and Condition */


/*Daliy Prizes CSS Start */
.reward-outer{float:left;width:100%; padding:24px 18px 18px;}
.reward-inner{float:left;width:100%;}
.reward-card-head{float:left; width:100%;}
.reward-card-title{float:left; width:100%; font-size:16px; font-weight:500; font-family:var(--font-PaddySans); text-align:center; padding-bottom:8px;}
.reward-card{float:left;width:100%; background:#ffffff; border-radius:6px; filter:drop-shadow(0px 2px 5px #a4a4a4); margin-bottom:20px;}
.reward-head{float:left;width:100%; margin-bottom:12px;}
.reward-title{float:left;width:100%; font-size:17px; font-weight:700; color:var(--color-dark); font-family:var(--font-head); text-transform:uppercase;}
.reward-body{float:left; width:100%; border:1px solid var(--color-green); border-top:none; border-radius:6px; overflow:hidden;}
.reward-row{float:left;width:100%; display:flex; justify-content:center; align-items:center; text-align:center; position:relative;}
.reward-row::before{position:absolute; content:''; top:auto; right:0; bottom:0; left:0; height:1px; width:100%; background:linear-gradient(90deg, rgba(153,153,153,0) 5%, rgba(153,153,153,0.99) 50%, rgba(153,153,153,0) 95%);}
.reward-col::after{position:absolute; content:''; top:0; right:0; bottom:0; left:auto; height:100%; bottom:0; width:1px; background:#999999;}
.reward-col:last-child:after{display:none;}
.reward-col{float:left;width:100%; font-size:18px; text-transform:uppercase; font-weight:500; font-family:var(--font-PaddySans); position:relative; min-height:40px; display:flex; justify-content:center; align-items:center;}
.reward-row-head .reward-col{font-size:12px; min-height:24px; color:#666666;}

.reward-table.base-table td{color:var(--color-black); padding:7.5px 10px; font-family:var(--font-PaddySans); font-weight:500;}
.reward-footer{float:left; width:100%;}
.reward-footer-inner{float:left; width:100%;}
.reward-footer-title{float:left; width:100%; font-size:14px; font-weight:600; font-family:var(--font-PaddySans);}
.reward-footer-text{float:left; width:100%; padding-top:6px; font-size:13px; font-weight:500; font-family:var(--font-PaddySans); line-height:1.5em;}

.reward-col-fig{float:left; --icon-size:18px; width:var(--icon-size); max-width:var(--icon-size); min-width:var(--icon-size); margin-left:4px;}
.reward-col-fig img{float:left; width:100%;}

.daliyprize-back-btn{display:flex; justify-content:center; align-items:center;}
.daliyprize-back-btn .base-btn{max-width:170px;}
/*Daliy Prizes CSS End */

.how-to-close-modal{float:left;width:100%; display:flex; justify-content:center; align-items:center;margin-top:0;}
.how-to-close-modal .back-link{width:35px; filter:drop-shadow(0 0 2px rgba(98, 187, 70, 1)) drop-shadow(0 0 2px rgba(98, 187, 70, 0.5)) drop-shadow(0 0 2px rgba(98, 187, 70, 0.4));}


/* Logout Splash*/
.splash-logout .logout-item,
.splash-logout .santa-figure,
.splash-logout .remain-game,
.splash-logout .played-text-block{display:none;}
.splash-logout .snowball-wrap{display:none;}
.splash-logout .brand-logo{max-width:65%;}
.splash-logout .splash-logo{margin:0px;background:url(../images/snowballs-logout.png);background-size:100%;padding:40px 0 70px;margin-bottom:30px;background-repeat:no-repeat;background-position:center center;}

@media (min-width: 1025px) {
    .splash-logout .splash-logo{padding:6vmin 0 8vmin;}
}

@media (max-width:375px){
    .splash-logout .brand-logo{max-width:90%;}
}

/*============== Coming Soon Page CSS ==============*/
.coming-soon-page-outer{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;}

.coming-soon-wrap{float:left;width:100%;padding:10px 14px;position:relative;}
.coming-soon-mid{float:left;width:100%;text-align:center;display:flex;height:100%;flex-direction:column;justify-content:center;}
.coming-soon-logo{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.coming-soon-figure{margin:0px auto;max-width:480px;width:100%;}
.coming-soon-figure img{float:left;width:100%;}
.coming-soon-title{float:left;width:100%;font-size:48px;line-height:1.1em;font-weight:bold;color:var(--clr-white);font-family:var(--font-head);text-transform:uppercase;margin:0 0px 30px; }
.coming-soon-title span{display:block;color:var(--color-yellow);}
.countdown-lg-box{float:left;width:100%;display:flex;justify-content:center;min-height:5vmin;}
.countdown-lg{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:14px;max-width:253px;}
.count-col-lg{float:left;width:100%;}
.count-col-lg .count-value{float:left;width:100%;border-radius:4px;box-shadow:0px 2px 12px rgba(71,71,82,0.83);background:#f2f2f7;position:relative;}
.count-col-lg .count-value strong{float:left;width:100%;font-size:40px;line-height:1.45em;text-shadow:0px 3px 3px rgba(160, 160, 160, 0.68);color:var(--color-dark);position:relative;z-index:1;}
.count-col-lg .count-value:before{position:absolute;top:48%;background:#858585;width:100%;height:1px;left:0px;content:'';}
.count-col-lg .count-text{float:left;width:100%;color:var(--color-yellow);text-align:center;margin-top:12px;font-size:15px;font-family:var(--font-pre);}

.coming-soon-wrap .game-actions .btn-row{max-width:400px;}
.intro-desc-block{display:flex;align-items:center;justify-content:center;}
.intro-desc{float:left;width:100%;max-width:720px;font-size:20px;line-height:1.1em;font-weight:500;color:var(--clr-white);font-family: var(--font-base);margin:0 0px 16px;}

/* Game Over */
.points-head{display:flex;align-items:center;justify-content:center;gap:12px;}
.points-head .points-title,
.points-head .points-value{width:auto;margin:0px;padding:0px;}
.summary-collected .user-collected-count{line-height:1em;}


/* Trophy */
.trophy-block{float:left;width:100%;margin:4px 0px 4px;}
.trophy-block-inner{display:flex;align-items:center;justify-content:center;gap:8px;}
.trophy-icon{float:left;width:42px;}
.trophy-icon img{float:left;width:100%;}
.trophy-text{float:left;color:#006858;font-size:18px;font-family:var(--font-PaddySans);font-weight: 500;line-height: 1.1em;}


/* CSS for Landscape */
@media (orientation:landscape){
	/* Coming Soon CSS*/
	.coming-soon-figure{max-width:62vmin;}
	.coming-soon-title{margin:0 0px 6vmin;line-height:1em;}
	.coming-soon-title span{display:inline-block;}
	.coming-soon-title span,
	.coming-soon-title{font-size:7.1vmin;}
	.countdown-lg-box{margin-bottom:3vmin}
	.countdown-lg{grid-gap:1.4vmin;max-width:32vmin;}
	.count-col-lg .count-value{border-radius:0.4vmin;}
	.count-col-lg .count-value strong{font-size:4.8vmin;line-height:1.4em;}
	.count-col-lg .count-text{font-size:2.5vmin;margin-top:6px;}
}

@media (max-width:767px){
	.intro-desc{font-size:18px;margin:0 0px 10px;}
	.trophy-block{margin:0px;}
}


.plain-background .screen-inner{background:none!important;}
/*================================= Media Queries Start Here =================================*/
@media (orientation:portrait){
	.landscape-item{display:none;}
	
	.modal-info.tnc-info{max-width:100%;}
	.faq-wcard{display:flex;justify-content:center;float:left;width:100%;}
	.terms-info{max-width:1024px;}
	
}

@media (orientation:landscape){
	body{background:url('../images/splash-bg-desk.jpg'), radial-gradient(circle, #009e51 -30%, #006858 80%, #006858 100%);background-repeat:no-repeat;background-size:100% 100%;background-position:center center;}
	.portrait-item{display:none;}
	
	.modal-info.tnc-info{max-width:100%;}
	.faq-wcard{display:flex;justify-content:center;float:left;width:100%;}
	.terms-info{max-width:1024px;}
}


@media (min-width:1025px){
/* Splash CSS */
	.splash-wrap .screen-inner{border-width:0.3vmin;}
	.splash-logo{margin-bottom:14vmin; margin-top:6vmin;}
	.logout-item{right:1.4vmin;top:1.2vmin;}
	.logout-item .base-btn {font-size:1.4vmin;width:8.4vmin;height:3.4vmin;line-height:3.4vmin;}
	.logout-item .base-btn .btn-text{font-size:1.4vmin;}
	.go-back-block{left:1.4vmin;top:1.2vmin;}
	.go-back-link{width:3.2vmin;height:3.2vmin;padding:0.4vmin;}

	.brand-logo{max-width:70%;}
	.remain-game-inner{margin-top:1vmin;}
	.remain-game-inner,
	.game-actions .btn-row{max-width:48vmin;gap:1vmin;}
	.logout-game-actions .btn-row{gap:0.8vmin;}
	
	.prize-ticket-bar{gap:0.5vmin;padding:0.2vmin 2vmin 0.1vmin;min-height:3vmin;border-radius:0.5vmin 0.5vmin 0px 0px;}

	.prize-ticket-icon{width:3vmin;min-width:3vmin;}
	.prize-ticket-text{font-size:1.6vmin;}
	.prize-ticket-block{margin-bottom:-1vmin;}
	.base-btn{border-radius:0.4vmin;line-height:4.8vmin;height:5.2vmin;padding-top:0.4vmin}
	.btn-text{font-size:2vmin;}
	.remain-card{padding:1.4vmin 0.4vmin 1.2vmin;border-radius:0.4vmin;border-width:0.12vmin;}
	.remain-head{font-size:2vmin; margin-bottom:0.8vmin;}
	.remain-game{padding-top:0.5vmin;}
	.remain-text{font-size:1.8vmin;}
	.played-text-block{border-radius:0.6vmin;border-width:0.2vmin;padding:1vmin 0px;}
	.played-text{font-size:2.1vmin;}
	.points-list-item{--icon-size:120px;}
	.draw-text{font-size:2vmin;}
	.powered-by-block{height:4.8vmin;padding:0.6vmin 0.2vmin;}
	.powered-figure-block{grid-gap:0.5vmin;}
	.powered-text{font-size:1.4vmin; margin-bottom:0.5vmin;}
	.pp-figure{width:8vmin;}
	.gtg-figure{width:12.4vmin;}
	
	/* How to */
	.how-to-modal .modal-bg-head{padding:3.2vmin 0.5vmin;}
	.ht-content{padding:2vmin 2vmin 0px;gap:0.6vmin;}
	.ht-item{gap:0.4vmin;}
	.ht-item + .ht-item{padding-top:1vmin;}
	.ht-icon {width:1.7vmin;min-width:1.7vmin;top:0.3vmin;left:0.2vmin; }
	.ht-text{font-size:2.2vmin;}
	.ht-image{padding:2vmin 5vmin 4.4vmin;}
	.image-block{border-width:0.3vmin;}
	.howto-button-bar{padding:1.6vmin 0vmin;}

	.ht-label{font-size:2vmin;}
	.jackpot-date{font-size:1.6vmin;}
	.jackpot-date-list{padding:1vmin; border-radius:0.8vmin;}
	.jackpot-date + .jackpot-date{padding-top:0.6vmin;}
	.how-to-info-content .ht-text:not(.ht-label){font-size:1.46vmin;}
	.how-to-info-content .ht-content{padding:1.4vmin 2vmin 1.8vmin;}

	.item-inner{padding:1vmin 0.8vmin;}
	.item-inner:after{height:0.12vmin;}
	.target-icon.snowball-icon .target-figure:before {left:0.5vmin;height:1.8vmin;width:3.6vmin;transform:rotate(-12deg);filter:blur(0.4vmin);top:0.2vmin; }
	.target-left{gap:0.8vmin;}
	.target-icon{--icon-size:16.5vmin; margin-left:-1.8vmin;}
	.target-text{font-size:2.2vmin;}
	.target-points span{font-size:2.4vmin;}
	.target-detail .item-inner{padding:1.2vmin 3.2vmin 1.2vmin 0vmin;}
	.target-ht-image{gap:1vmin;}
	.target-points{padding-top:1vmin;}
	
	/* Congratulations */
	:root{--modalRadius:1.4vmin;}
	.modal-bg-head{padding:4vmin 0.8vmin;}
	.modal-head-title{font-size:2.6vmin;}
	.congratulations-title{font-size:2.2vmin;}
	.congratulations-title-pre{font-size:3vmin;padding-top:0.6vmin;}
	.points-warp {padding:1vmin 2vmin 0.4vmin;}
	.points-head {margin:0px 0px 1vmin;}
	.points-title{font-size:2.4vmin;}
	.points-value{font-size:4.2vmin;}
	.points-list{gap:1.6vmin;}
	.points-list-item {--icon-size:12vmin;border-radius:1.5vmin;}
	.points-ticket-block{padding:1.4vmin;}
	
	.summary-block .modal-bg-head{padding:4.4vmin 0.8vmin 3.4vmin;}
	.summary-title{font-size:4.2vmin;}
	.summary-warp {padding:2.4vmin 2vmin 2vmin;}
	.result-block {margin:0.4vmin 0px 0.8vmin; }
	.result-flex-bar {max-width:28vmin;padding:0.8vmin 1.8vmin;border-radius:1vmin;border-width:0.2vmin;min-height:4.8vmin; }
	.result-left span,.result-right span{font-size:1.8vmin;padding-top:0.6vmin;}
	.summary-flex{gap:1.6vmin;margin:1.2vmin 0px;}
	.summary-icon{width:3.6vmin;min-width:3.6vmin;}
	.summary-lives-label{font-size:2.8vmin;}
	
	.come-back-wonder-block{margin-top:0.6vmin;}
	.come-back-inner{padding:1vmin 0px 0.8vmin;border-width:0.2vmin;border-radius:0.4vmin;box-shadow:0px 0.6vmin 0px var(--color-green), 0px 0px 0.8vmin rgba(0, 0, 0, 0.6) inset;}
	.come-back-title{font-size:1.4vmin;margin-bottom:0.6vmin;}
	
	.button-bar{padding:2.25vmin 0px 0.8vmin;}
	.congrats-button-bar{margin-top:0; padding-top:1.5vmin;}
	.game-over-button-bar{margin-top:0; padding-top:1vmin;}
	.game-over-button-bar, .daliyprize-button-bar{margin-top:0; padding-top:1.5vmin;}
	.pick-runner-button-bar{padding:2.8vmin 0px 0.8vmin;}
	.game-over-button-bar{padding:1vmin 0px 0.8vmin;}
	
	.countdown-row{gap:0.6vmin;}
	.count-col{width:5.6vmin;border-radius:0.4vmin;}
	.count-value {font-size:1.6vmin;padding:0.2vmin 0.2vmin 0px;min-height:2.4vmin; }
	.count-label {font-size:1.1vmin;padding:0.2vmin 0.2vmin 0px;min-height:2vmin; }

	.wonder-wonder-block {margin-top:1.6vmin; }
	.wonder-heading {font-size:1.4vmin;margin-bottom:1.6vmin; }
	.wonder-flex{gap:1.2vmin;}
	.wonder-card{padding:0.8vmin 0.6vmin 0.4vmin;border-width:0.3vmin;border-radius:0.4vmin;box-shadow:0px 0.6vmin 0px #3a774b, 0px 0px 0.8vmin rgba(0, 0, 0, 0.6) inset;}
	.wonder-thumbnail-block .wonder-card .wonder-figure img{border-radius:0.4vmin 0.4vmin 0.2vmin 0.2vmin;}
	.ticket-prize .modal-bg-head{padding:3vmin 0.4vmin 0.8vmin;}
	.prize-title{font-size:3.4vmin;}
	.prize-title-pre{font-size:2vmin;margin-top:0.4vmin;}
	.draw-text{font-size:2.6vmin;}
	.ticket-block{margin-bottom:2vmin;}
	.ticket-icon{max-width:32vmin;}
	.prize-ticket-warp .ticket-icon{max-width:16vmin;}
	.prize-ticket-warp {padding:4.2vmin 0px 7.4vmin;}
	.terms-cond-link{font-size:1.4vmin;}

/* Daily Prize */
	.daliyprize-back-btn .base-btn{max-width:18vmin;}

	.reward-outer{padding:2.6vmin 1.8vmin 1.8vmin;}
	.reward-card{margin-bottom:2.2vmin; filter:drop-shadow(0px 0.5vmin 0.5vmin #a4a4a4); border-radius:0.6vmin;}
	.reward-card-title{font-size:1.7vmin; padding-bottom:0.8vmin;}
	.reward-title{font-size:1.9vmin;}
	.reward-col{font-size:1.8vmin; min-height:4.2vmin;}
	.reward-row-head .reward-col{min-height:2.4vmin;}
	.reward-row-head .reward-col{font-size:1.2vmin;}

	.reward-row::before{height:0.11vmin;}
	.reward-col::after{width:0.11vmin;}

	.reward-head, .reward-body{border-width:0.11vmin;}
	.reward-body{border-radius:0.6vmin;}
	.reward-head{margin-bottom:1.2vmin;}
	.reward-col-fig{--icon-size:2vmin; margin-left:0.6vmin;}
	.reward-footer-title{font-size:1.6vmin;}
	.reward-footer-text{padding-top:0.6vmin; font-size:1.5vmin;}

	.how-to-close-modal .back-link{width:3.2vmin;}

	.points-title{font-size:2.4vmin;}
	.points-value{font-size:4.2vmin;}
	.points-list{gap:1.6vmin;}
	.points-list-item {--icon-size:12vmin;border-radius:1.5vmin;}
	.points-ticket-block{padding:1.4vmin;}
	.collected-value{font-size:3.8vmin; padding-top:0.6vmin;}
	.collected-icon{--icon-size:6vmin;}
	.collected-right{width:14vmin; gap:0.6vmin; border-radius:0.3vmin;} 
	.over-collected-inner{border-radius:0.3vmin;}
	.collected-text{font-size:1.6vmin; padding:1vmin 1.5vmin 0.7vmin;}

	.pick-runner-block{padding-top:2.4vmin;}
	.pick-runner-inner{gap:0.8vmin;}
	.pick-runner{border-width:0.25vmin; border-radius:1vmin;}
	.picker{max-width:12vmin;}
	.pick-me-block{gap:0.4vmin; padding:1vmin 0 0.8vmin;}
	.pick-me-block::before{top:-1vmin; height:0.25vmin;}
	.pick-me-text{font-size:2vmin;}
	.pick-check{width:2vmin; height:2vmin; border-width:0.2vmin;}
	.pick-runner.active .pick-check::before{height:1vmin; width:0.5vmin; top:0.1vmin; left:0.5vmin; border-width:0.25vmin;}
	.picker-outer{clip-path:polygon(0 0, 100% 0, 100% 93%, 0% 100%); padding:1vmin;}
	.pick-runner.active .picker-outer{filter:drop-shadow(0px 0.2vmin 1.2vmin rgba(71,71,82,0.83));}
	.modal-content-inner{padding:0 2.4vmin 2.4vmin;}
	.pick-runner-button-bar{padding:2.4vmin 0 0;}

	.leader-table .table-block{padding-top:1vmin;}
	.leader-tabs-block{padding:2.6vmin 1vmin 1.4vmin;}
	.leader-table-block .leader-label-pre:first-child{margin-bottom:1.2vmin;}
	.last-updated-label{margin:0.2vmin 0 0.6vmin;}
	.leader-tabs-flex{gap:2vmin;}
	.tabs-nav{border-radius:0.4vmin; border-width:0.14vmin;}
	.tabs-nav li a{padding-top:0.4vmin; font-size:1.5vmin; line-height:3vmin;}
	.leader-tabs-flex .form-filter{min-width:10vmin;}
	.select-option-group select{font-size:1.5vmin; padding:0 1.2vmin;}
	.select-value{height:3.6vmin; font-size:1.4vmin; border-width:0.1vmin; padding:0vmin 2vmin 0 0.5vmin; border-radius:0.4vmin;}

	.base-table th{font-size:1.4vmin; padding:0.7vmin 1vmin; line-height:1.2em; height:3.08vmin;}
	.leader-table .rank-td{width:7.4vmin; min-width:7.4vmin; font-size:1.4vmin; padding:0.7vmin 1vmin; line-height:1.2em; border-width:0.1vmin;}
	.base-table td{font-size:1.6vmin; padding:0.7vmin 1vmin; line-height:1.22em; border-width:0.1vmin; line-height:1.1em;}
	.leader-table .user-rank td{top:3.08vmin;}
	.reward-table.base-table td{padding:0.85vmin 1vmin;}
	.view-more .btn, .view-more a{border-width:0.1vmin; font-size:1.6vmin; grid-gap:0.8vmin; min-height:3.84vmin; border-radius:0.5vmin;}
	.icon-arrow-down{--icon-size:0.8vmin; border-width:0.2vmin; margin-top:-0.4vmin;}

	.user-tooltip-block{top:3vmin;}
	.info-leaderboard:after{border-width:0.7vmin;}

	.table-wrap{padding:0 1vmin 2.4vmin;}
	.select-option-group::after{border-left-width: 0.5vmin; border-right-width: 0.5vmin; border-top-width: 0.6vmin; right:0.6vmin;}
	.leader-table .score-td{width:7vmin; min-width:7vmin;}
	.view-more{padding:0 1vmin; margin-top:1vmin;}

	*::-webkit-scrollbar{width:0.5vmin;border-radius:2vmin;height:0.8vmin;}
	*::-webkit-scrollbar-thumb{border-radius:2vmin;width:0.5vmin;height:0.5vmin;}

	.table-outer{max-height:35vmin;}

	.btn-col .come-back-block{margin-top:-8vmin; margin-bottom:0.8vmin;}

	.nickname-modal-bottom{padding:1.6vmin 1.4vmin 1.6vmin;}
	.modal-title{font-size:1.54vmin;}
	.form-block{margin-bottom:2.6vmin;}
	.valid-feedback, .invalid-feedback{font-size:1.2vmin; top:calc(100% + 0.1vmin);}
	.button-bar-outer{grid-gap:1vmin;}
	.nickname-submit-button{margin-top:0;}
	.modal-head-logo{max-width:27.2vmin;}
	input.form-control{font-size:1.8vmin; height:5.2vmin; line-height:5vmin; border-width:0.24vmin; border-radius:0.6vmin;}

	.no-data-title{font-size:1.8vmin; min-height:10vmin; padding-top:2.4vmin;}

	.leader-label{font-size:1.7vmin;}
	.leader-label-pre{font-size:1.4vmin;}

	.progress-collect-inner{gap:0.6vmin; padding:0.6vmin 0; max-width:48vmin;}
	.progress-loader{border-radius:0.6vmin; box-shadow:inset 0px 0.1vmin 0.25vmin rgba(1,219,113,0.5); border-width:0.2vmin;}
	.progress-load-top{padding:1vmin 0 0.6vmin;}
	.progress-load-title{font-size:1.5vmin;}
	.progress-load-bottom-inner{padding:0 0.8vmin 0.8vmin 2.2vmin;}
	.progress-load-card{padding:0.5vmin 0 0.5vmin 2.2vmin; border-radius:0.5vmin;}
	.progress-loader-fill{padding:0.2vmin 0.2vmin 0.2vmin 0.4vmin;}
	.process-bar-outer{padding:0.1vmin; border-radius:1.4vmin;}
	.progress-load-figures{border-radius:0 1.2vmin 1.2vmin 0;}
	.process-bar-inner{border-radius:1.3vmin;}
	.process-bar{height:2.8vmin; border-radius:1.2vmin;box-shadow:0px 0px 0.8vmin #009e51 inset, 0px 0px 0.8vmin #009e51 inset;}
	.process-bar:before{height:0.1vmin; top:0.1vmin;}
	.process-bar-inner::after{top:0.2vmin; right:0.4vmin; width:1.8vmin; height:1vmin;}
	.progress-loader-fill img {border-radius:2.5vmin;}
	.progress-loader-fill::after{height:3vmin; width:2.8vmin; right:-0.4vmin;}
	.progress-max-points{min-width:4.4vmin; font-size:1.5vmin; padding:0.2vmin 0.6vmin 0 0.4vmin;}
	.progress-points-count{font-size:1.5vmin; left:max(3vmin, calc(var(--width) + 0.8vmin));}
	.progress-load-figures.left .progress-points-count{right:calc(100% - var(--width) + 2vmin);}
	.progress-pre-icon{width:6vmin; left:-1.8vmin;}

	.user-collected-inner{min-width:10.4vmin;}
	.user-collected{padding:0.2vmin 0.8vmin; border-radius:0.6vmin; box-shadow:inset 0px 0.1vmin 0.25vmin rgba(1,219,113,0.5); border-width:0.2vmin;}
	.user-collect-top{padding:0.4vmin 0; width:8.2vmin;}
	.user-collect-title{font-size:1.2vmin}
	.user-collected-count{font-size:3.8vmin;}

	.summary-collected{width:10vmin; border-radius:0.3vmin;}
	.summary-collected .user-collected-count{font-size:4.3vmin; padding-top:0.4vmin;}

	.summary-title-bg img{float:left; width:100%; min-width:calc(100% + 4.2vmin); margin-left:-2.1vmin;}
	.summary-title-label{font-size:4vmin;}

	/* splash added css */
	.daily-price-block{padding:0.6vmin 1.4vmin 0;}
	.daily-price-inner{max-width:48vmin; min-height:4.4vmin; border-radius:0.6vmin; padding:0.5vmin 1vmin 0.5vmin 2vmin;}
	.daily-price-right{width:10vmin;}
	.daily-price-text{font-size:1.8vmin;}
	.daily-price-ticket-block{width:8vmin;}
	.daily-price-ticket-value{padding-top:0.4vmin; font-size:2vmin;}
	.user-collected-icon{--icon-size:3.8vmin;}
	.user-collect-card{gap:0.6vmin;}

	.nickname-info .modal-title{font-size:2.2vmin;}
	.modal-title-left{margin-bottom:0.6vmin;}
	.modal-head-player{padding:1vmin 0 4vmin; margin-bottom:-4.4vmin;}
	.modal-player{max-width:15.5vmin; filter:drop-shadow(0 0 0.8vmin rgba(65, 187, 70, 0.8));}

	.cash-prize .modal-bg-head{padding:2.2vmin 1vmin 0.8vmin;}
	.won-title{font-size:3.3vmin;}
	.daily-cash-block{padding:0.6vmin 1.4vmin 0;}
	.daily-cash-text{font-size:1.5vmin;}
	.daily-cash-inner{padding:0.5vmin 1vmin; min-height:3.4vmin;}
	.daily-cash-ticket-value{font-size:2vmin;}
	.won-ticket-warp{padding:4vmin 0 6vmin; margin-bottom:-1.5vmin;}
	.ticket-won-block{margin-bottom:2vmin;}
	.ticket-won-icon{max-width:28vmin;}
	.ticket-won-label{font-size:7.7vmin;}
	.balance-text{font-size:1.5vmin; margin:0.8vmin 0;}
	.balance-block{height:7vmin;}
	.cash-prize .modal-bg::after{height:8.8vmin; clip-path:polygon(0 0%, 100% calc(100% - 5.5vmin), 100% 100%, 0% 100%);}
	.trophy-block{margin:4px 0px 4px;}
}
@media (min-width:1025px) and (orientation:landscape){
	:root{
		--containerWidth:62vmin;
	}
	.container{max-width:100%;}
	.splash-wrap .screen-inner{background: url(../images/splash-bg-desk.jpg); background-repeat:no-repeat; background-size:100% 100%;}
	.splash-logo{margin-top:3vmin; margin-bottom:1vmin;}
	.splash-logout .brand-logo,
	.brand-logo{max-width:56vmin;}
	.progress-collect-inner{max-width:74vmin;padding:1.2vmin 0;}
	.daily-price-inner{max-width:74vmin;padding:1vmin 2vmin 1vmin 2vmin;justify-content:center;gap:3vmin;}
	.daily-price-inner .daily-price-left{flex:none;}
	.base-btn{height:5.8vmin;}
	.btn-text{font-size:2.2vmin;}
	.remain-game-inner, .game-actions .btn-row{max-width:74vmin;}
	.logout-game-actions .btn-row{flex-direction:row; flex-wrap:wrap;gap:1vmin;}
	.logout-game-actions .btn-row .btn-col{width:calc(50% - 0.5vmin);}
	.col-full{width:100%;}
	.logout-game-actions .btn-row .btn-col.col-full{width:100%;}

	.target-right{min-width:20vmin;text-align:center;}
	.target-points{text-align:center;}

	.daily-price-text{font-size:2vmin;}

	.modal-head-title{font-size:3.6vmin;}
	.modal-player{max-width:17vmin;}

	.ht-image.target-ht-image{padding:2vmin 2vmin 2.4vmin;}
	.target-icon{--icon-size:18vmin;margin-left:-1.8vmin;}
	.ht-text{font-size:2vmin;}
	.summary-title-label{font-size:4.8vmin;}

	.come-back-wonder-block{margin-top:0;}
	.wonder-wonder-block{margin-top:0.6vmin;}
	.collected-text .d-inline{display:block;}
	.points-head{margin:0px 0px 0.5vmin;}
	.summary-block .modal-bg-head{padding:3.2vmin 0.8vmin 2.2vmin;}

	.progress-loader-fill{min-width:2.4vmin;}
	.how-to-close-modal{margin-top:1.2vmin;}
    .how-to-close-modal .back-link{width:4.2vmin;}	
	.balance-text{font-size:1.6vmin;margin:0.8vmin 0;}
	
	.cash-prize .modal-bg-head{padding:3.2vmin 1vmin 0.8vmin;}
	.won-title{font-size:4vmin;}
	.daily-cash-inner{padding:1vmin 2vmin;}
	.daily-cash-text{font-size:1.8vmin;}
	.won-ticket-warp{padding:6vmin 0 6vmin;margin-bottom:0.5vmin;}
	
	.nickname-modal .nickname-modal-bottom{padding:1.6vmin 1.4vmin 1.6vmin;}
	

}

@media(max-width:1024px){
	body{cursor:pointer;}
	.played-text{font-size:16px;}
}
@media(max-width:567px){
	:root{
		--containerWidth:100%;
	}
}
@media(max-width:767px) and (orientation:portrait){
	.mob-item{display:block !important;}
	.desk-item{display:none !important;}
	.prize-ticket-warp .ticket-icon{max-width:140px;}
	.played-text{font-size:15px;}
	.played-text-block{padding:6px 0px;}

/* 	.game-over-modal .modal-contenier{overflow-y:auto; height:100%;}
	.come-back-wonder-block{padding-bottom:14px;}
	.game-over-modal .modal-contenier-outer{height:100%; padding-top:10px;} */

	
}
@media (max-width:1023px) and (orientation:landscape){
	:root{
		--containerWidth:60vmin;
		--modalRadius:8px;
	}
	
	.modal-info{max-width:calc(var(--containerWidth) - 8vmin);}
/* Splash */
	.played-text{font-size:12px;}
	.btn-row{gap:4px;}
	.base-btn{border-radius:4px;line-height:24px;padding:0 8px;height:24px;}
	.btn-text{font-size:10px;}
	.santa-figure{padding:30px 30px;}
	.remain-game-inner{margin-top:4px;}
	.remain-card{padding:4px;}
	.remain-head{font-size:10px; margin-bottom:4px;}
	.remain-game{padding-top:4px;}
	.remain-text{font-size:9px;}
	.game-actions{padding:0px 10px;}
	.powered-text{font-size:9px;}
	.pp-figure{width:56px;}
	.gtg-figure{width:90px;}
	.button-bar-outer{grid-gap:6px;}
	.go-back-block{left:8px;top:8px;}
	.go-back-link{width:24px;height:24px;padding:2px;}
	.logout-item{right:8px;top:8px;}
	.logout-game-actions .btn-row{gap:4px;}
	
	.logout-game-actions .btn-row{flex-direction:row; flex-wrap:wrap;gap:1vmin;}
	.logout-game-actions .btn-row .btn-col{width:calc(50% - 0.5vmin);}
	.col-full{width:100%;}
	.logout-game-actions .btn-row .btn-col.col-full{width:100%;}
	
	

	.prize-ticket-block{margin-bottom:-4px;}
	.prize-ticket-bar {gap: 4px;padding: 1px 20px 0px;min-height: 22px;border-radius: 4px 4px 0px 0px; }
	.prize-ticket-icon{width:20px;min-width:20px;}
	.prize-ticket-text{font-size:10px;}

	.logout-item .base-btn{font-size:10px;width:54px;height:22px;line-height:22px;padding:0px 4px;}
	.logout-item .base-btn .btn-text{font-size:10px;}
	.draw-text{font-size:12px;}
	.snowball-block{margin-bottom:-20px;}
	.powered-by-block{height:32px;padding:4px 2px;}
	
/* How to */ 
	.how-to-modal .modal-bg-head,
	.modal-bg-head{padding:12px 8px;}
	.modal-head-title{font-size:16px;}
	.ht-content{padding:12px 8px 0px;gap:3px;}
	.ht-icon{width:14px;min-width:14px;}
	.ht-text{font-size:10px;}
	.ht-image{padding:8px 24px;}
	.howto-button-bar{padding:8px 0px 6px;}

	.ht-label{font-size:2.4vmin;}
	.jackpot-date{font-size:2vmin;}
	.jackpot-date-list{padding:1vmin; border-radius:0.8vmin;}
	.jackpot-date + .jackpot-date{padding-top:0.6vmin;}
	.how-to-info-content .ht-text:not(.ht-label){font-size:1.8vmin;}
	.how-to-info-content .ht-content{padding:1.4vmin 2vmin 1.8vmin;}
	.how-to-info-content .ht-item + .ht-item{padding-top:0;}
	
	.how-to-second .ht-image{padding:8px;}
	.item-inner{padding:4px 8px;}
	.target-right{width:54px;min-width:54px;}
	.target-points{padding:0px;}
	.target-icon{--icon-size:16.5vmin; margin-left:-1.6vmin;}
	.target-text{font-size:2.2vmin;}
	.target-points span{font-size:2.4vmin;}
	.target-detail .item-inner{padding:1.2vmin 3.2vmin 1.2vmin 0vmin;}
	.target-ht-image{gap:1vmin;}
	.target-points{padding-top:1.6vmin;}
	
	.congratulations-title{font-size:14px;}
	.congratulations-title-pre{font-size:16px;padding-top:0px;}
	.points-head{margin-bottom:10px;}
	.points-warp{padding:8px 10px 5px;}

	.points-title{font-size:2.4vmin;}
	.points-value{font-size:4.2vmin;}
	.points-list{gap:1.6vmin;}
	.points-list-item {--icon-size:12vmin;border-radius:1.5vmin;}
	.points-ticket-block{padding:1.4vmin;}
	.collected-value{font-size:3.8vmin;}
	.collected-icon{--icon-size:6vmin;}
	.collected-right{width:13vmin;} 
	.collected-text{font-size:2vmin;}

	.won-title{font-size:20px;}
	.cash-prize .modal-bg-head{padding:16px 10px 4px;}
	.ticket-won-icon{max-width:100px;}
	.ticket-won-label{font-size:30px;}
	.won-ticket-warp{padding:10px 0 28px;}
	.modal-bg::after{height:32px;}
	.congrats-button-bar,.game-over-button-bar, .daliyprize-button-bar{margin:0px; padding:4px 0;}
	.come-back-title{font-size:8px;}
	.count-col{width:36px;}
	.count-value{font-size:12px;min-height:16px;}
	.count-label{font-size:8px;padding:1px 2px 0px;min-height:14px;}
	.come-back-inner{padding:6px 0px 4px;border-width:1px;box-shadow:0px 2px 0px var(--color-green), 0px 0px 8px rgba(0, 0, 0, 0.6) inset;}
	.wonder-wonder-block{margin-top:8px;}
	.wonder-heading{font-size:11px; margin-bottom:6px;}
	.wonder-card{padding:6px 6px 3px;border-width:1px;box-shadow:0px 2px 0px #3a774b, 0px 0px 8px rgba(0, 0, 0, 0.6) inset;}
	.come-back-wonder-block{margin:0px;}
	
	.ticket-content{min-height:194px;}
	.ticket-icon{max-width:160px;}
	
	/* Prize */
	.ticket-prize .modal-bg-head{padding:11px 5px 2px;}
	.ticket-block{margin:0px;}
	.balance-text {font-size:10px;margin-top:5px;}
	.prize-title{font-size:16px;}
	.prize-ticket-warp {padding:8px 0 6px;}
	.terms-cond-block{padding-top:4px;}
	.terms-cond-link{font-size:10px;}
	.prize-title-pre{font-size:10px;margin-top:2px;}
	.next-draw-inner{border-radius:3px;}
	.next-draw-block{padding:0px 4px;}
	.next-draw-text{font-size:9px;height:24px;}
	.prize-ticket-warp .ticket-icon{max-width:82px;}
	
	/* Summery */
	.summary-title{font-size:21px;}
	.summary-warp{padding:10px;}
	.summary-flex{gap:8px;margin:8px 0px;}
	.summary-icon{width:21px;min-width:21px;}
	.summary-lives-label{font-size:18px;}
	
	/* Daily Prize */
	.daliyprize-back-btn .base-btn{max-width:18vmin;}

	.reward-outer{padding:1.4vmin 1.8vmin 1vmin;}
	.reward-card{margin-bottom:2vmin; filter:drop-shadow(0.35vmin 0.34vmin 0.3vmin rgba(0,0,0,0.3));}
	.reward-card-title{font-size:1.8vmin; padding-bottom:1.4vmin;}
	.reward-head{margin-bottom:1.2vmin;}
	.reward-title{font-size:3vmin;}
	.reward-col{font-size:1.8vmin; min-height:3.8vmin;}
	.reward-row-head .reward-col{min-height:2.4vmin;}
	.reward-row-head .reward-col{font-size:1.2vmin;}

	.reward-footer-title{font-size:2.8vmin;}
	.reward-footer-text{padding-top:0.6vmin; font-size:2.7vmin;}

	.reward-row::before{height:0.11vmin;}
	.reward-col::after{width:0.11vmin;}

	.reward-head, .reward-body{border-width:0.11vmin;}
	.reward-col-fig{--icon-size:2vmin; margin-left:0.6vmin;}
	.reward-table.base-table td{padding:0.85vmin 1vmin; font-size:12px;}
	.modal-info.daliyprize-info{--containerWidth:100vmin;}
	
	.how-to-close-modal .back-link{width:5vmin;}

	/* splash css */
	.splash-logo{margin-bottom:-2vmin; margin-top:2vmin;}

	.pick-me-text{font-size:2vmin;}
	.pick-check{width:2vmin; height:2vmin; border-width:0.2vmin;}
	.pick-me-block::before{top:-0.8vmin;}
	.pick-runner.active .pick-check::before{height:1vmin; width:0.5vmin; top:-0.1vmin; left:0.4vmin; border-width:0.2vmin;}
	.picker-outer{clip-path:polygon(0 0, 100% 0, 100% 95%, 0% 100%);}
	.pick-me-block{padding:1vmin 0 0.8vmin;}
	.pick-runner-block{padding-top:2.4vmin;}
	.modal-content-inner{padding:0 2.4vmin 2.4vmin;}
	.pick-runner-button-bar{padding:2.4vmin 0 0;}

	.modal-info.nickname-info{--containerWidth:80vmin;}
	.modal-title{font-size:3vmin;}
	input.form-control{height:8vmin; border-width:0.1vmin; font-size:3vmin; border-radius:0.6vmin;}
	.control-alert .loader-ring{height:5vmin; width:5vmin;}
	.valid-feedback, .invalid-feedback{font-size:2.4vmin;}
	.nickname-submit-button{margin-top:0;}

	.modal-head-logo{max-width:46vmin;}

	*::-webkit-scrollbar{width:1vmin;border-radius:2vmin;height:0.8vmin;}
	*::-webkit-scrollbar-thumb{border-radius:2vmin;width:0.5vmin;height:0.5vmin;}

	.modal-info.leaderboard-info{--containerWidth:100vmin;}
	.table-wrap{padding:0 1vmin 2.4vmin;}
	.table-outer {max-height:40dvh;}
	.leader-table .table-block{padding-top:4px;}
	.view-more .btn, .view-more a{min-height:8.6vmin;}

	.btn-col .come-back-block{margin-bottom:0.6vmin; margin-top:2vmin;}

	.no-data-title{padding-top:2.2vmin;}

	.leader-tabs-block{padding:2.4vmin 1vmin 1.4vmin;}
	.leader-label{font-size:3.2vmin;}
	.leader-label-pre{font-size:2.6vmin;}

	.progress-collect-inner{gap:0.6vmin;}
	.progress-loader{border-radius:0.6vmin; box-shadow:inset 0px 0.1vmin 0.25vmin rgba(1,219,113,0.5); border-width:0.2vmin;}
	.progress-load-top{padding:1vmin 0 0.6vmin;}
	.progress-load-title{font-size:1.5vmin;}
	.progress-load-bottom-inner{padding:0 0.8vmin 0.8vmin 2.2vmin;}
	.progress-load-card{padding:0.5vmin 0 0.4vmin 2.2vmin; border-radius:0.5vmin;}
	/* .progress-load-figures{height:16px;} */
	.process-bar{height:16px;}
	/* .progress-loader-fill{padding:0.3vmin 0.6vmin 0.3vmin 0.3vmin;} */
	.progress-loader-fill img {border-radius:2.5vmin;}
	.progress-loader-fill::after{height:18px; width:4.6vmin; right:-4px;}
	.progress-max-points{min-width:4.4vmin; font-size:1.5vmin; padding:0.2vmin 0.6vmin 0 0.4vmin;}
	.progress-points-count{font-size:1.8vmin;}
	.progress-pre-icon{width:6vmin; left:-1.8vmin;}

	.user-collected-inner{min-width:10vmin;}
	.user-collected{padding:0.2vmin 0.8vmin; border-radius:0.6vmin; box-shadow:inset 0px 0.1vmin 0.25vmin rgba(1,219,113,0.5); border-width:0.2vmin;}
	.user-collect-top{padding:0.4vmin 0; width:8.2vmin;}
	.user-collect-title{font-size:1.4vmin}
	.user-collected-count{font-size:3.6vmin;}

	.summary-collected .user-collected-count{font-size:4.3vmin}
	.summary-title-label{padding-top:6px; font-size:18px; text-shadow:-0.8px -0.8px 0px var(--color-green), 0.8px -0.8px 0px var(--color-green), -0.8px 0.8px 0px var(--color-green), 0.8px 0.8px 0px var(--color-green), -0.8px 0px 0px var(--color-green), 0.8px 0px 0px var(--color-green), 0px -0.8px 0 var(--color-green), 0px 0.8px 0px var(--color-green);}
	.summary-title-bg img{min-width:calc(100% + 20px); margin-left:-10px;}
	.summary-block .modal-bg-head{padding:18px 14px 12px;}
	.points-head{margin:0px 0px 6px;}

	/* splash added css */
	.splash-wrap .brand-logo{max-width:70%;}
	.daily-price-block{padding:6px 10px 0;}
	.daily-price-inner{min-height:4.4vmin; border-radius:0.6vmin; padding:0.5vmin 1vmin 0.5vmin 2vmin;}
	.daily-price-right{width:12vmin;}
	.daily-price-text{font-size:2.4vmin;}
	.daily-price-ticket-block{width:10vmin;}
	.daily-price-ticket-value{padding-top:0.4vmin; font-size:2.4vmin;}
	.user-collected-icon{--icon-size:3.8vmin;}
	.user-collect-card{gap:0.6vmin;}

	.nickname-info .modal-title{font-size:3.2vmin;}
	.modal-title-left{margin-bottom:0.6vmin;}
	.form-block{margin-bottom:3.5vmin;}
	.modal-head-player{padding:1vmin 0 4vmin; margin-bottom:-4.4vmin;}
	.modal-player{max-width:22vmin; filter:drop-shadow(0 0 0.8vmin rgba(65, 187, 70, 0.8));}

	.cash-prize .modal-bg-head{padding:2.2vmin 1vmin 0.8vmin;}
	.won-title{font-size:3.3vmin;}
	.daily-cash-block{padding:0.6vmin 2vmin 0;}
	.daily-cash-text{font-size:1.8vmin;}
	.daily-cash-inner{padding:1.2vmin 1vmin; min-height:4vmin;}
	.daily-cash-ticket-value{font-size:2vmin;}
	.won-ticket-warp{padding:4vmin 0 6vmin; margin-bottom:-1.5vmin;}
	.ticket-won-block{margin-bottom:2vmin;}
	.ticket-won-icon{max-width:28vmin;}
	.ticket-won-label{font-size:7.7vmin;}
	.balance-text{font-size:1.8vmin; margin:0.8vmin 0;}
	.balance-block{height:7vmin;}
	.cash-prize .modal-bg::after{height:8.8vmin; clip-path:polygon(0 0%, 100% calc(100% - 5.5vmin), 100% 100%, 0% 100%);}

	.progress-collect-block{padding:0 10px;}

	.leader-table-block .leader-label-pre:first-child{margin-bottom:6px;}
	.last-updated-label{margin:0.2vmin 0 0.6vmin;}

	.base-table td{padding:5px 10px; font-size:13px;}
	.select-value{padding:0px 17px 0 6px; height:32px; font-size:11px;}
	.select-option-group::after{border-left-width:4px; border-right-width:4px; border-top-width:5px;}

	.game-over-modal .modal-contenier{overflow-y:auto; height:100%;}
	.come-back-wonder-block{padding-bottom:14px;}
	.game-over-modal .modal-contenier-outer{height:100%; padding-top:10px;}
}
@media (min-width:300px) and (max-width:480px) and (orientation:portrait) {
    .container{max-width:100%;}	
	.modal-info{max-width:100%;padding:0px;}
	.won-title{font-size:30px;}
	.ticket-prize .prize-title-pre{margin-top:4px;}
	.ticket-prize .prize-ticket-warp{padding:0px 0 30px;}
	.congrats-button-bar,.game-over-button-bar, .daliyprize-button-barcongrats-button-bar{margin-top:4px;}
	.come-back-wonder-block{margin-top:4px;}
	.wonder-card{padding:12px 2px 12px;}
	.prize-ticket-warp .ticket-icon{max-width:120px;}
	.terms-cond-block{padding-top:4px;}
	.wonder-flex{gap:4px;}
	.draw-text{font-size:18px;}
	.come-back-inner{padding:4px 0px 6px;box-shadow: 0px 3px 0px var(--color-green), 0px 0px 8px rgba(0, 0, 0, 0.6) inset;}

}

/* @media(max-width:393px){
body{display:none;}
} */

@media(max-width:393px){
.brand-logo{max-width:72%;}
.base-btn{line-height:36px;padding:4px 8px 0px;height:40px;}
.btn-text{font-size:16px;}
.ht-text{font-size:16px;}
.snowball-block{margin-bottom:-20px;}
.remain-card{padding:10px 4px 8px;}
.remain-head,.remain-text{font-size:14px;}
.game-actions .btn-row{gap:6px;}

.prize-ticket-block{margin-bottom:-6px;}
	
.remain-game-inner{margin-top:6px;}

.points-info .modal-bg-head{padding:30px 14px;}
.congratulations-title{font-size:20px;}
.congratulations-title-pre{font-size:26px;}
.points-warp{padding:8px 20px 0px;}
.points-list{gap:8px;}
.prize-title{font-size:28px;}
.prize-title-pre{font-size:14px;}
.prize-ticket-warp{padding:16px 0 46px;position:relative;z-index:0;}

.won-title{font-size:30px;}
.won-ticket-warp{padding:24px 0 42px;}
.ticket-won-icon{max-width:196px;}
.ticket-won-label{font-size:50px;}
.congrats-button-bar,.game-over-button-bar, .daliyprize-button-bar{margin-top:0;}
.next-draw-block{padding:0px 10px;}
.prize-info .ticket-icon{max-width:124px;}
.terms-cond-block{margin-top:4px;}
.ticket-block{margin-bottom:6px;}
.come-back-wonder-block{margin-top:0;}
.summary-lives-label{font-size:26px;}
.come-back-title{font-size:13px;}

/* Daliy Prize */
.daliyprize-info .modal-head-title{font-size:22px;}

/* .reward-outer{padding:8px 12px 2px;} */
.reward-card-title{padding-bottom:8px; font-size:15px;}
.reward-title{font-size:18px;}
.reward-col{font-size:16px; min-height:36px;}
.reward-card{margin-bottom:10px;}
	
.ht-image{padding:10px 46px 24px;}

.how-to-modal .modal-bg-head{padding:26px 10px;}
.howto-button-bar{padding:10px 0 8px;}
.ht-content{padding:12px 20px 0px;}

.target-icon{--icon-size:110px;}
.target-detail .item-inner { padding: 10px 20px 10px 0px; }
.target-text{font-size:18px;}
.target-points span{font-size:20px;}
.target-points{padding-top:12px;}

/* splash screen */
.splash-logo{margin-bottom:2vmin; margin-top:10vmin;}
.btn-col .come-back-block{margin-top: 36px; margin-bottom: 0px;}

.progress-collect-inner{max-width:100%;}
.summary-progress-block .progress-collect-inner{padding-bottom:0px;}
.summary-block .modal-bg-head{padding:14px 14px 10px;}
.points-head{margin:0px 0px 6px;}
.summary-title{font-size:26px;}
.points-title{font-size:18px;}
.points-value{font-size:26px;}
.collected-right{min-width:100px;width:auto;}
.summary-collected .user-collected-count{font-size:30px;}
.collected-text{padding:8px 15px 5px;}
.wonder-wonder-block{margin-top:0px;}
.wonder-heading{margin-bottom:4px;}
.summary-title-bg img{min-width: calc(100% + 20px); margin-left:-10px;}
.summary-modal-head{margin-bottom:-4px; margin-top:-12px;}
.summary-title-label{padding-top:6px; text-shadow:-0.8px -0.8px 0px var(--color-green), 0.8px -0.8px 0px var(--color-green), -0.8px 0.8px 0px var(--color-green), 0.8px 0.8px 0px var(--color-green), -0.8px 0px 0px var(--color-green), 0.8px 0px 0px var(--color-green), 0px -0.8px 0 var(--color-green), 0px 0.8px 0px var(--color-green);}

.how-to-info-content .ht-item + .ht-item{padding-top:0;}
.how-to-info-content .ht-content{padding:10px 20px 14px;}

.daily-price-inner{padding:5px 10px 5px 15px;}
.daily-price-text{font-size:15px;}
.progress-load-title{font-size:12px;}
.user-collected-count{font-size:32px;}

.remain-game{padding-top:10px;}
.table-outer{max-height:35dvh;}

.leader-tabs-block{padding:20px 10px 10px;}
.how-to-close-modal .back-link{width:30px;}
.ht-label{font-size:16px;}
.jackpot-date + .jackpot-date{padding-top:4px;}
.how-to-close-modal{margin-top:4px;}
.trophy-block{margin:4px 0px 2px;}
.trophy-text{font-size:16px;}
}


/* @media screen and (min-height:710px) and (max-height:730px) {
	.brand-logo{max-width:70%;}
	.santa-figure{max-width:90%;left:5%;right:5%;top:10%;}
	.splash-logo{margin-bottom:0; margin-top:18px;}
	.btn-col .come-back-block{margin-top:30px;}
	.game-actions .btn-row{gap:6px;}	
	.remain-head{margin:0px;}
	.remain-card{padding:12px 4px 10px;}
	.remain-game{padding-top:8px;}
}
 */