@charset "UTF-8";

body{--spacing:2em;}
@media only screen and (max-width:640px){
	body{--spacing:1.5em;}
}


/* game cover */
#GameHeader{background:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
#GameHeader>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:calc(var(--spacing) * 1.5) var(--spacing);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing);}
#GameHeader .Breadcrumbs{grid-area:Breadcrumbs;}
#GameHeader .game_cover{grid-area:game_cover;}
#GameHeader .game_name{grid-area:game_name;}
#GameHeader .game_category{grid-area:game_category;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#GameHeader #Breadcrumbs{}
#GameHeader #Breadcrumbs ul{display:flex;flex-wrap:wrap;gap:.5em;}
#GameHeader #Breadcrumbs ul>li{}
#GameHeader #Breadcrumbs ul>li~li::before{content:'/';display:inline-block;vertical-align:top;margin-inline-end:.5em;opacity:.25;}
#GameHeader #Breadcrumbs a{color:var(--color);opacity:.5;}
#GameHeader #Breadcrumbs a:hover{color:var(--SiteTHM);opacity:1;}

#game_name{}
#game_name h1{font-size:2em;font-weight:var(--CPT-FW-EB);text-transform:uppercase;}

#item_category{overflow:hidden;}
#item_category>.inner{display:flex;flex-wrap:wrap;gap:1em;}
#item_category .category{flex:none;display:block;background-color:var(--body-text-color-a10,rgba(0 0 0/5%));color:inherit;padding:1em 1.5em;border-radius:.5em;transition:color 300ms,background-color 300ms,box-shadow 300ms;max-width:calc(var(--VWidth) - var(--spacing) * 2);box-sizing:border-box;margin:unset!important;}
#item_category .category>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#item_category .category>span::before{content:var(--i);display:block;font-size:2em;}
#item_category .category>span b{font-weight:var(--CPT-FW-B);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#item_category .category.on{background:var(--background-color);color:var(--color);}
#item_category .category:not(.on):hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#game_name h1{font-size:1.75em;}
	#item_category{margin-inline:calc(var(--spacing) * -1);}
	#item_category>.inner{flex-wrap:nowrap;padding-inline:var(--spacing);overflow:hidden;overflow-x:auto;}
	#item_category>.inner::-webkit-scrollbar{display:none;}
	#item_category>.inner:not(.scroll){scroll-snap-type:x mandatory;}
	#item_category>.inner .category.on{scroll-snap-align:center;}
}
@media only screen and (max-width:800px){
	#game_name h1{font-size:1.5em;}
}
@media only screen and (max-width:480px){}
/* game cover */

/* card cover */
#CardHeader{background:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
#CardHeader>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:calc(var(--spacing) * 1.5) var(--spacing);box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);}

#CardHeader #Breadcrumbs{grid-column:1/-1;}
#CardHeader #Breadcrumbs ul{display:flex;flex-wrap:wrap;gap:.5em;}
#CardHeader #Breadcrumbs ul>li{}
#CardHeader #Breadcrumbs ul>li~li::before{content:'/';display:inline-block;vertical-align:top;margin-inline-end:.5em;opacity:.25;}
#CardHeader #Breadcrumbs a{color:var(--color);opacity:.5;}
#CardHeader #Breadcrumbs a:hover{color:var(--SiteTHM);opacity:1;}

#card_cover{align-self:end;--width:5em;width:var(--width);height:var(--width);border-radius:25%;overflow:hidden;box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px;background:var(--background-color-L0,#fff);}
#card_cover>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}

#card_name{}
#card_name h1{font-size:2em;font-weight:var(--CPT-FW-EB);text-transform:uppercase;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#card_name h1{font-size:1.75em;}
}
@media only screen and (max-width:800px){
	#card_name h1{font-size:1.5em;}
}
@media only screen and (max-width:480px){
	#card_cover{--width:4.5em;}
}
/* card cover */



