@charset "utf-8";
:root{
	--CPT-THM-R: 198;
	--CPT-THM-G: 97;
	--CPT-THM-B: 17;
	--CPT-THM-H: 27;
	--CPT-THM-S: 85%;
	--CPT-THM-L: 42%;

	--body-background-color: rgb(29 14 11);
	--body-background-color-a25:rgba(29 14 11/25%);
	--body-background-color-a50:rgba(29 14 11/50%);
	--body-background-color-a75:rgba(29 14 11/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;
}

#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);
	background-image: 
		linear-gradient(90deg,var(--body-background-color),transparent 30% 70%,var(--body-background-color)),
		linear-gradient(0deg,var(--body-background-color),transparent),
		url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_bg1.jpg?x-oss-process=image/resize,w_1920,limit_0");
	background-repeat: 
		no-repeat,
		no-repeat,
		no-repeat;
	background-position: 
		center,
		center,
		center;
	background-size: 
		cover,
		cover,
		cover;

	width: min(1920px,100%);
	margin-inline: auto;
}
#promotion_cover h1{display:none;}
#promotion_cover .art{display:grid;grid-template-columns:5fr 4fr;align-items:center;margin-block-start:calc(var(--site-header-height,144) * 1px - var(--spacing));
	--art-1-url:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_01.png?x-oss-process=image/resize,w_1280,limit_0");
	--art-2-url:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_02.png?x-oss-process=image/resize,w_1024,limit_0");

}
#promotion_cover .art::before{content:"";display:block;aspect-ratio:1/1;background:var(--art-1-url) no-repeat center/contain;filter:drop-shadow(1em 1em 2em var(--body-background-color));}
#promotion_cover .art::after{content:"";display:block;aspect-ratio:160/131;background:var(--art-2-url) no-repeat center/contain;}
@media only screen and (max-width: 1000px){}
@media only screen and (max-width: 480px){
	#promotion_cover .art{display:flex;flex-direction:column;
		--art-1-url:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_01.png?x-oss-process=image/resize,w_720,limit_0");
		--art-2-url:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_02.png?x-oss-process=image/resize,w_600,limit_0");
	}
	#promotion_cover .art::before{width:min(30em,100%);margin-block:-10% -25%;}
	#promotion_cover .art::after{width:min(25em,80%);position:relative;z-index:1;}
}


#promotion_timer>div{gap:.25em;background:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/countdown_bg.png?x-oss-process=image/resize,w_160,limit_0") no-repeat top center/contain;}

#promotion_winner .list{background:var(--body-background-color-a50) 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/marvel2026/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_rules_steps .step{--step-bgc:transparent;--aspect-ratio:400/288;}
#promotion_rules_steps .step:nth-child(1){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/step1.png?x-oss-process=image/resize,w_400,limit_0');}
#promotion_rules_steps .step:nth-child(2){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/step2.png?x-oss-process=image/resize,w_400,limit_0');}
#promotion_rules_steps .step:nth-child(3){--step-img:url('https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/step3.png?x-oss-process=image/resize,w_400,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(3,1fr);}
#promotion_task .task:nth-child(2) .list{grid-template-columns:repeat(3,1fr);}

#promotion_task .list{padding:3px;background:var(--SiteTHM-A5);box-shadow:var(--SiteTHM-A75) 0 0 0 2px inset;}
#promotion_task .img{background-image:var(--sku-img),radial-gradient(var(--SiteTHM-A25),var(--SiteTHM-A0) 70%);background-repeat:no-repeat;background-position:center,center top;background-size:contain,150% 200%}
[data-sku="21255"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21255.jpg?x-oss-process=image/resize,w_400,limit_0")}
[data-sku="21256"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21256.jpg?x-oss-process=image/resize,w_400,limit_0")}
[data-sku="21257"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21257.jpg?x-oss-process=image/resize,w_400,limit_0")}
[data-sku="21258"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21258.jpg?x-oss-process=image/resize,w_400,limit_0")}
[data-sku="21259"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21259.jpg?x-oss-process=image/resize,w_400,limit_0")}
[data-sku="21260"]{--sku-img:url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/21260.jpg?x-oss-process=image/resize,w_400,limit_0")}
@media only screen and (min-width: 481px){
	#promotion_task .sku{background-color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
	#promotion_task .sku::before{font-size:1.5em;}
}
@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:#fff;background:var(--SiteTHM);}
}


#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-a75) 15% 85%,var(--body-background-color)),url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/art_bg1.jpg?x-oss-process=image/resize,w_1920,limit_0");background-repeat:no-repeat;background-position:top center,bottom center,center,top center;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;}