/* Creative journey: original game identifiers on BRISKRO material, with stable shopping targets. */
.hero{overflow:clip}
.hero .eyebrow{font-family:var(--latin);font-weight:700;letter-spacing:1.6px;color:var(--light)}
.hero .eyebrow::before{display:none}
.hero .copy{top:195px;width:500px}
h1#headline{font-size:72px;line-height:1.38;letter-spacing:-1.5px}
.hero .sub{font-size:18px;max-width:470px;line-height:1.9}
.hero .quick{gap:24px;flex-wrap:wrap}
.hero .quick a{font-size:17px}
.hero .offer{left:486px;bottom:280px;width:300px;transform:rotate(-4deg);padding:22px;z-index:1}
.offer-art{height:164px;margin:-22px -22px 18px;overflow:hidden;border-radius:6px 6px 0 0;position:relative;background:#222427}
.offer-art .merch-art{height:100%;aspect-ratio:auto}
.offer-art .game-keyart{object-position:50% 34%}
.offer .offer-title h3{font-size:20px}
.offer .money.xl .num{font-size:48px}
.hero .offer small{font-size:14px;letter-spacing:.4px}
.hero .offer p{margin:10px 0 14px;font-size:14px}
.hero .offer .cta{font-size:16px;min-height:50px}
.motion-toggle{position:absolute;bottom:30px;left:var(--gutter);z-index:6;min-height:44px;padding:9px 16px;background:#17191bcc;border:1px solid #ffffff33;border-radius:30px;font-size:14px;color:var(--light);backdrop-filter:blur(8px)}
.motion-toggle::before{content:'Ⅱ';display:inline-block;font:700 14px var(--latin);margin-inline-end:9px}
.motion-toggle[aria-pressed=true]::before{content:'▷'}
.hero-paused .breath,.hero-paused .lights{animation-play-state:paused!important}
.strip-art{display:none}

/* Complete scenes: the image and the commercial information have separate spaces. */
.merch-art{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#202225;isolation:isolate;direction:ltr;aspect-ratio:3/2}
.merch-art img{display:block;width:100%;height:100%;object-fit:contain}
.art-psn img{object-fit:cover}
.art-psn{background:#dedfe3}
.art-squads{background:#352422}
.product-cover{width:100%;height:auto;min-width:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;background:#222427;border:1px solid #ffffff12;border-radius:8px;transition:border-color .2s ease}
.product-cover:hover,.product-cover:focus-visible,.product-cover:active{transform:none;border-color:#f2eee777}
.product-cover>.merch-art{position:relative;inset:auto;aspect-ratio:3/2;height:auto;flex:none}
.product-info{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1}
.product-cover .name{display:block;font-size:22px;line-height:1.6;margin:0}
.product-cover .meta{font-size:15px;align-items:center;line-height:1.6;flex-wrap:wrap;gap:12px}
.product-cover .meta b{font-size:26px}
.product-cover:hover .meta,.product-cover:focus-visible .meta,.product-cover:active .meta{padding:0}
.product-action{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:8px;padding-top:14px;border-top:1px solid #ffffff15;font-size:15px;color:var(--light)}
.product-symbol{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#33272c;font:700 44px var(--latin);color:var(--light)}
.more .product-cover{width:280px;flex:0 0 280px}
.more .product-info{padding:18px}
.more .product-cover .name{font-size:19px}

/* The selected illustration occupies the same destination for all product types. */
.selection-art{position:absolute;left:var(--gutter);bottom:38px;width:236px;height:276px;z-index:-1;transform:rotate(-5deg);border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #0005}
.selection-art .art-playstation::after{display:none}
.mast.has-selection-art .shot{opacity:.16}
.mast.has-selection-art .dust{opacity:.18}
.mast.has-selection-art .crumb,.mast.has-selection-art h1,.mast.has-selection-art .tag{max-width:calc(100% - 290px)}
html[dir=ltr] .mast.has-selection-art .crumb,html[dir=ltr] .mast.has-selection-art h1,html[dir=ltr] .mast.has-selection-art .tag{margin-left:300px}
.journey-clone{contain:layout style;pointer-events:none!important}
.journey-clone.merch-art{border-radius:8px;box-shadow:0 16px 36px #0004}

.coin-direction{margin:22px 0 28px;padding:18px 20px;background:#25272b;border-radius:8px;border:1px solid #ffffff0d}
.flow-endpoints{display:flex;justify-content:space-between;font-size:14px}
.flow-endpoints b:first-child{font-family:var(--latin);letter-spacing:1px}
.flow-lane{position:relative;height:38px;margin:7px 0 10px;display:flex;align-items:center;justify-content:center;color:#f2eee7}
.flow-lane::before{content:'';position:absolute;left:0;right:0;height:1px;background:#ffffff2a}
.flow-lane span{background:#25272b;padding:0 12px;font:24px var(--latin);z-index:1}
.flow-token{position:absolute;left:0;top:5px;z-index:2;filter:drop-shadow(0 3px 4px #0008)}
.coin-direction[data-mode=buy] .flow-token{left:auto;right:0}
.coin-direction p{font-size:16px;color:var(--light);font-weight:600}
.coin-direction small{display:block;font-size:14px;color:var(--muted);margin-top:5px}

@media(min-width:641px) and (max-width:1180px){
 .hero .copy{width:46vw;top:165px}
 h1#headline{font-size:58px}
 .hero .offer{left:486px;bottom:280px}
}
@media(max-width:640px){
 .hero .copy{top:auto;width:auto;padding:86px 16px 0}
 .hero .eyebrow{font-size:16px;letter-spacing:1px;margin-bottom:10px}
 h1#headline{font-size:37px;line-height:1.35;letter-spacing:-.8px}
 html[lang=en] h1#headline{font-size:38px}
 .hero .sub{font-size:16px;line-height:1.8}
 .hero .quick{gap:16px;font-size:16px}
 .hero .quick a{font-size:16px}
 .hero .brands{gap:18px;margin-bottom:12px}
 .hero .stage{height:260px;overflow:clip}
 .hero .stage .layer-full{height:450px;width:360px;left:-36px;bottom:-190px}
 .hero .stage .character{height:450px}
 .motion-toggle{left:auto;right:16px;bottom:180px;font-size:16px;padding:8px 12px}
 .hero .strip{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:14px;transform:none;margin-top:-8px}
 .strip-art{display:block;width:64px;height:82px;grid-row:1;grid-column:1;border-radius:4px;overflow:hidden}
 .strip>div:not(.strip-art){grid-row:1;grid-column:2}
 .strip .cta{grid-column:1/-1;width:100%;justify-content:space-between}
 .hero .strip small,.hero .strip h3{font-size:16px}
 .selection-art{left:auto;right:16px;top:55px;bottom:auto;width:88px;height:110px;transform:rotate(-5deg);opacity:1;z-index:0}
 html[dir=ltr] .selection-art{right:auto;left:16px}
 .mast.has-selection-art{padding-top:24px}
 .mast.has-selection-art .crumb{max-width:none;margin-top:0;margin-bottom:18px}
 .mast.has-selection-art h1{font-size:32px;letter-spacing:-1.4px;padding:0 110px 0 0;min-height:46px;max-width:none}
 .mast.has-selection-art .tag{padding-inline-start:110px;max-width:none;min-height:60px;margin-bottom:22px;font-size:16px}
 html[dir=ltr] .mast.has-selection-art .crumb,html[dir=ltr] .mast.has-selection-art h1,html[dir=ltr] .mast.has-selection-art .tag{margin-left:0}
 html[dir=ltr] .mast.has-selection-art h1{padding:0 0 0 110px}
 .coin-direction{padding:16px;margin-top:18px}
 .flow-endpoints,.coin-direction small{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.merch-art{transition:none!important}}

/* Product-led discovery. No duplicate category banners or decorative particle silhouettes. */
.nav{gap:24px;min-width:0;white-space:nowrap}
.shelf{padding:64px var(--gutter);min-height:0;background:var(--ink)}
.shelf-playstation,.shelf-valorant{background:#1d1f22}
.shelf .head,html[dir=ltr] .shelf .head{width:auto;min-height:0;margin:0 0 28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.shelf h2{font-size:42px;letter-spacing:-1.6px;margin-bottom:12px}
.shelf .tag{font-size:16px;line-height:1.8;max-width:690px}
.shelf .all{flex-shrink:0;white-space:nowrap}
.category-visual{width:96px;flex:none;aspect-ratio:1;overflow:hidden;border-radius:6px}
.category-visual img{width:100%;height:100%;object-fit:contain}
.product-grid{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:20px}
.product-grid>div{min-width:0;display:flex}
.product-grid .product-cover{flex:1}
.category-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
.category-types a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:18px;background:#25272a;border:1px solid #ffffff12;border-radius:6px;font-size:15px;line-height:1.7}
.category-types a:hover{border-color:#f2eee777}
.category-types .arrow{flex:none}
.shelf-steam .product-cover{flex-direction:row;align-items:stretch}
.shelf-steam .product-cover>.merch-art{width:52%;aspect-ratio:3/2;height:auto;align-self:center}
.shelf-steam .product-info{padding:24px 20px}
.shelf-steam .product-cover .name{font-size:20px}
.shelf-valorant .product-cover{display:grid;grid-template-columns:1.5fr 1fr;direction:ltr;align-items:center}
.shelf-valorant .product-cover>.merch-art{aspect-ratio:2.37/1}
.shelf-valorant .product-info{direction:rtl;padding:32px}
html[dir=ltr] .shelf-valorant .product-info{direction:ltr}
.mast>.dust{visibility:hidden}
.mast.has-selection-art{min-height:322px}
.mast .tabs{margin-left:0;scrollbar-width:thin;scrollbar-color:#55585e transparent}
.selection-art{transform:none;height:164px;bottom:94px;width:246px;box-shadow:none}
.boost-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.config select,.config textarea,.config input[type=text]:not(#amount){width:100%;border:1px solid #ffffff2b;background:#222427;color:var(--light);border-radius:4px;padding:14px 16px;min-height:52px;font:inherit;resize:vertical}
.config textarea{min-height:120px}
.config [aria-invalid=true]{border-color:var(--glow)}
.config #boost-data-note{max-width:660px;line-height:1.9;margin-top:6px}
.summary dd{overflow-wrap:anywhere}
@media(min-width:641px) and (max-width:1180px){
 .nav{gap:14px;font-size:14px}.tools{gap:12px}.shelf h2{font-size:36px}
 .category-types{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shelf-steam .product-cover{flex-direction:column}
 .shelf-steam .product-cover>.merch-art{width:100%}
}
@media(max-width:640px){
 .bar{grid-template-columns:repeat(5,minmax(0,1fr))}.bar a{font-size:16px}
 .shelf{padding:34px 16px 38px}
 .shelf .head,html[dir=ltr] .shelf .head{align-items:flex-start;flex-direction:column;margin:0 0 20px;gap:10px}
 .shelf h2{font-size:32px;letter-spacing:-1px;margin-bottom:8px}
 .shelf .tag,.shelf .all{font-size:16px}
 .product-grid{grid-template-columns:1fr;gap:18px}
 .product-info{padding:18px;gap:10px}
 .product-cover .name{font-size:21px}
 .product-cover .meta,.product-action,.product-cover .meta b i{font-size:16px}
 .product-cover .meta b{font-size:25px}
 .category-types{grid-template-columns:1fr;gap:8px;margin-top:18px}
 .category-types a{min-height:58px;font-size:16px;padding:14px 18px}
 .shelf-steam .product-cover{flex-direction:column}
 .shelf-steam .product-cover>.merch-art{width:100%}
 .shelf-steam .product-info{padding:18px}
 .shelf-steam .product-cover .name{font-size:21px}
 .shelf-valorant .product-cover{display:flex;flex-direction:column}
 .shelf-valorant .product-info{padding:18px;align-self:stretch}
 .shelf-valorant .product-cover>.merch-art{aspect-ratio:2/1}
 .mast.has-selection-art{min-height:0}
 .selection-art{height:72px;width:108px;bottom:auto}
 .mast.has-selection-art h1{padding:0 126px 0 0}
 html[dir=ltr] .mast.has-selection-art h1{padding:0 0 0 126px}
 .mast.has-selection-art .tag{padding-inline-start:126px}
 .boost-range{grid-template-columns:1fr;gap:0}
 .seg:has(input[name=boost-service]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .seg:has(input[name^=boost-]) label>span{padding:14px 8px;font-size:16px;overflow-wrap:anywhere}
 .hero .quick{gap:10px 20px}.hero .quick a{min-height:44px}
 .mbar small{font-size:16px;display:block;max-width:170px;white-space:normal}
}
.stock-state{font-size:16px;color:var(--text,#f2eee7)}.cta:disabled{opacity:.55;cursor:not-allowed}