/* game home */
#GameCover{color:var(--color);background-color:var(--background-color);background-image:linear-gradient(135deg,hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-size:cover;position:relative;}
#GameCover>.bg{background-size:cover;background-position:center;position:absolute;inset:0;z-index:0;pointer-events:none;max-width:160em;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,rgba(0 0 0/0),rgba(0 0 0/50%),rgba(0 0 0/0));mask-image:linear-gradient(90deg,rgba(0 0 0/0),rgba(0 0 0/50%),rgba(0 0 0/0));}
#GameCover>.inner{display:grid;grid:"game_cover game_name"/auto 1fr;gap:var(--spacing);align-items:end;max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;position:relative;}
#GameCover #game_cover{grid-area:game_cover;}
#GameCover #game_name{grid-area:game_name;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#GameCover #game_cover{margin-block-end:calc(var(--spacing) * -1.5);--W:12em;}
#GameCover #game_cover .img{width:var(--W);height:calc(var(--W) / 3 * 4);border-radius:calc(var(--W) / 10);background-color: var(--color-img-bdc);box-shadow:var(--color-img-bgc) 0 0 0 1px,rgba(0 0 0/10%) 0 1em 2em;overflow:hidden;position:relative;z-index:1;}
#GameCover #game_cover .img>img{display:block;width:100%;height:100%;border-radius:inherit;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#GameCover>.inner{padding-block-end:calc(var(--spacing) * 2);}
	#GameCover #game_cover{--W:10em;}
	#GameCover~#GameHome{margin-block-start:calc(var(--spacing) * -1);position:relative;}
	#GameCover~#GameHome>.inner>*:first-child{padding-block-start:calc(var(--spacing) * 1.5);}
}



#GameHome{flex:auto;}
#GameHome>.inner{display:grid;grid:"aside content"/clamp(30em,33%,35em) 1fr;align-items:start;gap:var(--spacing);max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}
#GameHome>.inner>.aside{grid-area:aside;background:var(--background-color-L1,#fff);border-radius:1em;padding:var(--spacing);}
#GameHome>.inner>.content{grid-area:content;background:var(--background-color-L3,#fff);border-radius:1em;padding:var(--spacing);}
#GameHome>.inner>.content:only-child{grid-column:1/-1;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#GameHome>.inner{display:flex;flex-direction:column;align-items:unset;}
}
@media only screen and (max-width:480px){
	#GameHome>.inner{padding:unset;}
}

#game_category{display:flex;flex-direction:column;gap:var(--spacing);}
#game_category>.title{}
#game_category>.title h3{font-size:1em;font-weight:var(--CPT-FW-B);text-transform:uppercase;}
#game_category>.inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));align-items:start;gap:1em;}
#game_category .category{padding:1.5em;border-radius:var(--CPT-BDR);color:inherit;background-color:var(--body-text-color-a10,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 var(--CPT-BDW) inset;transition:color 300ms,background-color 300ms,box-shadow 300ms;}
#game_category .category:hover{color:var(--SiteTHM);box-shadow:var(--SiteTHM) 0 0 0 var(--CPT-BDW) inset,var(--SiteTHM-A10) 0 0 0 999em inset;}
#game_category .category span{display:flex;flex-direction:column;gap:.5em;text-align:center;overflow:hidden;}
#game_category .category span::before{content:var(--i);display:block;font-size:2em;margin-inline:auto;}
#game_category .category b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


/* game content */
#GameContent{flex:auto;}
#GameContent>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}

