@charset "utf-8";
@media (prefers-color-scheme: dark),(prefers-color-scheme: light) {
	:root{
		--CPT-THM-R: 70;
		--CPT-THM-G: 130;
		--CPT-THM-B: 180;
		--CPT-THM-H: 207.27;
		--CPT-THM-S: 44%;
		--CPT-THM-L: 49.02%;

		--SiteTHM-text-invert: #fff;

		--body-background-color: rgb(23 28 35);
		--body-background-color-a25:rgba(23 28 35/25%);
		--body-background-color-a50:rgba(23 28 35/50%);
		--body-background-color-a75:rgba(23 28 35/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),var(--body-background-color-a25) 30% 70%,var(--body-background-color)),
		linear-gradient(-90deg,var(--body-background-color),var(--body-background-color-a50) 30% 70%,var(--body-background-color)),
		url("https://seagm-media.seagmcdn.com/promotion/v2/soj2026/art_bg2.jpg?x-oss-process=image/resize,w_1920,limit_0");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: min(1920px,200vw) auto;
	background-attachment: fixed;
}


#promotion_cover{margin-block-start:calc(var(--site-header-height,144) * -1px);width:min(1920px,100%);margin-inline:auto;	
	& h1{display:none;}
	.art{display:flex;flex-direction:column;align-items:center;gap:var(--spacing);margin-block-start:calc(var(--site-header-height,144) * 1px - var(--spacing));position:relative;--art-1-url:url("https://seagm-media.seagmcdn.com/promotion/v2/soj2026/art_01.png?x-oss-process=image/resize,w_1200,limit_0");
		&::before{content:"";display:block;width:min(50em,90%);aspect-ratio:20/17;background:var(--art-1-url) no-repeat center/contain;filter:drop-shadow(1em 1em 2em var(--body-background-color-a25));}
	}
	@media only screen and (max-width: 480px){background-size:cover,cover,cover,150% auto;
		.art{--art-1-url:url("https://seagm-media.seagmcdn.com/promotion/v2/soj2026/art_01.png?x-oss-process=image/resize,w_880,limit_0");}
	}

	#promotion_countdown #promotion_timer>div{color:var(--SiteTHM-text-invert);background-color:var(--SiteTHM-A25);box-shadow:var(--SiteTHM) 0 0 0 2px inset;border-radius:.5em;}
}


#promotion_winner .list{background:var(--body-background-color-a75) radial-gradient(var(--SiteTHM-A50),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);filter:drop-shadow(0 0 .5em rgba(0 0 0/50%));}
h2::after{content:'';display:block;height:calc(var(--title-size) / 1.25);background:url("https://seagm-media.seagmcdn.com/promotion/v2/soj2026/title_line.svg") no-repeat center/contain;}
h2>span{font-size:var(--title-size);text-align:center;text-transform:uppercase;color:#FEDD9A;}



#promotion_prize{display:flex;flex-wrap:wrap;gap:var(--spacing);justify-content:center;
	.prize{flex:0 1 25em;display:flex;flex-direction:column;align-items:center;text-align:center;
		&::before{content:'';display:block;width:min(25em,80%);aspect-ratio:1/1;background:var(--prize-img) no-repeat center/contain;}
		&:nth-child(1){--prize-img:url('https://seagm-media.seagmcdn.com/promotion/v2/soj2026/prize_01.png?x-oss-process=image/resize,w_480,limit_0');}
		&:nth-child(2){--prize-img:url('https://seagm-media.seagmcdn.com/promotion/v2/soj2026/prize_02.png?x-oss-process=image/resize,w_480,limit_0');}
	}
	& ul li{margin-block:.5em;}
}


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

#promotion_task{grid-template-columns:4fr 3fr;
	.task{
		&:nth-child(1) .list{grid-template-columns:repeat(4,1fr);}
		&:nth-child(2) .list{grid-template-columns:repeat(3,1fr);}
		.list{padding:3px;background:var(--body-background-color-a75) radial-gradient(var(--SiteTHM-A50),var(--SiteTHM-A0) 70%) no-repeat center top/150% 250%;box-shadow:var(--SiteTHM-A75) 0 0 0 2px inset;
			.item{
				.img{background:var(--sku-img) no-repeat center/cover;}
				@media only screen and (min-width: 481px){
					.sku{background-color:var(--SiteTHM);font-weight:var(--SiteFW-EB);
						&::before{font-size:1.5em;}
					}
				}
				@media only screen and (max-width: 480px){
					.sku::after{padding:.75em 1.25em;border-radius:.5em;font-weight:var(--SiteFW-EB);text-transform:uppercase;color:#fff;background:var(--SiteTHM);}
				}
			}
		}
	}
}
[data-sku="25359"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25359.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25360"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25360.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25361"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25361.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25366"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25366.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25368"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25368.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="26082"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-26082.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="27876"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-27876.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="28308"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-28308.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="29557"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-29557.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="29558"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-29558.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="29559"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-29559.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="29560"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-29560.png?x-oss-process=image/resize,w_400,limit_0");}

[data-sku="25362"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25362.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25363"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25363.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25364"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25364.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="100000"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-100000.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="25367"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-25367.png?x-oss-process=image/resize,w_400,limit_0");}
[data-sku="29561"]{--sku-img:url("https://seagm-media.seagmcdn.com/icon_sku/3211-29561.png?x-oss-process=image/resize,w_400,limit_0");}

#promotion_btc>.inner{
	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-a75),var(--body-background-color)),
		url("https://seagm-media.seagmcdn.com/promotion/v2/soj2026/art_bg2.jpg?x-oss-process=image/resize,w_1920,limit_0");
	background-position:
		top center,
		bottom center,
		center,
		top center;
	background-size:
		100% var(--CPT-BDW),
		100% var(--CPT-BDW),
		cover,
		cover;
	background-repeat:no-repeat;
}