/*FONTS CSS*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600;700&display=swap'); /*font-family:'Barlow Semi Condensed', 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;
}

:root{
/* PP Whitelines Color */
	--color-yellow:#f2ea0f;
	--color-white:#ffffff;
	--color-orange:#f16222;
	--color-green:#62bb46;
	--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(180deg, rgba(0, 72, 51, 1) 0%, rgba(0, 104, 88, 1) 100%);
	--color-black:#000000;
	
	/* 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 */
	
	/* 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);
	--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-black);
	
	--containerWidth:57vmin;
	--modalRadius:14px;

}
: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-main-bg.jpg) var(--color-dark-green);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;}

/*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;}


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

/*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);}

.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/loading-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:-150px;}
.brand-logo{float:left;width:100%;max-width:80%;}
.brand-logo img{float:left;width:100%;transform:scale(1.2);}

.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;}
.login-game-actions{min-height:180px;}

.remain-game{float:left;width:100%;display:flex;justify-content:center;padding:0px;}
.remain-game-inner{float:left;width:100%;margin-top:10px;max-width:365px;}
.remain-card{float:left;width:100%;padding:14px 4px 12px;border-radius:4px;border:1px solid rgba(248, 228, 76, 0.5);background-image:linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 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:18px;font-weight:bold;text-transform:uppercase;margin-bottom:4px;}
.remain-text{float:left;width:100%;text-align:center;color:var(--clr-white);font-family:var(--font-head);font-size:16px;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);}
.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:44px 14px;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:32px 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:20px 20px 0px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.ht-item{float:left;width:100%;padding:0px;display:flex;align-items:flex-start;gap:4px;}
.ht-text{float:left;flex:1;padding:0px;text-align:center;color:var(--color-black);line-height:1.15em;font-size:18px;font-weight:600;text-transform:uppercase;}
.ht-icon{float:left;width:18px;min-width:18px;position:relative;top:3px;left:2px;}
.ht-icon-figure{float:left;width:100%;}
.ht-icon-figure img{float:left;width:100%;}

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

.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:8px 0px 4px 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;width:36px;min-width:36px;}
.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:14px;font-weight:bold;text-transform:uppercase;font-family:var(--font-head);}
.target-right{float:left;width:80px;min-width:80px;}
.target-points{float:left;width:100%;text-align:right;padding-right:6px;}
.target-points span{color:var(--color-yellow);font-size:14px;font-weight:bold;text-transform:uppercase;font-family:var(--font-head);}
.target-icon:not(.snowball-icon) .target-figure{filter:drop-shadow(0px 0px 6px rgba(242, 234, 15, 0.7));}
.target-icon.snowball-icon .target-figure:before { content:''; position:absolute; left:5px; height:18px; width:36px; background:var(--color-white); border-radius:50% 20% 50%; transform:rotate(-12deg); filter:blur(4px); opacity:0.9; top:2px; }

.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:12px 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 40px;}
.points-head{float:left;width:100%;margin:0px 0px 20px;}
.points-title{float:left;width:100%;font-size:18px;font-weight:bold;line-height:1.2em;text-align:center;}
.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:80px;border-radius:0 0 var(--modalRadius) var(--modalRadius);clip-path:polygon(0 50%, 100% 96%, 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;}
.ticket-won-icon{float:left;width:100%;max-width:212px;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:#776e12;font-size:56px;font-weight:bold;text-transform:uppercase;line-height:1.2em;text-align:center;font-family:var(--font-head);padding-top:8px;z-index:1;}
.won-ticket-warp{padding:40px 0 60px;position:relative;}
.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%;}

.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:6px;}
.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;}

.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%;}
.balance-text{float:left;width:100%;text-align:center;font-size:16px;font-weight:bold;color:var(--color-white);margin-top:6px;}
.congrats-button-bar{margin-top:10px;}
.congrats-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-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:16px;}
.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:20px 10px 8px;}
.ticket-prize .modal-bg-head{padding:20px 10px 8px;}

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

.summary-block .modal-bg-head{padding:46px 14px 36px;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:42px;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;}


/* Animation */
.swipe{animation:linear infinite;animation-name:swipe;animation-duration:1.8s;}
@keyframes swipe{
  0%{left:-60px;top:20px;}
  50%{left:0px;top:-5px;}
  100%{left:-60px;top:20px;}
}
@keyframes fall {
  0% {
    transform:translateY(0) translateX(0);
    opacity:1;
  }
  100% {
    transform:translateY(100vh) translateX(var(--drift));
    opacity:0;
  }
}
#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 */
.daliyprize-info .modal-bg-head{padding:24px 14px;}
.daliyprize-info .modal-head-title{font-size:24px;}