#GameContent [data-step]{counter-increment:step;display:flex;flex-direction:column;gap:1em;padding:var(--spacing);}
#GameContent [data-step]>.title{display:flex;align-items:center;gap:1.5em;font-weight:var(--CPT-FW-B);text-transform:uppercase;}
#GameContent [data-step]>.title::before{content:counter(step,upper-roman);display:block;background:var(--SiteTHM);color:var(--body-background-color,#fff);width:2em;height:2em;line-height:2;text-align:center;font-weight:var(--CPT-FW-B);border-radius:.5em;}
#GameContent [data-step]>.title~*{margin-inline-start:3.5em;}
#GameContent [data-step]>.block{display:flex;flex-direction:column;gap:1em;}
#GameContent [data-step]>.block>.title{}
#GameContent *~[data-step]{box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
@media only screen and (max-width:1280px){
	#GameContent [data-step]>.title::before{}
	#GameContent [data-step]>.title~*{margin-inline-start:unset;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}
/* game content */


/* Game content */
#GameContent>.inner{display:grid;grid:"item_purchase calculation" "item_explain ."/1fr clamp(30em,33%,35em);align-items:start;gap:var(--spacing);}
#GameContent #item_purchase{grid-area:item_purchase;}
#GameContent #calculation{grid-area:calculation;}
#GameContent #item_explain{grid-area:item_explain;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#GameContent>.inner{grid:"item_purchase" "calculation_duplicate" "item_explain";max-width:40em;}
}
@media only screen and (max-width:480px){
	#GameContent>.inner{padding-inline:unset;}
}
/* Game content */


#item_purchase{display:flex;flex-direction:column;background:var(--background-color-L3,#fff);border-radius:1em;}

#item_info{display:grid;grid:"img name" 1fr "img data" auto/auto 1fr;align-items:center;gap:1em var(--spacing);padding:var(--spacing);}
#item_info .img{grid-area:img;}
#item_info .name{grid-area:name;}
#item_info .data{grid-area:data;}
#item_info .img{align-self:start;width:5em;height:5em;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;border-radius:.5em;aspect-ratio:1/1;position:relative;}
#item_info .img>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;overflow:hidden;}
#item_info .img>span{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:.5em;margin-block-end:-.5em;margin-inline-end:-.5em;border-radius:inherit;background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px inset;}
#item_info .img>span::before{content:var(--i);display:block;font-size:1.5em;overflow:hidden;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#item_info .name{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#item_info .data{display:flex;flex-wrap:wrap;align-items:center;gap:1em var(--spacing);}
#item_info .label{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:1em;white-space:nowrap;}
#item_info .label::before{content:attr(icon);display:block;font-size:1.5em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}
#item_info .label span{font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#item_info .label i{font-style:normal;}
#item_info .delivery{flex:auto;width:100%;white-space:unset;grid-template-columns:auto 1fr;align-items:start;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#item_info .name{font-size:var(--SiteFS-L);}
	#item_info .data{flex-direction:column;align-items:unset;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#item_info{grid:"img name" 1fr "data data" auto/auto 1fr;}
	#item_info .data{margin-block-start:calc(var(--spacing) - 1em);}
}


#purchase_info{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));gap:1em;--CPT-US:4em;}
#purchase_info .field{display:flex;flex-direction:column;gap:.5em;}
#purchase_info .T{}
#purchase_info .C{display:flex;flex-direction:column;}
#purchase_info .tips_wrp{display:flex;flex-direction:column;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#purchase_info .tips_wrp>*{margin-block-start:.5em;}
#purchase_info .tips_wrp .alert{display:none;font-weight:var(--CPT-FW-B);color:var(--text-color-alert);}
#purchase_info .tips_wrp .alert.show{display:block;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#purchase_info{--CPT-US:3.5em;}
	#purchase_info .field .cpt-text,
	#purchase_info .field .cpt-select{max-width:25em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


#sku_region{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));gap:1em;--CPT-US:4em;}
#sku_region [region]{padding-inline-end:unset;}
#sku_region .sku_region_tips{grid-column:span 2;margin-block:auto;color:var(--text-color-warning);display:grid;grid-template-columns:auto 1fr;gap:.5em;}
#sku_region .sku_region_tips::before{content:attr(icon);font-size:1.5em;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#sku_region{display:flex;flex-direction:column;--CPT-US:3.5em;}
	#sku_region .cpt-select{max-width:25em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#sku_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));align-items:start;gap:1em;--CPT-US:4em;--CPT-BDW:2px;}
