<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.container
{
	width: 100%;
	max-width: unset;
	padding: 0px;
	margin: 0px;
}

@font-face {
    font-family: 'Brother';
    src: url('https://www.22winhuat.online/wp-includes/fonts/Brother1816-Regular.ttf') ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brother';
    src: url('https://www.22winhuat.online/wp-includes/fonts/Brother1816-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brother';
    src: url('https://www.22winhuat.online/wp-includes/fonts/Brother1816-Bold.ttf'); 
    font-weight: 700;
    font-style: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, span, p, input, div, ol{margin-bottom: 0px;font-family: "Brother", sans-serif;}

.top-30{padding-top: 30px;}
.top-20{padding-top: 20px;}
.bt-30{padding-bottom: 30px;}

.vc_col-has-fill&gt;.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill+.vc_row&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill+.vc_vc_row&gt;.vc_row&gt;.vc_vc_column&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner&gt;.vc_row&gt;.vc_vc_column_inner&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill&gt;.vc_row&gt;.vc_vc_column&gt;.vc_column_container&gt;.vc_column-inner, .vc_row-has-fill&gt;.vc_vc_column_inner&gt;.vc_column_container&gt;.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section{padding: 0px;}

.reminder_note{font-size: 12px; color: white; text-align:center; padding-top: 5px;}

img{pointer-events: none;}

#welcome_gif img{max-width: 1085px;}

.row, .vc_row{margin: 0px;}

.row&gt;*, .vc_column_container&gt;.vc_column-inner{
	padding: 0px;
}

.title_container img
{
	filter: drop-shadow(0px 0px 12px rgb(0,0,0,.5));
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid&gt;li{
	margin-bottom: 0px;
}

#bg_row, #game_container
{
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 100vh;
    overflow: hidden;
	background-position: center;
}

#start_btn img, .pulsing
{
	animation: pulsing 1s infinite;
	transition: all .3s ease-in-out;
}

#start_btn:hover, #try_again:hover{cursor:pointer !important;}

@keyframes pulsing
{
	0, 100%{transform: scale(1);}
	50%{transform: scale(0.9);}
}

.veri_phone, .veri_name
{
	display: flex;
	width: 380px;
	height: 70px;
	border-radius: 45px;
	background: white;
	position: relative;
	font-size: 18px;
	padding: 24px 30px;
	margin: auto;
}

.veri_name{display:none;}
.thb_text{font-size: 24px; font-weight: bold; font-family: "Poppins", sans-serif; color: white; text-decoration: none !important;}

.phone, .username{width: 90%; border: 0px;}

.veri{color: #CCCCCC;font-size: 24px; position: absolute; right: 15px; margin: auto; top: 0; bottom: 0; height: fit-content;}

.veri_phone .checked, .veri_name .checked{color: limegreen;}

textarea:focus, input:focus{
    outline: none;
}

footer
{
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	margin: auto;
    position: absolute;
    bottom: 10px;
    width: 100%;
    color: white;
	z-index: 99;
}

.caishen
{
	transition: all .1s;
	position: fixed;
	margin: auto;
	bottom: -244px;
	width: fit-content;
	left: 0; right: 0;
}

.cs_1
{
	opacity: 1;
	animation: appear-1 1s infinite;
}

.cs_2
{
	opacity: 0;
	animation: appear-2 1s infinite;
}

.small_cs1
{
	transition: all .1s;
	margin: auto;
	position: absolute;
	top: 0px;
	width: 324px;
	opacity: 1;
	animation: appear-1 1s infinite;
	left: 0;right: 0;
	z-index: -1;
}

.small_cs2
{
	z-index: -1;
	left: 0;right: 0;
	transition: all .1s;
	margin: auto;
	width: 324px;
	position: absolute;
	top: 0px;
	opacity: 0;
	animation: appear-2 1s infinite;
}

@keyframes appear-1
{
	0%, 50%{opacity: 1}
	100%{opacity: 0}
}

@keyframes appear-2
{
	0%, 50%{opacity: 0}
	100%{opacity: 1;}
}

.game_position
{
	position: absolute;
	right: 0px;
	width: 60vw;
}

#game_box
{
	height: 100vh;
	position: relative;
	width: 100%;
}

.angpao
{
  position: absolute;
  cursor: pointer; 
}

#angpao_counter
{
	position: absolute;
	left: -80px; top: 48px;
}

#angpao_counter img
{
	filter: drop-shadow(0px 0px 12px rgb(0,0,0,.5));
}

.angpao_number
{
	position: absolute;
	color: white;
	font-size: 40px;
	font-weight: bold;
	bottom: 28px;
	left:0;right: 0;
	margin: auto;
	width: fit-content;
}

.leaderboard_position
{
	position: absolute;
	left: 207px;
	width: 22vw;
	top: 86px;
	text-align: center;
}

.leaderboard_position img{margin: auto;}

.leaderboard_position .small_title{margin-top: 80px; transform:scale(1.4);}

.lb_title_container{position: relative; width: fit-content;margin: auto;}

.title_light{position: absolute;top: 0;left: 0; right: 0; animation: appear-1 1s infinite;transition: all .3s ease-in-out;}

.yb_left{position: absolute; left: -80px; top: 35px; filter: drop-shadow(0px 0px 12px rgb(144,44,44,0.5));}
.yb_right{position: absolute; right: -100px; top: 0px;filter: drop-shadow(0px 0px 12px rgb(144,44,44,0.5));}

#countdown {
  font-size: 120px;
  font-weight: bold;
  color: white;
  position: fixed;
  z-index: 999999;
  display:flex;
	justify-content:center;
	align-items: center;
  width: 100vw;
  height: 100vh;
  margin: auto;
	left: 0;
	right: 0;top:0; right:0;
}

.final_scoring
{
	filter: drop-shadow(2px 4px 6px black);
	position: absolute;
	color: white;
	font-size: 40px;
	margin: auto;
	top: 100px;
	bottom: 0;
	left:0; 
	right: 0;
	display:none;
	flex-direction: column;
	gap: 5px;
	align-items:flex-start;
	justify-content:center;
	width: fit-content;
}

.final_scoring .smaller{font-size: 35px;}

.final_scoring div{text-align:center; }

#game_countdown
{
	color: white;
	font-size: 30px;
	font-weight: bold;
	position: fixed;
  	top: 60px;
  	right: 250px;
}

.popup_bg
{
	background: rgb(0,0,0,.8);
	width: 100vw;
	height: 100vh;
	position:fixed; top: 0; left: 0;
	margin: auto;
	justify-content: center; 
	align-items: center;
	display: none;
	z-index: 99999999999999999;
	flex-direction: column;
	gap: 20px;
}

#tnc_popup_bg
{
	background: rgb(0,0,0,.8);
	width: 100vw;
	height: 100vh;
	position:fixed; top: 0; left: 0;
	margin: auto;
	justify-content: center; 
	align-items: center;
	display: none;
	z-index: 99999999999999999;
	flex-direction: column;
	gap: 20px;
	
}

.tnc_box
{
	width: fit-content;
	height: fit-content;
	display:flex;
	justify-content: center; 
	align-items: center;
	position:relative;
}

.tnc_container
{
	position: relative;
	width: 600px;
	background: white;
	color: black;
	font-size: 16px; 
	line-height: 1.2;
	padding: 20px;
	filter: drop-shadow(0px 0px 6px black;);
	border-radius: 12px;
}

.tnc_container h3{text-transform: uppercase;}
.tnc_container ol{padding-left: 20px;}

.tnc_container h3, .tnc_container li{margin-bottom: 10px;}

.close_tnc_container
{
	width: 24px;height: 24px;
	color:black;
	border: 2px solid black;
	border-radius: 100%;
	display: flex;
	font-size: 18px;
	align-items:center;
	justify-content: center;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 99;
}

.close_tnc_container:hover{cursor: pointer}
.view_tnc{color: navajowhite; text-decoration: none; font-size: 12px; }
.view_tnc i{font-size: 12px; padding-right: 4px;}
.view_tnc:hover{cursor: pointer;}

.popup_container
{
	width: 433px; height: fit-content;
	display: flex; flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.popup_text
{
	font-size: 40px; 
	color: #FFE86A;
	font-weight: 500;
}

.popup_content
{
	background-image: url("https://www.22winhuat.online/wp-content/uploads/2025/01/popup-content.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex; flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 68px;
    padding-bottom: 25px;
	width: 100%;
	border-radius: 0px 0px 20px 20px;
	filter:drop-shadow(0px 0px 6px #FF7600);
}

.popup_content div
{
	display: flex; flex-direction: column;
	justify-content: center;
	align-items: center;
}

.popup_details
{
	line-height: 1.2;
}

.popup_content .timestamp{font-size: 15px;color: yellow;}
.popup_content .smaller{font-size: 16px; padding-bottom: 5px;}
.avatar{max-width: 120px;}
.attempt{flex-direction: row !important;}
#claim_reward{width: 200px;padding-top: 10px;}

.popup_content span, .attempt{
	font-family: "Brother", sans-serif;
	color: white;
	font-size: 22px;
}

.popup_content h3
{
	font-size: 70px;
	color: white;
	line-height: 1;
}

.score_line{border: 2px solid #FFE86A; padding: 12px; border-radius: 26px;width: 100%;margin-top: -20px; position:relative; z-index: 99;}
.score_bg{background: rgb(72,0,0,.6); border-radius: 18px;padding: 19px 17px; display:flex; flex-direction: column; gap:4px; }
.score_row{display:flex; flex-direction: row; justify-content: space-between; align-items:center; width: 100%;background:#000000; border-radius: 30px;padding: 10px 21px;height: 40px;}
.score_row div{font-family: "Brother", sans-serif; font-size: 18px; font-weight: bold;color:white; line-height:1;}
.score_left{display:flex; flex-direction: row; gap: 50px; align-items: center;}
.score_left img{height: 40px; transform: scale(1.05)}

.round_text{color: white; font-size: 18px; margin-top: 10px; font-family:"Brother", sans-serif;}
.round_text{display:flex; flex-direction: row !important; gap: 10px; flex-wrap: wrap;}

.close_btn{border-radius: 100%; width: 25px; height: 25px; display:flex; align-items:center; justify-content:center; border: 1px solid white;position: absolute; top: 0px; right: 0px;}
.close_btn i{font-size: 20px; color: white;}
.close_btn:hover{cursor:pointer;}

.remove{display:flex !important;}
.gold{color:gold !important;}
.message{font-size: 14px; color: yellow; text-align: center; width: 100%; padding-top: 4px; display: none; filter: drop-shadow(0px 0px 5px black); margin:auto;}
.show{display:block;}
.download-score{ color: white; text-align:center; font-size: 12px; padding: 6px 10px; background: indigo; text-align: center; border-radius: 8px; font-weight: 500; text-decoration: none; margin-top: 15px; filter: drop-shadow(0px 0px 6px rgb(255,215,0,.5));text-shadow: 0 0 3px rgb(0, 0, 0, .5); transition: all .3s ease-in-out;}
.download-score:hover{cursor:pointer; background: #3B0068;}
.download-score i{font-size: 12px; padding-right: 4px;}
.popup_content .small_note{font-size: 11px; color: white;}

#date_label{margin-top: -25px;}

#bottom_mobile{display:none;}

@media only screen and (max-height: 1030px) and (orientation: landscape)
{
	.title_container img{width: 650px;}
}

@media only screen and (max-height: 1000px) and (orientation: landscape)
{
	#welcome_gif img{width: 900px;}
	#logo_container img{width: 190px;}
	#date_label img{width: 600px;}
	.score_row{height: 35px;}
	.score_left img{height: 30px;}
	
}

@media only screen and (max-height: 950px) and (orientation: landscape)
{
	.leaderboard_position img{max-width: 250px;}
	.score_left{gap: 20px;}
	.score_row div{font-size: 16px;}
	.veri_phone, .veri_name{width: 340px; height: 60px; padding: 18px 25px;}
	#start_btn img{width: 350px;}
}

@media only screen and (max-height: 900px) and (orientation: landscape)
{
	.score_row{height: 30px;}
	.score_left img{height: 25px;}
	.title_container img{width: 550px;}
	#date_label img{width: 500px;}
	#logo_container img{width: 160px;}
	#welcome_gif img{width: 850px;}
}

@media only screen and (max-height: 850px) and (orientation: landscape)
{
	.veri_phone, .veri_name{width: 300px; height: 50px; padding: 12px 22px;}
	#start_btn img{width: 300px;}
	#welcome_gif img{width: 800px;}
}

@media only screen and (max-height: 800px) and (orientation: landscape)
{
	.score_row div{font-size: 14px;}
	.lb_caishen_container img{width: 200px;}
	.score_line{padding: 5px;}
	.score_bg{padding: 10px;}
}

@media only screen and (max-width: 1600px) and (orientation: landscape)
{
	.falling-object{width: 80%;}
	.leaderboard_position{left: 157px;}
	.lb_caishen_container img{width: 300px;}
	.small_title{width: 310px;}
	.yb_left{width: 100px; left: -50px;}
	.yb_right{width: 120px; right: -70px;}
	.game_position{width: 65vw;}
}

@media only screen and (max-width: 1550px) and (orientation: landscape)
{
	.leaderboard_position{left: 107px;}
	#angpao_counter{width: 100px;}
	.angpao_number{font-size: 35px; bottom: 25px;}
	#game_countdown{font-size: 28px;}
	
}

@media only screen and (max-width: 1500px) and (orientation: landscape)
{
	.game_position{width: 60vw;}
}

@media only screen and (max-width: 1200px) and (orientation: landscape)
{
	#game_countdown{right: 150px;}
	
	
}

@media only screen and (max-width: 1200px) and (orientation: landscape)
{
	#game_countdown{right: 50px;}
	#angpao_counter{width: 70px;}
	    .angpao_number {
        font-size: 25px;
        bottom: 15px;
    }
	
	.leaderboard_position img {
        max-width: 200px;
    }
	
	.yb_left {
        width: 60px;
        left: -30px;
    }
	
	.yb_right {
        width: 70px;
        right: -40px;
    }
	.score_row{height: 25px;}
	.score_left img{height: 20px;}
}

@media only screen and (max-width: 1200px) and (orientation: landscape) and (max-height: 700px)
{
	.leaderboard_position img {
        max-width: 160px;
    }
	
	#angpao_counter {
        width: 50px;
    }
	
	.angpao_number {
        font-size: 20px;
        bottom: 10px;
    }
	#logo_container img{width: 130px;}
	#game_countdown{top: 20px;}
	.avatar{width: 60px;}
	.popup_content h3{font-size: 38px;}
	.pulsing{width: 120px;}
	.popup_content span, .attempt, .round_text{font-size: 16px;}
	
	.popup_container{width: 233px;}
	.popup_text{font-size: 30px;}
	.leaderboard_position{top: 36px;}
}

@media only screen and (max-width: 1200px) and (orientation: portrait)
{
	.game_position{position:relative; width: 100%; }
	.leaderboard_position{position:unset; width: 100%; padding: 0px 20px; padding-bottom: 70px;}
	#bg_row{max-height:unset;}
	#game_countdown{top: 30px; right: 30px;}
	#angpao_counter{left: 30px;}
	.small_cs1{position:unset;}
	.lb_caishen_container{position:relative;}
	.leaderboard_position .small_title{margin-top: 0px;margin-top: -50px;position: relative;}
	footer{position:unset; margin-top: -25px; position:relative; z-index:1;}
	#bg_row img{padding: 0px 20px;}
	#welcome_gif img{width: 100%; max-width: unset;}
	#welcome_gif{margin-top: 40px;}
	.veri_phone, .veri_name{width: 70%; z-index: 99; position: relative;}
	#start_btn img{width: 70%;}
	#bg_row .vc_column_container{position:unset;}
	#start_btn{position:relative; z-index: 99;}
	#bg_row{overflow:hidden; position:relative;}
	#bg_row{background-image:url("https://www.22winhuat.online/wp-content/uploads/2025/01/plain-bg.webp") !important;}
	#bottom_mobile{display: block; position: absolute; bottom: -500px;}
	#bottom_mobile img{ padding: 0px !important; width: 100%;}
	.final_scoring{top: 0;}
}

@media only screen and (max-width: 800px) and (orientation: portrait)
{
	.view_tnc{text-shadow: 0 0 3px black;}
	.close_tnc_container{right: 40px;}
	.tnc_container{width: 100%;}
	.tnc_box{padding: 0px 20px;}
	#game_container{background-image:url("https://www.22winhuat.online/wp-content/uploads/2025/01/mb-game.png") !important;background-position:top; background-size: 110%; background-attachment:fixed;}
	.final_scoring{font-size: 30px;}
	.final_scoring .smaller{font-size: 25px;}
	
	#game_countdown{font-size: 20px;}
	#game_countdown{top: 120px;}
	#angpao_counter{width: 100px;top: 60px;}
	.angpao_number{font-size: 35px; bottom: 25px;}
	#logo_container img{width: 25vw;}
	.avatar{width: 100px;}
	.popup_content span, .attempt{font-size: 20px;}
	.popup_content h3{font-size: 48px;}
	#try_again img{width: 80%;}
	#try_again{text-align:center;}
	.popup_text{font-size: 30px;}
	#game_box{width: 160vw; left: 0;}
	.falling-object{width: 70%;}
	.popup_container{height: auto;}
	.score_left{gap: 20px;}
	.popup_container {
    padding: 0px 20px;
		width: 100%;max-width: 433px;}
	.leaderboard_position .small_title{transform: unset;}
	.lb_title_container{margin-top: -20px;}
}

@media only screen and (max-width: 450px) and (orientation: portrait)
{
	.close_btn{right: 20px;}
	.final_scoring{font-size: 20px;}
	.final_scoring .smaller{font-size: 16px;}
	.score_row div{font-size:14px;}
	.veri_phone, .veri_name{width: 70%; margin:auto; padding: 10px 20px;height: 45px; border-radius: 25px;}
	.round_text{font-size: 14px;}
	.bt-30{padding-bottom: 20px;}
	#logo_container img{width: 30vw; filter: drop-shadow(2px 2px 6px black);}
	#angpao_counter{width: 60px;}
	.angpao_number{font-size: 25px; bottom: 12px;}
	.popup_content a{text-align:center;}
	.pulsing img{width: 80%;margin:auto;}
	#game_box{width: 200vw; left: 0;}
	#bg_row{min-height: 400px !important; height: 100vh; position: relative;}
	#bottom_mobile{display: block; position: absolute; bottom: 0px;}
	#bottom_mobile img{ padding: 0px !important;}
	
}

@media only screen and (max-width: 420px) and (orientation: portrait) and (max-height: 800px)
{
	#bottom_mobile{bottom: -100px;}
}

@media only screen and (max-width: 420px) and (orientation: portrait) and (max-height: 700px)
{
	#bottom_mobile{bottom: -200px;}
}

@media only screen and (max-width: 400px) and (orientation: portrait)
{
	.falling-object{width: 60%;}
	
	.avatar {
        width: 70px;
    }
	
	.popup_content span, .attempt{font-size: 16px;}
	.popup_content h3{font-size: 40px;}
}</pre></body></html>