@charset "UTF-8";

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

/* seller store header */
#StoreHeader{color:var(--color);background-color:var(--background-color,var(--background-color-L2,#fff));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;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;position:relative;}
#StoreHeader>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:calc(var(--spacing) * 1.5) var(--spacing);box-sizing:border-box;display:grid;grid:"Breadcrumbs Breadcrumbs Breadcrumbs" "seller_name seller_level seller_btc"/auto 1fr auto;align-items:center;gap:var(--spacing) calc(var(--spacing) * 2);position:relative;}
#StoreHeader>.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));}
#StoreHeader #Breadcrumbs{grid-area:Breadcrumbs;}
#StoreHeader #seller_name{grid-area:seller_name;}
#StoreHeader #seller_level{grid-area:seller_level;}
#StoreHeader #seller_btc{grid-area:seller_btc;}
#StoreHeader #seller_data{grid-column:1/-1;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#StoreHeader>.inner{gap:1.5em var(--spacing);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#StoreHeader>.inner{grid-template-columns:1fr auto auto;column-gap:1em;--CPT-US:3em;}
}

#StoreHeader #Breadcrumbs{}
#StoreHeader #Breadcrumbs ul{display:flex;flex-wrap:wrap;gap:.5em;}
#StoreHeader #Breadcrumbs ul>li{}
#StoreHeader #Breadcrumbs ul>li~li::before{content:'/';display:inline-block;vertical-align:top;margin-inline-end:.5em;opacity:.25;}
#StoreHeader #Breadcrumbs a{color:var(--color);opacity:.5;display:inline-block;vertical-align:top;white-space:nowrap;max-width:15em;overflow:hidden;text-overflow:ellipsis;}
#StoreHeader #Breadcrumbs a:hover{opacity:1;}

#seller_name{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#seller_name:is(a){color:inherit;transition:color 300ms;}
#seller_name:is(a):hover{color:var(--SiteTHM);}
#seller_name .avatar{width:var(--CPT-US);height:var(--CPT-US);border-radius:100%;overflow:hidden;background:var(--color-img-bgc,var(--body-text-color-a5,#fff));box-shadow:var(--color-img-bdc,var(--body-text-color-a10,rgba(0 0 0/10%))) 0 0 0 1px;}
#seller_name .avatar>img{display:block;width:100%;height:100%;border-radius:inherit;aspect-ratio:1/1;object-fit:cover;}
#seller_name .name{overflow:hidden;}
#seller_name .name>span{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);display:block;max-width:min(15em,100%);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){
	#seller_name .name>span{font-size:1em;}
}
@media only screen and (max-width:480px){}

#seller_level{display:flex;align-items:center;gap:var(--spacing);}
#seller_level [data-seller-level]{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.5em;}
#seller_level [data-seller-level]>span{display:block;white-space:nowrap;order:9;margin-inline-start:.5em;}
#seller_level [data-seller-badge]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;}
#seller_level [data-seller-badge]>span{display:block;white-space:nowrap;}
#seller_level .seller_data_ctrl{--font-weight:var(--CPT-FW);--CPT-US:2.5em;--icon-order:9;--padding-block:0;--padding-inline:0;--gap:.5em;opacity:.5;}
#seller_level .seller_data_ctrl:hover{opacity:1;}
#StoreHeader [data-seller-badge]::before{box-shadow:var(--color) 0 0 0 1px;background-color:var(--color);border-radius:25%;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#seller_level{gap:1em;}
	#seller_level [data-seller-level]{grid-template-columns:auto auto;gap:.5em;}
	#seller_level [data-seller-level]>span{display:none;}
	#seller_level [data-seller-badge]{gap:unset;}
	#seller_level [data-seller-badge]>span{display:none;}
	#seller_level .seller_data_ctrl>span{display:block;padding:0;width:var(--icon-size);height:var(--icon-size);margin:calc((var(--CPT-US) - var(--icon-size)) / 2);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#seller_level{gap:.5em;}
}