#sku_list .cpt-radio{}
#sku_list .SKU_type{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:unset;min-height:var(--CPT-US);padding:.75em calc(var(--CPT-US) / 2);box-sizing:border-box;border-radius:var(--CPT-BDR);background-color:var(--CPT-BGC);box-shadow:var(--border-color,var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset,var(--background-focus-color,transparent) 0 0 0 999em inset;transition:box-shadow 300ms;}
#sku_list .SKU_type::before{content:unset;}
#sku_list .SKU_type .sku{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sku_list .SKU_type .price{color:var(--SiteTHM);}
#sku_list .SKU_type .mark{}
#sku_list .SKU_type .mark.promotion{color:var(--text-color-promotion);}
#sku_list .SKU_type .stockout{color:var(--text-color-alert);}
#sku_list input[type="radio"]:checked+.SKU_type{--border-color:var(--SiteTHM);--background-focus-color:var(--SiteTHM-A10);}
#sku_list input[type="radio"]:disabled~.SKU_type{cursor:not-allowed;}
#sku_list input[type="radio"]:disabled~.SKU_type .sku{font-weight:var(--CPT-FW);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#sku_list_ctrl{display:none;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#sku_list{--CPT-US:3.5em;}
	#sku_list .SKU_type{padding-inline:1.25em;}
	#sku_list .SKU_type .sku{text-align:center;}

	#sku_list_ctrl{display:block;--font-weight:var(--CPT-FW);--icon-order:9;transform:unset;}
	#sku_list_ctrl>span::before{content:'expand_more';}
	#sku_list_ctrl>span::after{content:attr(data-title-fold);}

	#sku_list.fold label:nth-of-type(6)~label{display:none;}
	#sku_list.fold~#sku_list_ctrl{--background-color:var(--body-text-color-a5,rgba(0 0 0 / 5%));}
	#sku_list:not(.fold)~#sku_list_ctrl{margin-block-end:-1em;}
	#sku_list:not(.fold)~#sku_list_ctrl>span::before{content:'expand_less';}
	#sku_list:not(.fold)~#sku_list_ctrl>span::after{content:attr(data-title-expand);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#sku_qtt{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));gap:1em;--CPT-US:4em;}
#sku_qtt .field{display:flex;flex-direction:column;}
#sku_qtt .cpt-quantity>.btw{--icon-size:calc(var(--CPT-FS) * 1.5);}
#sku_qtt .tips_wrp{grid-column:1/-1;display:flex;flex-direction:column;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#sku_qtt .tips_wrp>*~*{margin-block-start:.25em;}
#sku_qtt .tips_wrp .alert{display:none;font-weight:var(--CPT-FW-B);color:var(--text-color-alert);}
#sku_qtt .tips_wrp .alert.show{display:block;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#sku_qtt{--CPT-US:3.5em;}
	#sku_qtt .cpt-quantity{max-width:25em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#item_server{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));gap:1em;--CPT-US:4em;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#item_server{display:flex;flex-direction:column;--CPT-US:3.5em;}
	#item_server .cpt-select{max-width:25em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

/* #item_qtt{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));align-items:center;column-gap:1em;--CPT-US:4em;}
#item_qtt .cpt-quantity{width:100%;min-width:calc(var(--CPT-US) * 3.5);}
#item_qtt .cpt-quantity>.btw{--icon-size:calc(var(--CPT-FS) * 1.5);}
#item_qtt .package{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#item_qtt .package::before{content:'×';font-size:2em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}
#item_qtt .package b{display:block;padding:.75em 1em;margin-inline-end:auto;border-radius:var(--CPT-BDR);background:var(--body-text-color-a5,rgba(0 0 0/5%));font-weight:var(--CPT-FW-EB);white-space:nowrap;}
#item_qtt .tips_wrp{grid-column:1/-1;display:flex;flex-direction:column;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#item_qtt .tips_wrp>*{margin-block-start:.5em;}
#item_qtt .tips_wrp .alert{display:none;font-weight:var(--CPT-FW-B);color:var(--text-color-alert);}
#item_qtt .tips_wrp .alert.show{display:block;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#item_qtt{grid-template-columns:auto 1fr;--CPT-US:3.5em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){} */

