.category-page{--category-navy:#071d31;--category-navy-2:#0d2b45;--category-orange:#ff7a00;--category-orange-2:#ffad32;--category-white:#f7fbff;--category-ink:#10263b;--category-muted:#667b8f;background:radial-gradient(circle at 12% 8%,rgba(255,122,0,.13),transparent 28rem),radial-gradient(circle at 88% 34%,rgba(58,133,198,.12),transparent 30rem),#f4f8fb;color:var(--category-ink)}
.category-main{overflow:hidden}
.category-page-hero{position:relative;padding:54px 0 28px}
.category-page-hero::before,.category-page-hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px)}
.category-page-hero::before{width:260px;height:260px;inset-inline-start:-120px;top:22px;background:rgba(255,122,0,.1)}
.category-page-hero::after{width:190px;height:190px;inset-inline-end:-70px;bottom:-30px;border:1px solid rgba(255,122,0,.22)}
.category-page-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:stretch;padding:34px;border:1px solid rgba(255,255,255,.2);border-radius:34px;background:linear-gradient(135deg,rgba(6,28,48,.98),rgba(15,50,78,.94) 58%,rgba(255,122,0,.25));box-shadow:0 30px 80px rgba(5,27,46,.22);overflow:hidden}
.category-page-hero-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.09) 47%,transparent 64%);transform:translateX(70%);animation:categoryShine 8s ease-in-out infinite}
.category-page-copy,.category-page-visual{position:relative;z-index:1}
.category-page-kicker,.catalog-group-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd28d;font-weight:800;font-size:.82rem;letter-spacing:.02em}
.category-page-kicker::before,.catalog-group-kicker::before{content:"";width:28px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--category-orange),var(--category-orange-2))}
.category-page-copy h1{margin:14px 0 12px;color:#fff;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.04em}
.category-page-copy h1 span{color:var(--category-orange-2)}
.category-page-copy>p{max-width:720px;margin:0;color:#d7e4ef;font-size:1.08rem;line-height:1.95}
.category-page-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.category-page-stat{min-width:142px;padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.category-page-stat strong{display:block;color:#fff;font-size:1.28rem}.category-page-stat small{color:#aebfcd}
.category-page-visual{display:grid;place-items:center;min-height:290px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.15)}
.category-page-visual::before,.category-page-visual::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,174,60,.35)}
.category-page-visual::before{width:210px;height:210px}.category-page-visual::after{width:270px;height:270px;border-style:dashed;animation:categorySpin 24s linear infinite}
.category-page-visual svg{position:relative;z-index:2;width:130px;height:130px;fill:none;stroke:#fff;stroke-width:1.45;filter:drop-shadow(0 16px 24px rgba(0,0,0,.22))}
.category-page-visual .category-visual-chip{position:absolute;z-index:3;inset-inline-end:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(4,24,41,.72);color:#fff;font-weight:800;backdrop-filter:blur(14px)}
.category-visual-chip i{width:10px;height:10px;border-radius:50%;background:#43d996;box-shadow:0 0 0 5px rgba(67,217,150,.15)}
.category-page-switch{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-2px auto 34px}
.category-page-switch a{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid rgba(13,43,69,.12);border-radius:16px;background:rgba(255,255,255,.8);color:var(--category-ink);font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(12,41,65,.08);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.category-page-switch a:hover,.category-page-switch a:focus-visible{transform:translateY(-3px);border-color:rgba(255,122,0,.55);box-shadow:0 16px 32px rgba(255,122,0,.15)}
.category-page-switch a[aria-current="page"]{color:#fff;border-color:var(--category-orange);background:linear-gradient(135deg,#f76500,var(--category-orange-2));box-shadow:0 14px 30px rgba(255,122,0,.28)}
.category-page-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.category-catalog-section{padding:16px 0 74px}
.category-catalog-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.category-catalog-intro h2{margin:8px 0 5px;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.15}.category-catalog-intro p{margin:0;color:var(--category-muted);line-height:1.8}
.category-catalog-count{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,122,0,.22);border-radius:15px;background:#fff;color:var(--category-ink);box-shadow:0 12px 26px rgba(10,39,63,.08);white-space:nowrap;font-weight:800}.category-catalog-count strong{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:11px;background:var(--category-orange);color:#fff}
.category-groups{display:grid;gap:26px}
.catalog-group{position:relative;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,var(--category-navy),#0d304d 68%,#163d58);box-shadow:0 26px 58px rgba(5,28,47,.18);overflow:hidden}
.catalog-group::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;inset-inline-end:-155px;top:-165px;background:rgba(255,122,0,.13);pointer-events:none}
.catalog-group::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.catalog-group-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.catalog-group-title{display:flex;align-items:center;gap:14px}.catalog-group-icon{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid rgba(255,176,61,.5);border-radius:18px;background:linear-gradient(145deg,rgba(255,122,0,.26),rgba(255,255,255,.08));box-shadow:0 12px 30px rgba(0,0,0,.17)}
.catalog-group-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8}
.catalog-group-title h3{margin:3px 0;color:#fff;font-size:1.65rem}.catalog-group-title p{margin:0;color:#a9bdcb;line-height:1.65}.catalog-group-total{padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);color:#d9e7f1;font-size:.86rem;font-weight:800;white-space:nowrap}
.category-catalog-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.category-product-card{position:relative;display:flex;min-width:0;flex-direction:column;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,251,.94));box-shadow:0 18px 36px rgba(0,0,0,.18);overflow:hidden;transform:translateZ(0);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.category-product-card:hover,.category-product-card:focus-within{transform:translateY(-7px);border-color:rgba(255,158,27,.75);box-shadow:0 26px 46px rgba(0,0,0,.25),0 0 0 1px rgba(255,157,25,.22)}
.category-product-image{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#fff8ee,#eef4f8)}
.category-product-image::after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(8,30,48,.12));pointer-events:none}
.category-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.category-product-card:hover .category-product-image img{transform:scale(1.045);filter:saturate(1.06)}
.category-product-badge{position:absolute;z-index:2;inset-inline-end:12px;top:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(7,29,49,.78);color:#fff;font-size:.72rem;font-weight:800;backdrop-filter:blur(10px)}
.category-product-wishlist{position:absolute;z-index:3;inset-inline-start:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(7,29,49,.76);color:#fff;font:700 1.35rem/1 Arial;cursor:pointer;backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease,color .2s ease}.category-product-wishlist:hover,.category-product-wishlist:focus-visible{transform:scale(1.08);background:var(--category-orange)}.category-product-wishlist.is-active{background:#fff;color:#ed5f3d;border-color:#ed5f3d}
.category-product-body{display:flex;flex:1;flex-direction:column;padding:16px}.category-product-category{color:#d65c00;font-size:.72rem;font-weight:800}.category-product-body h4{margin:6px 0 7px;color:var(--category-ink);font-size:1.08rem;line-height:1.35}.category-product-body p{display:-webkit-box;min-height:3.4em;margin:0;color:#65798b;font-size:.86rem;line-height:1.7;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.category-product-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:15px}.category-product-price{color:#c94f00;font-size:.87rem;font-weight:900}.category-product-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border-radius:12px;background:var(--category-navy);color:#fff;text-decoration:none;font-size:.82rem;font-weight:800;transition:background .2s ease,transform .2s ease}.category-product-link:hover,.category-product-link:focus-visible{background:var(--category-orange);transform:translateX(-2px)}.category-product-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.category-loading,.category-empty{display:grid;place-items:center;min-height:260px;padding:38px;border:1px dashed rgba(255,122,0,.35);border-radius:26px;background:rgba(255,255,255,.72);color:var(--category-ink);text-align:center}.category-loading span{width:52px;height:52px;border:4px solid rgba(255,122,0,.18);border-top-color:var(--category-orange);border-radius:50%;animation:categorySpin 1s linear infinite}.category-loading p,.category-empty p{margin:14px 0 0;color:var(--category-muted)}
.category-assurance{padding:0 0 76px}.category-assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-assurance article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid rgba(13,43,69,.1);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 16px 34px rgba(10,38,60,.08);backdrop-filter:blur(15px)}.category-assurance-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#ff6a00,#ffad32);box-shadow:0 12px 26px rgba(255,122,0,.23)}.category-assurance-icon svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8}.category-assurance strong{display:block;color:var(--category-ink);margin-bottom:4px}.category-assurance p{margin:0;color:var(--category-muted);font-size:.88rem;line-height:1.65}
@keyframes categorySpin{to{transform:rotate(360deg)}}@keyframes categoryShine{0%,65%,100%{transform:translateX(75%)}80%{transform:translateX(-75%)}}
@media (max-width:1050px){.category-page-hero-inner{grid-template-columns:1fr}.category-page-visual{min-height:230px}.category-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){.category-page-hero{padding-top:26px}.category-page-hero-inner{padding:24px;border-radius:26px}.category-page-copy h1{font-size:2.35rem}.category-page-visual{min-height:200px}.category-page-visual::before{width:150px;height:150px}.category-page-visual::after{width:190px;height:190px}.category-page-visual svg{width:94px;height:94px}.category-catalog-intro,.catalog-group-head{align-items:flex-start;flex-direction:column}.category-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-group{padding:18px;border-radius:24px}.category-assurance-grid{grid-template-columns:1fr}}
@media (max-width:470px){.category-page-hero-inner{padding:20px}.category-page-stats{display:grid;grid-template-columns:1fr 1fr}.category-page-stat{min-width:0}.category-page-switch{display:grid;grid-template-columns:1fr 1fr}.category-page-switch a:last-child{grid-column:1/-1}.category-catalog-grid{grid-template-columns:1fr;gap:14px}.category-product-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:218px}.category-product-image{height:100%;min-height:180px;aspect-ratio:auto}.category-product-body{padding:14px}.category-product-body p{min-height:0}.category-product-foot{align-items:flex-start;flex-direction:column}.category-product-link{width:100%}.category-catalog-count{align-self:stretch;justify-content:center}}
@media (prefers-reduced-motion:reduce){.category-page *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
html:has(body.category-page),body.category-page{overflow-x:clip}
@media (max-width:780px){.category-page .digital-float{display:none!important}}
.category-product-image,.category-product-image.is-portrait-artwork{padding:9px;background:linear-gradient(145deg,#fff9f2,#eef3f7)}
.category-product-image img,.category-product-image.is-portrait-artwork img{object-fit:contain;border-radius:14px;background:#fff}


/* 20261024 fixed platform directory */
.platform-category-directory{padding:0 0 34px;scroll-margin-top:130px}
.platform-category-directory-inner{position:relative;padding:24px;border:1px solid rgba(255,255,255,.68);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,247,252,.82));box-shadow:0 22px 55px rgba(8,38,62,.11);backdrop-filter:blur(18px);overflow:hidden}
.platform-category-directory-inner::before{content:"";position:absolute;width:250px;height:250px;inset-inline-end:-120px;top:-145px;border:1px solid rgba(255,122,0,.25);border-radius:50%;box-shadow:0 0 0 36px rgba(255,122,0,.025)}
.platform-category-directory-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.platform-category-directory-head span{color:#d65c00;font-size:.74rem;font-weight:900}.platform-category-directory-head h2{margin:5px 0;color:var(--category-ink);font-size:clamp(1.55rem,3vw,2.25rem)}.platform-category-directory-head p{margin:0;color:var(--category-muted);line-height:1.75}.platform-category-directory-head>b{padding:8px 11px;border:1px solid rgba(255,122,0,.23);border-radius:999px;color:#b74900;background:#fff7ec;font-size:.7rem;white-space:nowrap}
.platform-category-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.platform-category-card{scroll-margin-top:145px;display:flex;align-items:center;gap:13px;min-width:0;padding:15px;border:1px solid rgba(13,43,69,.1);border-radius:20px;color:var(--category-ink);text-decoration:none;background:rgba(255,255,255,.9);box-shadow:0 13px 30px rgba(9,39,64,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.platform-category-card:hover,.platform-category-card:focus-visible,.platform-category-card:target{transform:translateY(-4px);border-color:rgba(255,122,0,.65);box-shadow:0 18px 38px rgba(255,122,0,.14),0 0 0 3px rgba(255,122,0,.07);outline:none}
.platform-category-card:has(.platform-category-products){display:block;padding:15px}.platform-category-summary{display:flex;align-items:center;gap:13px;min-width:0}.platform-category-summary>span:nth-child(2){display:grid;gap:3px;min-width:0}.platform-category-summary>em{margin-inline-start:auto;padding:6px 8px;border-radius:999px;color:#24704b;background:#e9f8ef;font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}.platform-category-products{display:grid;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(13,43,69,.09)}.platform-product-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(13,43,69,.09);border-radius:13px;color:var(--category-ink);text-decoration:none;background:rgba(241,247,251,.8);transition:transform .18s ease,border-color .18s ease,background .18s ease}.platform-product-link:hover,.platform-product-link:focus-visible{transform:translateY(-2px);border-color:rgba(255,122,0,.45);background:#fff;outline:none}.platform-product-link>span{display:grid;gap:2px}.platform-category-card .platform-product-link strong{font-size:.8rem}.platform-category-card .platform-product-link small{color:#6b7f91;font-size:.66rem;font-weight:700}.platform-product-link>b{display:flex;align-items:center;gap:4px;color:#c95700;font-size:.67rem;white-space:nowrap}.platform-product-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}

.platform-category-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid rgba(255,161,38,.36);border-radius:18px;color:#f7bd55;background:linear-gradient(145deg,#173a57,#0a2339);box-shadow:0 11px 24px rgba(8,37,60,.18)}.platform-category-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.75}.platform-category-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.platform-category-card strong{font-size:1.05rem}.platform-category-card small{color:#6b7f91;font-size:.74rem;font-weight:700}.platform-category-card em{margin-inline-start:auto;padding:6px 8px;border-radius:999px;color:#24704b;background:#e9f8ef;font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}.platform-category-disclaimer{position:relative;margin:16px 0 0;color:#6f8292;font-size:.7rem;line-height:1.7;text-align:center}
@media(max-width:760px){.platform-category-directory{padding-bottom:24px}.platform-category-directory-inner{padding:18px;border-radius:23px}.platform-category-directory-head{align-items:flex-start;flex-direction:column}.platform-category-cards{grid-template-columns:1fr}.platform-category-card{min-height:86px}.platform-category-directory-head>b{align-self:flex-start}}


/* 20261024 platform directory artwork */
.platform-category-icon{position:relative;overflow:hidden}.platform-category-icon::after{content:"";position:absolute;inset:7px;border:1px solid currentColor;border-radius:12px;opacity:.12;transition:transform .22s ease,opacity .22s ease}
.platform-category-card--pc .platform-category-icon{color:#69bdf7}.platform-category-card--xbox .platform-category-icon{color:#75d790}.platform-category-card--playstation .platform-category-icon{color:#86a9ff}
.platform-category-icon .platform-service-icon{position:relative;z-index:1;width:36px;height:36px}.platform-category-card:hover .platform-service-icon,.platform-category-card:focus-visible .platform-service-icon,.platform-category-card:target .platform-service-icon{transform:translateY(-2px) rotate(-3deg) scale(1.1);filter:drop-shadow(0 0 9px currentColor)}
.platform-category-card:hover .platform-category-icon::after,.platform-category-card:focus-visible .platform-category-icon::after,.platform-category-card:target .platform-category-icon::after{transform:scale(1.08);opacity:.24}