#StoreHeader #seller_btc{display:flex;align-items:center;gap:1em;}
#StoreHeader #seller_btc .kchat{--border-color:var(--color-img-bdc,var(--body-text-color-a10,rgba(0 0 0/10%)));}
#StoreHeader #seller_btc .kchat[data-status=online]{--icon-color:inherit;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#StoreHeader #seller_btc .kchat>span{display:block;padding:0;width:var(--icon-size);height:var(--icon-size);margin:calc((var(--CPT-US) - var(--icon-size)) / 2);}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}

#StoreHeader:not(.show_seller_data) #seller_data{display:none;}
#seller_data{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));gap:1em;}
#seller_data .data{display:grid;grid-template-columns:1fr auto;align-items:center;align-content:start;gap:.5em 1.5em;padding:1.25em 1.5em;border-radius:var(--CPT-BDR);box-shadow:var(--color-img-bdc,var(--body-text-color-a5,rgba(0 0 0/5%))) 0 0 0 1px inset;background-color:var(--color-img-bgc,var(--background-color-L3,#fff));}
#seller_data .data .T{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#seller_data .data .C{text-align:end;overflow:hidden;}
#seller_data .data .C .name{display:block;max-width:10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#seller_data .data .rate-star{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;--rate-star-size:1em;}
#seller_data .data .rate-star::before{--brightness-filter2:clamp(0,calc((var(--lightness) - var(--threshold)) * -1 * infinity),1);background-position-y:calc(var(--brightness-filter2,var(--brightness-filter,0)) * -2 * var(--rate-star-size));}
#seller_data .data .rate-star>span{display:block;line-height:1;font-weight:var(--CPT-FW-B);}

#seller_data .badge{display:grid;grid-template-columns:auto 1fr;gap:1.5em;padding:1.5em;border-radius:var(--CPT-BDR);box-shadow:var(--color-img-bdc,var(--body-text-color-a5,rgba(0 0 0/5%))) 0 0 0 1px inset;background-color:var(--color-img-bgc,var(--background-color-L3,#fff));}
#seller_data .badge [data-seller-badge]{--seller-badge-size:3em;}
#seller_data .badge .tips{}
#seller_data .badge .tips b{display:inline-block;vertical-align:top;font-weight:var(--CPT-FW-EB);}
@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){}

#store_status{grid-column:1/-1;}
#store_status .store_closed{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);background-color:var(--background-color-L3,#fff);box-shadow:var(--text-color-warning) 0 0 0 var(--CPT-BDW) inset,var(--background-color-warning) 0 0 0 999em inset;padding:var(--spacing);margin-block-end:calc(var(--spacing) * -1);border-radius:1em;color:var(--text-color-warning);}
#store_status .store_closed::before{content:attr(icon);display:block;font-size:2em;align-self:start;}
#store_status .store_closed .msg{font-weight:var(--CPT-FW-EB);}
#StoreHeader:has(.store_closed){margin-block-end:var(--spacing);}
#StoreHeader:has(.store_closed)>.inner{padding-block-end:unset;}
/* seller store header */


#StoreContent{flex:auto;display:flex;}
#StoreContent>.inner{width:100%;max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:grid;grid:"aside content"/auto 1fr;}
#StoreContent .aside{grid-area:aside;}
#StoreContent .content{grid-area:content;}

#StoreContent .aside{width:25em;padding:var(--spacing);box-sizing:border-box;border-start-start-radius:1em;border-end-start-radius:1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) calc(var(--translate-reverse,1) * -1px) 0 0 inset;background-color:var(--background-color-L3,#fff);}
#StoreContent .content{border-start-end-radius:1em;border-end-end-radius:1em;background-color:var(--background-color-L2,#fff);display:flex;flex-direction:column;overflow:hidden;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#StoreContent{margin-block:var(--spacing);}
	#StoreContent>.inner{grid:"aside" "content";padding:unset;border-radius:1em;background-color:var(--background-color-L3,#fff);overflow:hidden;}
	#StoreContent .aside{width:unset;border-radius:unset;background-color:unset;box-shadow:unset;padding:unset;}
	#StoreContent .content{border-radius:unset;background-color:unset;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


#product_filter{display:flex;flex-direction:column;gap:1.5em;position:sticky;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));}

#product_filter .title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;}
#product_filter .product_filter_ctrl{display:none;}

