@charset "utf-8";
@media (prefers-color-scheme: light) , (prefers-color-scheme: dark) {
	:root{
		--CPT-THM-R: 255;
		--CPT-THM-G: 228;
		--CPT-THM-B: 181;
		--CPT-THM-H: 38.11;
		--CPT-THM-S: 100%;
		--CPT-THM-L: 85.49%;

		--body-background-color: hsl(228 46% 31%);
		--body-background-color-a25: hsla(228 46% 31%/25%);
		--body-background-color-a50: hsla(228 46% 31%/50%);
		--body-background-color-a75: hsla(228 46% 31%/75%);

		--background-color-L0: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 24%);
		--background-color-L1: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 21%);
		--background-color-L2: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 18%);
		--background-color-L3: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 15%);
		--background-color-L4: hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 12%);

		--background-color-mask-a75:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/75%);
		--background-color-mask-a50:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/50%);
		--background-color-mask-a25:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/25%);

		--body-text-color:rgba(255 255 255/100%);

		--body-text-color-a75:rgba(255 255 255/75%);
		--body-text-color-a50:rgba(255 255 255/50%);
		--body-text-color-a25:rgba(255 255 255/25%);
		--body-text-color-a10:rgba(255 255 255/10%);
		--body-text-color-a5:rgba(255 255 255/5%);
		--body-text-color-a2:rgba(255 255 255/2%);
		--body-text-color-a0:rgba(255 255 255/0);

		--background-color-warning: rgba(255 255 0/10%);
		--text-color-warning: rgba(255 255 0);
		--background-color-alert: rgba(255 50 50/25%);
		--text-color-alert: rgba(255 70 70);

		--background-color-complete: rgb(154 205 50/10%);
		--text-color-complete: rgba(154 205 50);
		--background-color-promotion: rgb(154 205 50/10%);
		--text-color-promotion: rgba(154 205 50);

		--CPT-CLR: #fff;
		--CPT-INPTBG: rgba(255 255 255/5%);
		--CPT-INPTCL: #fff;
		--CPT-INPTTP: rgba(255 255 255/75%);
		--CPT-INPTPH: rgba(255 255 255/50%);
		--CPT-FBDCL: rgba(0 0 0/50%);
		--CPT-FBDBG: rgba(0 0 0/5%);

		--brightness-filter: 1;
		color-scheme: dark;
	}
}

body{
	background-image: 
		linear-gradient(90deg,var(--body-background-color),transparent 25% 75%,var(--body-background-color)),
		linear-gradient(180deg,transparent 50%,var(--body-background-color)),
		url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/art_bg1.jpg?x-oss-process=image/resize,w_3840,limit_0");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: min(1920px,150vw) min(1080px,84vw);
	background-attachment: fixed;
}

#site_header{transition:background-color 300ms;}
@media only screen and (min-width: 1001px){
	#site_header:not(.float){background-color:transparent;}
}
@media only screen and (max-width: 1000px){
	#site_header:not(.float,:has(#global_nav .nav.show)){background-color:transparent;}
}

#promotion_cover{margin-block-start:calc(var(--site-header-height,144) * -1px);width:100%;margin-inline:auto;}
#promotion_cover h1{display:none;}
#promotion_cover .art{width:min(45em,85%);aspect-ratio:1/1;background:var(--art-url) no-repeat center/contain;margin-inline:auto;margin-block-start:calc(var(--site-header-height,144) * 1px - var(--spacing));--art-url:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/art_01.png?x-oss-process=image/resize,w_1080,limit_0");}


#promotion_timer>div{color:#513f30;background:linear-gradient(180deg,hsl(38 100% 90%),hsl(38 100% 85%));border-radius:.5em;}
#promotion_timer>div::after{color:inherit;}

#promotion_winner .list{background:var(--body-background-color-a75) radial-gradient(var(--SiteTHM-A25),var(--SiteTHM-A0) 70%) no-repeat center top/150% 250%;box-shadow:var(--SiteTHM-A75) 0 0 0 2px inset;}