#seller_sort{margin-inline-start:auto;position:relative;text-transform:initial;}
#seller_sort .btw{--font-weight:var(--CPT-FW);--icon-order:9;--padding-block:0;}
#seller_sort .dropdown{background-color:var(--background-color-L0,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px inset,rgb(0 0 0 / 10%) 0 1px 1em;border-radius:.5em;overflow:hidden;width:fit-content;min-width:20em;padding:.75em;box-sizing:border-box;position:absolute;inset-block-start:-.75em;inset-inline-end:-.75em;z-index:1;display:flex;flex-direction:column;gap:1px;visibility:hidden;opacity:0;transform:translateY(-1em);}
#seller_sort .dropdown.show{visibility:visible;opacity:1;transform:none;transition:visibility 300ms,opacity 300ms,transform 300ms;}
#seller_sort .dropdown .bt{padding:.75em 1em;border-radius:.25em;font-weight:var(--CPT-FW);cursor:pointer;white-space:nowrap;transition:background-color 300ms,color 300ms;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#seller_sort .dropdown .bt::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;opacity:.5;transition:opacity 300ms;}
#seller_sort .dropdown .bt.on{color:#fff;background-color:var(--SiteTHM);font-weight:var(--CPT-FW-B);}
#seller_sort .dropdown .bt.on::before{content:'check';opacity:1;}
#seller_sort .dropdown .bt:not(.on):hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#seller_sort .dropdown .bt:not(.on):hover::before{opacity:1;}

#seller_list{display:flex;flex-direction:column;gap:1em;background:var(--background-color-L1,#fff);border-radius:1em;padding:var(--spacing);overflow:hidden;}
#seller_list>.title{font-weight:var(--CPT-FW-B);text-transform:uppercase;}

#seller_rank_list{display:flex;flex-direction:column;gap:1em;}
#seller_rank_list .seller{display:grid;grid:"info data price"/ 1.5fr 2fr 1fr;align-items:center;gap:0 var(--spacing);padding:1.25em calc(var(--CPT-US) / 2);box-sizing:border-box;border-radius:var(--CPT-BDR);font-weight:var(--CPT-FW);background-color:var(--CPT-BGC);box-shadow:var(--border-color,var(--CPT-BDC)) 0 0 0 2px inset,var(--background-focus-color,transparent) 0 0 0 999em inset;transition:box-shadow 300ms;}
#seller_rank_list .seller::before{content:unset;}
#seller_rank_list .info{grid-area:info;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:1em;width:fit-content;}
#seller_rank_list .avatar{width:var(--avatar-size,2.5em);height:var(--avatar-size,2.5em);border-radius:100%;overflow:hidden;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px;}
#seller_rank_list .avatar>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
#seller_rank_list .name{font-weight:var(--CPT-FW-B);max-width:10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#seller_rank_list .level{display:flex;align-items:center;gap:.5em;}
#seller_rank_list [data-seller-level]{}
#seller_rank_list [data-seller-badge]{}
#seller_rank_list .price{grid-area:price;display:flex;flex-direction:row-reverse;align-items:baseline;gap:.5em;white-space:nowrap;}
#seller_rank_list .price i{font-size:var(--SiteFS-S);font-style:normal;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#seller_rank_list .price .pri{font-weight:var(--CPT-FW-B);color:var(--SiteTHM);}
#seller_rank_list .data{grid-area:data;display:flex;align-items:center;justify-content:space-between;gap:1em;}
#seller_rank_list .data>*{flex:1;}
#seller_rank_list .label[icon]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75em;white-space:nowrap;}
#seller_rank_list .label[icon]::before{content:attr(icon);display:block;font-size:1.5em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}
#seller_rank_list .delivery{order:9;grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75em;margin-block-start:1.25em;padding-block-start:1.25em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
#seller_rank_list input[type="radio"]:checked+.seller{--border-color:var(--SiteTHM);--background-focus-color:var(--SiteTHM-A10);}
#seller_rank_list input[type="radio"]:not(:checked)+.seller .delivery{display:none;}
#seller_rank_list input[type="radio"]:disabled+.seller{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#seller_rank_list .alert{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5em;padding-block:1em;color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
#seller_rank_list .alert::before{content:attr(icon);font-size:2em;align-self:start;}