#product_filter .search{max-width:30em;}
#product_filter .filter{display:flex;flex-direction:column;gap:1.5em;}
#product_filter .group{display:flex;flex-direction:column;gap:1em var(--spacing);}
#product_filter .group_title{}
#product_filter .tags{display:flex;flex-wrap:wrap;}
#product_filter .tag{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75em;padding-block:.75em;padding-inline:.75em 1em;cursor:pointer;border-radius:var(--CPT-BDR);box-shadow:var(--border-color,transparent) 0 0 0 var(--CPT-BDW) inset,var(--background-color,transparent) 0 0 0 999em inset;transition:color 300ms,box-shadow 300ms;}
#product_filter .tag:hover{color:var(--SiteTHM);--background-color:var(--SiteTHM-A10);}
#product_filter .tag::before{content:var(--i,attr(icon));font-size:1.5em;}
#product_filter .tag>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#product_filter .tag.on{color:#fff;--background-color:var(--SiteTHM);}
#product_filter .tag.on::before{--i:'check';}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#product_filter{padding-block:1em;padding-inline:var(--spacing);gap:1em;}
	#product_filter .product_filter_ctrl{display:block;--font-weight:var(--CPT-FW);--color:var(--body-text-color-a50,rgba(0 0 0/50%));--icon-order:9;--CPT-US:3em;}
	#product_filter:not(.expand) .filter{display:none;}
	#product_filter.expand{box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}

	#product_filter .filter{gap:1em;}
	#product_filter .group{display:grid;grid-template-columns:auto 1fr;align-items:start;}
	#product_filter .group_title{padding-block:.5em;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){
	#product_filter .group{display:flex;}
	#product_filter .group_title{padding:unset;}
}


#product_sort{display:flex;align-items:center;padding-inline:calc(var(--spacing) - 1em);padding-block:1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
#product_sort .bt{padding:.75em 1.25em;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;}
#product_sort .bt::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;}
#product_sort .bt::after{content:'';display:block;background:var(--SiteTHM);height:.25em;position:absolute;inset-inline:1.25em;inset-block-start:calc(100% + 1em - .25em);z-index:1;pointer-events:none;opacity:0;transition:opacity 300ms;}
#product_sort .bt>span{white-space:nowrap;}
#product_sort .bt:not(.on):hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#product_sort .bt.on{color:var(--SiteTHM);}
#product_sort .bt.on::after{opacity:1;}
@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){
	#product_sort{overflow:hidden;overflow-x:auto;}
	#product_sort::-webkit-scrollbar{display:none;}
	#product_sort:not(.scroll){scroll-snap-type:x mandatory;}
	#product_sort:not(.scroll) .bt.on{scroll-snap-align:center;}
}


#product_list{flex:auto;display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);}

#product_list .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-column-size,22.5em),1fr));gap:1em;}
#product_list .item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5em;padding:1.25em;color:inherit;border-radius:.5em;box-shadow:var(--body-text-color-a10,rgba(0 0 0 / 10%)) 0 0 0 1px inset;background:var(--body-text-color-a5,#fff);overflow:hidden;transition:color 300ms,background-color 300ms;}
#product_list .item:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#product_list .item .img{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;}
#product_list .item .img>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;}
#product_list .item .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;}
#product_list .item .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%));}
#product_list .item .info{display:flex;flex-direction:column;gap:.5em;}
#product_list .item .label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;font-size:var(--SiteFS-S);}
#product_list .item .label::before{content:attr(icon);font-size:1.5em;opacity:.5;}
#product_list .item .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;overflow:hidden;text-overflow:ellipsis;hyphens:auto;white-space:normal;font-weight:var(--CPT-FW-B);}
@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){}


#product_list .pager_wrp{margin-block-start:auto;padding-inline:var(--spacing);}


/* Game content */
#GameContent>.inner{grid-template-areas:"item_purchase calculation" "item_review ." "item_explain .";}
#GameContent #item_review{grid-area:item_review;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#GameContent>.inner{grid-template-areas:"item_purchase" "calculation_duplicate" "item_review" "item_explain";}
}
/* Game content */


#item_review{padding:var(--spacing);background:var(--background-color-L3,#fff);border-radius:1em;overflow:hidden;}
#item_review>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
#item_review .title{}
#item_review .title h3{font-size:1em;text-transform:uppercase;font-weight:var(--CPT-FW-B);}