h2{display:flex;flex-direction:column;gap:1em;font-size:1em;--title-size:clamp(2em,5vw,3em);}
h2::after{content:'';display:block;height:var(--title-size);background:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/title_line.svg") no-repeat center/contain;}
h2>span{font-size:var(--title-size);text-align:center;text-transform:uppercase;}

#promotion_content>.inner{gap:calc(var(--spacing) * 1.5);}


#promotion_prize{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--spacing);}
#promotion_prize .prize{flex:0 1 30em;}
#promotion_prize .prize::before{content:'';display:block;aspect-ratio:1/1;width:min(15em,50%);background-image:var(--prize-img,url('../images/placeholder/materialpic-7c4b3c1290.svg'));background-repeat:no-repeat;background-position:center;background-size:contain;margin-inline:auto;}
#promotion_prize .prize:nth-child(1){--prize-img:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/prize1.png?x-oss-process=image/resize,w_360,limit_0');}
#promotion_prize .prize:nth-child(2){--prize-img:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/prize2.png?x-oss-process=image/resize,w_360,limit_0');}
#promotion_prize .prize ul{font-size:var(--SiteFS-L);text-align:center;}
#promotion_prize .prize ul>li{margin-block:.5em;}

#promotion_rules_steps .step{--step-bgc:transparent;--aspect-ratio:200/161;}
#promotion_rules_steps .step:nth-child(1){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/step1.png?x-oss-process=image/resize,w_420,limit_0');}
#promotion_rules_steps .step:nth-child(2){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/step2.png?x-oss-process=image/resize,w_420,limit_0');}
#promotion_rules_steps .step:nth-child(3){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/step3.png?x-oss-process=image/resize,w_420,limit_0');}
@media only screen and (max-width: 480px){
	#promotion_rules_steps .step{grid-template-columns:8em 1fr;}
}


#promotion_task{grid-template-columns:1fr 1fr;}
#promotion_task .task:nth-child(1) .list{grid-template-columns:repeat(4,1fr);}
#promotion_task .task:nth-child(2) .list{grid-template-columns:repeat(4,1fr);}

#promotion_task .list{padding:3px;background:var(--body-background-color-a75);box-shadow:var(--SiteTHM-A75) 0 0 0 2px inset;}
#promotion_task .img{background-image:var(--sku-img,url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/diamond1.png?x-oss-process=image/resize,w_300,limit_0")),radial-gradient(var(--SiteTHM-A25),var(--SiteTHM-A0) 70%);background-repeat:no-repeat;background-position:center,center top;background-size:90% auto,150% 200%}
[data-sku="26876"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/pack1.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="26877"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/pack2.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4590"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4590.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4591"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4591.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="21607"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-21607.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4595"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4595.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="21608"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-21608.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="21609"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-21609.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="21610"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-21610.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4600"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4600.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4601"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4601.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19734"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19734.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19733"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19733.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4605"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4605.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4607"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4607.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19737"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19737.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4608"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4608.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4610"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4610.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4612"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4612.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19732"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19732.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4613"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4613.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="16525"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-16525.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="26842"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-26842.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4615"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4615.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19736"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19736.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4616"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4616.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="26843"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-26843.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19735"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19735.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19731"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19731.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4618"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4618.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="26844"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-26844.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="3821"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-3821.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19699"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19699.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19700"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19700.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="26845"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-26845.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="4620"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-4620.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="3825"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-3825.png?x-oss-process=image/resize,w_300,limit_0")}
[data-sku="19701"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/758-19701.png?x-oss-process=image/resize,w_300,limit_0")}
@media only screen and (min-width: 481px){
	#promotion_task .sku{grid-template-columns:1fr;color:#513f30;background:linear-gradient(180deg,hsl(38 100% 90%),hsl(38 100% 85%));font-weight:var(--SiteFW-B);text-align:center;}
	#promotion_task .sku::before{content:none;}
}
@media only screen and (max-width: 480px){
	#promotion_task .sku::after{padding:.75em 1.25em;border-radius:.5em;font-weight:var(--SiteFW-EB);text-transform:uppercase;color:#513f30;background:linear-gradient(180deg,hsl(38 100% 90%),hsl(38 100% 85%));}
}


#promotion_btc {
	margin-block: var(--spacing);
	padding-block: 3px;
	background-color: var(--body-background-color);
	background-image: 
		linear-gradient(90deg, transparent, var(--SiteTHM), transparent), 
		linear-gradient(90deg, transparent, var(--SiteTHM), transparent), 
		linear-gradient(90deg, var(--body-background-color), var(--body-background-color-a50) 15% 85%, var(--body-background-color)), 
		url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb202606/art_bg1.jpg?x-oss-process=image/resize,w_3840,limit_0");
	background-repeat: no-repeat;
	background-position: top center, bottom center, center, center bottom;
	background-size: var(--PageContentWidth) 3px, var(--PageContentWidth) 3px, var(--PageContentWidth) 100%, var(--PageContentWidth);
}
#entry_btc .timer{border-radius:.5em;}
#entry_btc .btw:is(.login,.convert){--CPT-US:3em;--font-size:1.333334em;}