#seller_list_ctrl{display:none;}
@media only screen and (max-width:1280px){
	#seller_rank_list .seller{grid:"info price" "data data"/1fr auto;}
	#seller_rank_list .data{justify-content:space-evenly;flex-wrap:wrap;column-gap:1em;padding-block-start:1.25em;margin-block-start:1.25em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
	#seller_rank_list .data>*{flex:none;}
	#seller_rank_list input[type="radio"]:not(:checked)+.seller .data{display:none;}
	#seller_rank_list .delivery::before{content:attr(icon);display:block;font-size:1.5em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}
	#seller_rank_list .delivery b{display:none;}
}
@media only screen and (max-width:1000px){
	#seller_list_ctrl{display:block;--font-weight:var(--CPT-FW);--icon-order:9;transform:unset;}
	#seller_list_ctrl>span::before{content:'expand_more';}
	#seller_list_ctrl>span::after{content:attr(data-title-fold);}

	#seller_rank_list.fold label:nth-of-type(3)~label{display:none;}
	#seller_rank_list.fold~#seller_list_ctrl{--background-color:var(--body-text-color-a5,rgba(0 0 0 / 5%));}
	#seller_rank_list:not(.fold)~#seller_list_ctrl{margin-block-end:-1em;}
	#seller_rank_list:not(.fold)~#seller_list_ctrl>span::before{content:'expand_less';}
	#seller_rank_list:not(.fold)~#seller_list_ctrl>span::after{content:attr(data-title-expand);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#seller_rank_list .seller{padding-inline:1.25em;}
	#seller_rank_list .data{justify-content:space-between;}
}

#calculation{position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));z-index:1;}
#calculation>.inner{display:flex;flex-direction:column;background:var(--background-color-L1,#fff);border-radius:1em;padding-inline:var(--spacing);overflow:hidden;}
.calculation_ctrl_off{display:none;}

#calculation .calculation_title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);height:5.5em;box-sizing:border-box;}
#calculation .calculation_title h3{font-size:1em;font-weight:var(--CPT-FW-B);text-transform:uppercase;}
#calculation .calculation_title .calculation_ctrl_off{--color:var(--body-text-color-a50,rgba(0 0 0/50%));margin-inline-end:-1em;}

#calculation .calculation_content{padding-block:1.5em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0,var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0;}
#calculation .order_info{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.75em var(--spacing);}
#calculation .order_info .T{min-width:6em;max-width:8em;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#calculation .order_info .C{font-weight:var(--CPT-FW-B);}
#calculation .order_info .hr{grid-column:1/-1;height:1px;background:var(--body-text-color-a5,rgba(0 0 0/5%));margin-block:.75em;}
#calculation .order_info .sku{}
#calculation .order_info .pri{font-weight:var(--CPT-FW-B);}

#calculation .seller_info{display:grid;grid-template-columns:1fr auto;column-gap:1em;align-items:center;width:fit-content;}
#calculation .seller_info .name{font-weight:var(--CPT-FW-B);max-width:12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#calculation .seller_info .kchat{color:inherit;cursor:pointer;}
#calculation .seller_info .kchat>span{display:none;}