#item_comment_filter{display:grid;grid:"tabs func"/1fr auto;align-items:center;gap:var(--spacing) 1em;box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 -1px 0 inset;overflow:hidden;}
#item_comment_filter .tabs{grid-area:tabs;}
#item_comment_filter .func{grid-area:func;}

#item_comment_filter .tabs{display:flex;padding-block-start:1px;padding-inline:1px;}
#item_comment_filter .tab{flex:none;display:flex;align-items:center;justify-content:center;gap:.5em;height:var(--CPT-US);padding-inline:var(--spacing);border-start-start-radius:var(--CPT-BDR);border-start-end-radius:var(--CPT-BDR);cursor:pointer;position:relative;transition:box-shadow 300ms;}
#item_comment_filter .tab::before{content:'';display:block;width:calc(100% - var(--spacing) * 2);height:.25em;background-color:var(--SiteTHM);position:absolute;inset-block-start:100%;inset-inline:0;margin-inline:auto;pointer-events:none;opacity:0;transition:opacity 300ms,transform 300ms;}
#item_comment_filter .tab>span{display:block;text-align:center;font-weight:var(--CPT-FW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#item_comment_filter .tab.on{background-color:var(--background-color-L3,#fff);box-shadow:var(--body-text-color-a10,rgba(0 0 0/10%)) 0 0 0 1px;}
#item_comment_filter .tab.on::before{opacity:1;transform:translateY(-.25em);}
#item_comment_filter .tab[data-counter]:not([data-counter="0"],[data-counter=""])::after{content:attr(data-counter);display:block;font-size:var(--SiteFS-S);min-width:1.5em;padding-inline:.5em;box-sizing:border-box;background-color:var(--body-text-color-a5,rgba(0 0 0/5%));text-align:center;border-radius:.5em;}
#item_comment_filter .tab:not([data-counter])>span,
#item_comment_filter .tab:is([data-counter="0"],[data-counter=""])>span{min-width:var(--CPT-US);}

#item_comment_filter .func{}
#item_comment_filter .func .cpt-checkbox{--font-weight:var(--CPT-FW);}

#item_comment_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));align-items:start;gap:var(--spacing) calc(var(--spacing) * 2);margin-block:var(--spacing);}
#item_comment_list .search_empty{grid-column:1/-1;}
#item_comment_list .review{display:grid;grid:"avatar name time rate" "avatar comment comment comment"/auto auto 1fr auto;align-items:center;gap:.5em 1em;}
#item_comment_list .avatar{grid-area:avatar;}
#item_comment_list .name{grid-area:name;}
#item_comment_list .rate{grid-area:rate;}
#item_comment_list .time{grid-area:time;}
#item_comment_list .comment{grid-area:comment;}

#item_comment_list .avatar{align-self:start;width:2.5em;height: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;}
#item_comment_list .avatar>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
#item_comment_list .name{max-width:10em;font-weight:var(--CPT-FW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#item_comment_list .rate{}
#item_comment_list .rate>span{display:block;width:2em;height:2em;overflow:hidden;border-radius:25%;}
#item_comment_list .rate>span::before{content:attr(icon);display:block;font-size:1em;margin:.5em;}
#item_comment_list .rate>span[icon="thumb_up"]{color:var(--text-color-promotion);background:var(--background-color-promotion);}
#item_comment_list .rate>span[icon="thumb_down"]{color:var(--text-color-alert);background:var(--background-color-alert);}
#item_comment_list .time{color:var(--body-text-color-a50,rgba(0 0 0/50%));font-size:var(--SiteFS-S);}
#item_comment_list .comment{overflow:hidden;}
#item_comment_list .comment:not(.expand)>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;cursor:pointer;}
#item_comment_list .comment i{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#item_comment_list .reply{grid-column:2/-1;display:grid;grid:"name time" "comment comment"/auto 1fr;align-items:center;gap:.5em 1em;margin-block-start:1em;}
#item_comment_list .reply .name{color:var(--SiteTHM);}

#item_comment_more{margin-inline:auto;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:800px){
	#item_comment_filter{grid:"func" "tabs";}
	#item_comment_filter .tab{flex:auto;}
}
@media only screen and (max-width:480px){}