.reward-outer{float:left;width:100%; padding:24px 18px 8px;}
.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:4px; filter:drop-shadow(3.597px 3.473px 3px rgba(0,0,0,0.3)); margin-bottom:12px;}
.reward-head{float:left;width:100%; position:relative; height:66px; display:flex; justify-content:center; align-items:center; background:linear-gradient(0deg, rgba(0,72,51,0.99) 0%, rgba(0,104,88,0.99) 100%); border:1px solid var(--color-green); border-radius:4px 4px 0 0;}
.reward-title-fig{float:left; width:100%; max-width:50px; position:absolute; top:0; right:auto; bottom:0; left:14px; height:100%; display:flex; justify-content:center; align-items:center; z-index:2;}
.reward-title-fig img{float:left; width:100%;}
.reward-title-fig::after{position:absolute; content:''; top:auto; right:0; bottom:2px; left:0; height:1vmin; width:80%; margin:auto; background:#000000; filter:blur(1vmin); z-index:-1;}
.reward-head::before{position:absolute; content:''; top:auto; right:auto; bottom:0; left:0; height:70%; width:80px; background:#f16222; clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.reward-head::after{position:absolute; content:''; top:auto; right:auto; bottom:auto; left:auto; height:100%; width:100%; background:url('../images/reward-bg-tickets.png') no-repeat center; background-size:cover;}
.reward-title{float:left;width:100%; position:relative; z-index:1; font-size:21px; font-weight:700; padding-top:2px; color:#f16222; font-family:var(--font-head); text-transform:uppercase; text-align:center;}
.reward-body{float:left; width:100%; border:1px solid var(--color-green); border-top:none; border-radius:0 0 4px 4px;}
.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-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:20px;}
.how-to-close-modal .back-link{width:28px; 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:80%;}
.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:#ffffff;font-family:var(--font-head);text-transform:uppercase;margin:-40px 0px 30px; }
.coming-soon-title span{display:block;color:#fffe03;}
.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 4px 5px 0px rgba(0, 21, 16, 0.76);background-image:-moz-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-webkit-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-ms-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);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:#000000;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:#fffe03;text-align:center;margin-top:12px;font-size:15px;font-family:var(--font-pre);}


/* CSS for Landscape */
@media (orientation:landscape){
	/* Coming Soon CSS*/
	.coming-soon-figure{max-width:70vmin;}
	.coming-soon-title{margin:-6vmin 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 Queries Start Here =================================*/
@media (orientation:portrait){
	.landscape-item{display:none;}
}

@media (orientation:landscape){
	body{background:url(../images/splash-main-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
	.screen-item.splash-wrap{background:url(../images/splash-main-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
	.splash-wrap .screen-inner{background:linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 90%,  rgba(255, 255, 255, 0.5) 100%);border-left:3px solid rgba(255, 255, 255, 0.4);border-right:3px solid rgba(255, 255, 255, 0.4);}
	.portrait-item{display:none;}
}


@media(min-width:1025px){
	/* body{background:url(../images/game-background.png) var(--color-dark-green);background-size:100%;background-position:center;} */
/* Splash CSS */

	.splash-wrap .screen-inner{border-width:0.3vmin;}
	.splash-logo{margin-bottom:-15vmin;}
	.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:60%;}
	.remain-game-inner{margin-top:1vmin;}
	.remain-game-inner,
	.game-actions .btn-row{max-width:48vmin;gap: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;}
	.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;}
	.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-icon {width:2vmin;min-width:2vmin;top:0.3vmin;left:0.2vmin; }
	.ht-text{font-size:2.2vmin;}
	.ht-image{padding:1vmin 2.4vmin 2.4vmin;}
	.image-block{border-width:0.3vmin;}
	.howto-button-bar{padding:1.6vmin 0vmin;}

	.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{width:3.6vmin;min-width:3.6vmin;}
	.target-right{width:8vmin;min-width:8vmin;}
	.target-text,.target-points span{font-size:1.4vmin;}
	
	/* Congratulations */
	:root{--modalRadius:1.4vmin;}
	.modal-bg-head{padding:4.4vmin 0.8vmin;}
	.modal-head-title{font-size:2.4vmin;}
	.congratulations-title{font-size:2.2vmin;}
	.congratulations-title-pre{font-size:3vmin;padding-top:0.6vmin;}
	.points-warp {padding:1.6vmin 2vmin 4vmin;}
	.points-head {margin:0px 0px 1.8vmin;}
	.points-title{font-size:1.8vmin;}
	.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;}
	
	.congrats-button-bar{margin-top:1vmin;}
	.button-bar{padding:0.8vmin 0px;}
	
	.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:0.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-info .modal-bg-head{padding:2.4vmin 1vmin;}
	.daliyprize-info .modal-head-title{font-size:2.4vmin;}
	.daliyprize-back-btn .base-btn{max-width:18vmin;}

	.reward-outer{padding:2.6vmin 1.8vmin 1vmin;}
	.reward-card{margin-bottom:1.2vmin; filter:drop-shadow(0.35vmin 0.34vmin 0.3vmin rgba(0,0,0,0.3));}
	.reward-head::before{width:8.4vmin;}
	.reward-card-title{font-size:1.7vmin; padding-bottom:0.8vmin;}
	.reward-title{font-size:2.2vmin;}
	.reward-head{height:7vmin;}
	.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-title-fig{max-width:5.8vmin; left:1.5vmin;}

	.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;}
	.how-to-close-modal .back-link{width:3.2vmin;}
}

@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;}
}
@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:16px;}
	.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:6px;}
	.remain-head{font-size:12px;}
	.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-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;}
	
	.how-to-second .ht-image{padding:8px;}
	.item-inner{padding:4px 8px;}
	.target-icon{width:20px;min-width:20px;}
	.target-right{width:54px;min-width:54px;}
	.target-points{padding:0px;}
	.target-text,.target-points span{font-size:9px;}
	
	
	.congratulations-title{font-size:14px;}
	.congratulations-title-pre{font-size:16px;padding-top:0px;}
	.points-head{margin-bottom:10px;}
	.points-title{font-size:12px;}
	.points-warp{padding:16px 10px 20px;}
	.points-list{gap:6px;}
	.points-list-item{--icon-size:60px;border-radius:8px;}
	.points-ticket-block{padding:10px;}
	
	.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{margin:0px;}
	.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;}
	.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-block .modal-bg-head{padding:16px 14px 14px;}
	.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-info .modal-bg-head{padding:2.4vmin 1vmin;}
	.daliyprize-info .modal-head-title{font-size:2.4vmin;}
	.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-head::before{width:8.4vmin;}
	.reward-card-title{font-size:1.8vmin; padding-bottom:1.4vmin;}
	.reward-title{font-size:2.2vmin;}
	.reward-head{height:7.4vmin;}
	.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-title-fig{max-width:5.8vmin; left:1.5vmin;}

	.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;}
	.how-to-close-modal .back-link{width:3.2vmin;}
}
@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{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:375px){
.brand-logo{max-width:60%;}
.base-btn{line-height:36px;padding:4px 8px 0px;height:40px;}
.btn-text{font-size:16px;}
.ht-text{font-size:18px;}
.snowball-block{margin-bottom:-20px;}
.remain-card{padding:10px 4px 8px;}
.remain-head,.remain-text{font-size:14px;}
.game-actions .btn-row{gap: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:16px 20px 30px;}
.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{margin-top:4px;}
.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:4px;}
.summary-lives-label{font-size:26px;}
.come-back-title{font-size:13px;}

/* Daliy Prize */
.daliyprize-info .modal-bg-head{padding:20px 14px 16px;}
.daliyprize-info .modal-head-title{font-size:22px;}

/* .reward-outer{padding:8px 12px 2px;} */
.reward-card-title{padding-bottom:8px; font-size:15px;}
.reward-head{height:56px;}
.reward-title{font-size:18px;}
.reward-title-fig{max-width:46px;}
.reward-title-fig::after{bottom:5px;}
.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;}
}

@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:-160px;}
	.game-actions .btn-row{gap:6px;}	
	.remain-head{margin:0px;}
	.remain-card{padding:12px 4px 10px;}
}
@media (max-width: 1023px) and (orientation: landscape) {
    .ht-text{font-size:9px;}
	.ht-icon{width:12px;min-width:12px;}
}
@media(max-width:420px){
	.target-icon{width:30px;min-width:30px;}
	.ht-icon{width:16px;min-width:16px;}
	.ht-content{padding:12px 10px 0px;}
	.ht-image{padding:10px 10px 12px;}
	.ht-text{font-size:14px;letter-spacing:-0.1px;}
	.target-text,.target-points span{font-size:12px;}
}