#calculation .calculation_btc{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:var(--spacing);position:relative;padding-block:1.25em;}
#calculation .calculation_btc .total{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em 1em;}
#calculation .calculation_btc .pri{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);}
#calculation .calculation_btc .alert{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
#calculation .calculation_btc .alert::before{content:attr(icon);font-size:1.5em;align-self:start;}
#calculation .calculation_btc .btw{text-transform:uppercase;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	body.show_calculation{overflow:hidden;}
	#calculation.show{visibility:visible;opacity:1;transition:visibility 300ms,opacity 300ms;}
	#calculation.show>.inner{visibility:visible;opacity:1;transform:none;transition:visibility 300ms,opacity 300ms,transform cubic-bezier(.5,0,.5,1.5) 300ms;}
	#calculation:not(.show){visibility:hidden;opacity:0;}
	#calculation:not(.show)>.inner{visibility:hidden;opacity:0;transform:scale(.9);}

	#calculation{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1em;background:var(--background-color-mask-a50,rgba(0 0 0/50%));}
	#calculation>.inner{width:100%;max-width:calc(40em - var(--spacing) * 2);max-height:calc(var(--VHeight) - 2em);box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto;background:var(--background-color-L0,#fff);overflow:hidden;}
	#calculation>.calculation_ctrl_off{display:block;position:absolute;inset:0;z-index:-1;}

	#calculation .calculation_title{}
	#calculation .calculation_title .calculation_ctrl_off{display:block;}
	#calculation .calculation_content{padding:var(--spacing);margin-inline:calc(var(--spacing) * -1);background:var(--background-color-L1,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px;overflow:hidden;overflow-y:auto;}
	#calculation .calculation_btc{padding-block:1em;}
}
@media only screen and (max-width:480px){
	#calculation .calculation_btc .pri{font-size:1.25em;}
}

#calculation_duplicate{display:none;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#calculation_duplicate{position:sticky;inset-block-end:0;z-index:1;display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:var(--spacing);padding:1.5em var(--spacing);border-radius:1em;background-color:var(--background-color-L1,#fff);transition:box-shadow 300ms;}
	#calculation_duplicate.float{border-radius:1em 1em 0 0;box-shadow:rgb(0 0 0 / 10%) 0 1px 1em;}
/* 	@supports (bottom: env(safe-area-inset-bottom)){#calculation_duplicate{padding-block-end:max(1.5em,env(safe-area-inset-bottom));}} */
	#calculation_duplicate .total{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em 1em;}
	#calculation_duplicate .pri{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);}
	#calculation_duplicate .alert{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;color:var(--text-color-alert);font-weight:var(--CPT-FW-B);}
	#calculation_duplicate .alert::before{content:attr(icon);font-size:1.5em;align-self:start;}
	#calculation_duplicate .btw{text-transform:uppercase;}
}
@media only screen and (max-width:480px){
	#calculation_duplicate.float{border-radius:unset;}
	#calculation_duplicate .pri{font-size:1.25em;}
}


#item_explain{background:var(--background-color-L3,#fff);border-radius:1em;padding:var(--spacing);overflow:hidden;}
#item_explain>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
#item_explain>.inner>.title{font-weight:var(--CPT-FW-B);text-transform:uppercase;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
#item_explain>.inner>article.docs{max-width:60em;margin-inline:auto;overflow:hidden;}
@media only screen and (max-width:1280px){
	#item_explain>.inner>article.docs h2{font-size:1.5em;}
	#item_explain>.inner>article.docs h3{font-size:1.25em;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


#card_purchase{display:flex;flex-direction:column;background:var(--background-color-L3,#fff);border-radius:1em;}

#card_brand{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-size,18em),1fr));align-items:start;gap:1em;--CPT-BDW:2px;}
#card_brand .brand{display:grid;grid-template-columns:auto 1fr;padding:1em;border-radius:var(--CPT-BDR);background-color:var(--CPT-BGC);box-shadow:var(--border-color,var(--CPT-BDC)) 0 0 0 var(--CPT-BDW) inset,var(--background-focus-color,transparent) 0 0 0 999em inset;transition:box-shadow 300ms;}
#card_brand .brand::before{content:unset;}
#card_brand .img{width:4em;height:4em;border-radius:25%;overflow:hidden;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px;}
#card_brand .img>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
#card_brand .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.5em;overflow:hidden;text-overflow:ellipsis;line-height:1.25;hyphens:auto;}
#card_brand input[type="radio"]:checked+.brand{--border-color:var(--SiteTHM);--background-focus-color:var(--SiteTHM-A10);}
#card_brand input[type="radio"]:disabled+.brand{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1280px){
	#card_brand .img{width:3em;height:3em;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


/* Item game content */
#GameContent.item>.inner{display:flex;flex-direction:column;gap:var(--spacing);align-items:unset;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#GameContent.item>.inner{padding-inline:unset;}
}

#item_filter{background:var(--background-color-L3,#fff);border-radius:1em;}
#item_filter>.inner{display:flex;flex-wrap:wrap;align-items:center;gap:1em var(--spacing);padding:1.5em var(--spacing);}
#item_filter .field{}
#item_filter .field#item_server{display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
#item_filter .field#item_search{width:min(25em,100%);margin-inline-end:auto;}
#item_filter .field#item_search .cpt-search{width:100%;}
#item_filter .field .checkbox_group{display:flex;align-items:center;flex-wrap:wrap;gap:1em var(--spacing);}
#item_filter .field .cpt-checkbox{--font-weight:var(--CPT-FW);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#item_content{background:var(--background-color-L3,#fff);border-radius:1em;}

#item_sort{position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px);z-index:1;padding:.75em calc(var(--spacing) / 2);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 -1px 0 inset;background:inherit;border-start-start-radius:inherit;border-start-end-radius:inherit;}
#item_sort>.inner{display:grid;grid-template-columns:1fr auto;gap:1.5em 1em;align-items:center;}
#item_sort .sort{display:flex;align-items:center;}
#item_sort .sort .bt{padding:.75em calc(var(--spacing) / 2);text-transform:uppercase;cursor:pointer;font-weight:var(--CPT-FW-B);color:inherit;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75em;border-radius:.5em;transition:background-color 300ms,color 300ms;position:relative;}
#item_sort .sort .bt::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
#item_sort .sort .bt::after{content:'';display:block;background:var(--SiteTHM);height:.25em;position:absolute;inset-inline:calc(var(--spacing) / 2);inset-block-start:calc(100% + .75em);z-index:1;pointer-events:none;opacity:0;transition:opacity 300ms;}
#item_sort .sort .bt:not(.on):hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#item_sort .sort .bt.on{color:var(--SiteTHM);}
#item_sort .sort .bt.on::after{opacity:1;}

#item_sort .pager_mini{display:flex;align-items:center;gap:.5em;}
#item_sort .pager_mini .pre{order:-9;}
#item_sort .pager_mini .next{order:9;}
#item_sort .pager_mini .pager_count{display:flex;align-items:center;gap:.25em;}
#item_sort .pager_mini .btw:hover{background-color:var(--SiteTHM-A10);color:var(--SiteTHM);}
#item_sort .pager_mini i{font-style:normal;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#item_sort .sort .bt{display:flex;justify-content:center;width:3.5em;box-sizing:border-box;}
	#item_sort .sort .bt>span{display:none;}
	#item_sort .sort .bt::after{inset-block-start:100%;}
}
@media only screen and (max-width:480px){}

#item_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-column-size,13em),1fr));gap:1.5em;padding:var(--spacing);}
#item_list .unit{display:flex;flex-direction:column;gap:1em;}

#item_list .item{display:flex;flex-direction:column;gap:1em;color:inherit;}
#item_list .item:hover{color:var(--SiteTHM);}
#item_list .item .img{background:var(--body-background-color,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;aspect-ratio:1/1;}
#item_list .item .img img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
#item_list .item .info{}
#item_list .item .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;overflow:hidden;text-overflow:ellipsis;hyphens:auto;}

#item_list .data{display:flex;align-items:center;gap:1em;margin-block-start:auto;}
#item_list .data .price{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);color:var(--SiteTHM);}
#item_list .data .label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;font-size:var(--SiteFS-S);}
#item_list .data .label::before{content:attr(icon);font-size:1.5em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}


#item_list .seller{display:grid;grid-template-columns:1fr auto;gap:1em;width:fit-content;}
#item_list .seller .name{color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#item_list .seller .name:hover{color:var(--SiteTHM);}
#item_list .seller .level{display:flex;align-items:center;gap:.5em;}
#item_list .seller [data-seller-level]{}
#item_list .seller [data-seller-badge]{}

@media only screen and (max-width:1280px){
	#item_list{--item-column-size:12.5em;}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#item_list{--item-column-size:12em;}
}

#item_list_pager{margin-block:var(--spacing);}
#item_list_pager:has(.pager[data-title$="/ 1"]){display:none;}
/* Item game content */