.nameplate{position:relative;isolation:isolate;display:inline-flex!important;align-items:center;gap:10px;min-height:48px;padding:10px 18px!important;min-width:220px;max-width:100%;border:2px solid transparent;border-radius:3px;background:#151c22;box-sizing:border-box;overflow:hidden}
.nameplate::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--plate-bg,transparent);background-size:200% 200%}
.nameplate>*{position:relative;z-index:1}.nameplate .member-name{max-width:28ch}.nameplate .rank-badge{flex-shrink:0}
[data-nameframe="steel"]{border-color:#899da6;box-shadow:inset 0 0 0 2px #26313a}
[data-nameframe="brass"]{border:3px double #edca87;box-shadow:inset 0 0 8px #977335}
[data-nameframe="circuit"]{border-color:#62d4c2;border-radius:0 12px;box-shadow:inset 5px 0 #255d58}
[data-nameframe="money"]{border-color:#e0a557;box-shadow:inset 4px 0 #e0a557,inset -4px 0 #e0a557;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
[data-nameframe="obsidian"]{border:3px double #b5a0e3;box-shadow:inset 5px 0 #625477,inset -5px 0 #625477;border-radius:8px 0}
[data-namebackground="slate"]{--plate-bg:linear-gradient(115deg,#354752,#15202b)}
[data-namebackground="teal"]{--plate-bg:radial-gradient(ellipse at top right,#326b63,transparent 60%),linear-gradient(120deg,#172c2d,#253d3a)}
[data-namebackground="carbon"]{--plate-bg:repeating-linear-gradient(135deg,#172027 0 5px,#25313b 5px 7px)}
[data-namebackground="money"]{--plate-bg:repeating-linear-gradient(110deg,#312117 0 20px,#49301c 21px 22px,#211a15 23px 44px)}
[data-namebackground="liquid"]{--plate-bg:linear-gradient(120deg,#12222e,#657e88 30%,#1c313d 45%,#476770 65%,#14222d)}
[data-namebackground="aurora"]{--plate-bg:linear-gradient(130deg,#121f2b,#245e64 25%,#493760 50%,#182a40 70%,#286365)}
[data-namebackground="core"]{--plate-bg:repeating-radial-gradient(ellipse at 20% 90%,#1b1632 0 8px,#50416c 10px 12px,#17152b 14px 28px)}
[data-namebackground="liquid"]::before,[data-namebackground="aurora"]::before,[data-namebackground="core"]::before{animation:nameplate-drift 9s ease-in-out infinite alternate}
@keyframes nameplate-drift{from{background-position:0% 20%}to{background-position:100% 80%}}
body[data-grinder-motion="reduced"] .nameplate::before{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not([data-grinder-motion="full"]) .nameplate::before{animation:none!important}}
.shop-card-visual .nameplate{min-width:0;width:100%}.leader-identity.nameplate{width:max-content;max-width:none}.shop-card-visual{min-width:0}

#shopView.previews-paused .nameplate::before{animation-play-state:paused!important}

[data-nameframe="copper"]{border:3px solid #ac7652;box-shadow:inset 0 0 0 1px #402e24;border-radius:7px}
[data-nameframe="copper"]::after{content:'';position:absolute;inset:3px;pointer-events:none;background:radial-gradient(circle at 3px 3px,#edc7a4 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#edc7a4 0 2px,transparent 3px)}
[data-nameframe="frost"]{border-color:#b7e0e899;box-shadow:inset 0 0 7px #c6f1ff66;border-radius:10px}
[data-nameframe="crimson"]{border-left:7px solid #e24764;border-right:7px solid #752541;border-top-color:#e24764;border-bottom-color:#752541;border-radius:12px 0}
[data-nameframe="ivory"]{border:4px double #eee0b6;border-radius:2px;box-shadow:inset 0 0 0 2px #584e39}
[data-nameframe="duotone"]{border-color:#ee698e #ee698e #60dbd3 #60dbd3;border-width:3px;border-radius:0 14px}
[data-nameframe="rainbow"]{border-image:linear-gradient(110deg,#ee6d87,#edc967,#6ee7bc,#74b9ff,#ca86ef) 1;border-width:3px}
[data-nameframe="hazard"]{border-image:repeating-linear-gradient(135deg,#d9b857 0 7px,#343732 7px 14px) 1;border-width:4px}
[data-nameframe="royal"]{border:4px double #d8b76d;border-radius:14px 2px;box-shadow:inset 6px 0 #765d34,inset -6px 0 #765d34}
[data-nameframe="pulse"]{border-color:#6ce9df;animation:frame-pulse 2.4s ease-in-out infinite alternate}
[data-nameframe="chase"],[data-nameframe="scan"],[data-nameframe="iridescent"]{border-color:#aa9edb}
[data-nameframe="chase"]::after,[data-nameframe="scan"]::after,[data-nameframe="iridescent"]::after{content:'';position:absolute;inset:0;padding:3px;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(90deg,#f780a9,#edda7a,#63e6ce,#9880ff,#f780a9);background-size:256px 100%;background-repeat:repeat-x;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);animation:frame-chase 3s linear infinite}
[data-nameframe="scan"]::after{background-image:linear-gradient(90deg,#264151 35%,#a6f5ff 48%,#fff 50%,#a6f5ff 52%,#264151 65%);animation-duration:2s}
[data-nameframe="iridescent"]::after{background-image:linear-gradient(90deg,#ba9cec,#fff4d6,#77e1e9,#ef91bd,#ba9cec);animation-duration:6s;padding:4px}
@keyframes frame-pulse{from{box-shadow:inset 0 0 2px #6ce9df44;border-color:#397e7a}to{box-shadow:inset 0 0 12px #6ce9df88;border-color:#b1fff8}}
/* One exact tile per cycle, independent of plate width. */
@keyframes frame-chase{from{background-position:0px 0}to{background-position:256px 0}}
body[data-grinder-motion="reduced"] .nameplate,body[data-grinder-motion="reduced"] .nameplate::after{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not([data-grinder-motion="full"]) .nameplate,body:not([data-grinder-motion="full"]) .nameplate::after{animation:none!important}}
#shopView.previews-paused .nameplate,#shopView.previews-paused .nameplate::after{animation-play-state:paused!important}

[data-nameframe="trim-bevel-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-bevel-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-bevel-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-bevel-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}
[data-nameframe="trim-bracket-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-bracket-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-bracket-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-bracket-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}
[data-nameframe="trim-stitch-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-stitch-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-stitch-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-stitch-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}
[data-nameframe="trim-channel-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-channel-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-channel-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-channel-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}
[data-nameframe="trim-marquee-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-marquee-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-marquee-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-marquee-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}
[data-nameframe="trim-current-ember"]{--trim-a:#ffb86b;--trim-b:#a34436}
[data-nameframe="trim-current-jade"]{--trim-a:#95e7b7;--trim-b:#327e7b}
[data-nameframe="trim-current-sapphire"]{--trim-a:#9cceff;--trim-b:#4657a4}
[data-nameframe="trim-current-orchid"]{--trim-a:#f0b0df;--trim-b:#8155ac}

[data-nameframe^="trim-bevel-"]{border:4px ridge var(--trim-a);border-radius:0 9px;box-shadow:inset 0 0 0 2px var(--trim-b)}
[data-nameframe^="trim-bracket-"]{border:0;border-left:5px solid var(--trim-a);border-right:5px solid var(--trim-b);border-radius:12px 0;box-shadow:inset 0 2px var(--trim-a),inset 0 -2px var(--trim-b)}
[data-nameframe^="trim-stitch-"]{border:2px dashed var(--trim-a);box-shadow:inset 0 0 0 3px var(--trim-b);border-radius:8px}
[data-nameframe^="trim-channel-"]{border:5px double var(--trim-a);box-shadow:inset 9px 0 var(--trim-b),inset -9px 0 var(--trim-b);border-radius:0}
[data-nameframe^="trim-marquee-"],[data-nameframe^="trim-current-"]{border-color:var(--trim-b);border-radius:6px}
[data-nameframe^="trim-marquee-"]::after,[data-nameframe^="trim-current-"]::after{content:'';position:absolute;inset:0;pointer-events:none;padding:3px;z-index:2;border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);background:repeating-linear-gradient(90deg,var(--trim-a) 0 6px,var(--trim-b) 6px 12px,transparent 12px 16px);background-size:256px 100%;background-repeat:repeat-x;animation:frame-chase 6s linear infinite}
[data-nameframe^="trim-current-"]::after{padding:4px;background-image:linear-gradient(90deg,var(--trim-b) 15%,var(--trim-a) 35%,#fff 45%,var(--trim-a) 55%,var(--trim-b) 75%);background-size:256px 100%;animation-duration:4s}
.nameplate[data-namebackground="tekken8"]{width:360px;min-width:0;min-height:64px;aspect-ratio:16/3;padding:8px 15px!important;--plate-bg:transparent}
.nameplate[data-namebackground="tekken8"]::before{background-image:var(--plate-image);background-size:100% 100%;background-position:center;background-repeat:no-repeat}

.nameplate[data-namebackground="tekken8"] .member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.shop-grid.plate-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.plate-grid .shop-card-visual{min-height:100px;padding:14px 10px}
.plate-browser{margin:12px 0 24px}
.plate-collections{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #ffffff20;padding-bottom:12px}
.plate-collections button,.plate-pagination button,#plateBack{padding:9px 12px;background:#111d25;border:1px solid #ffffff30;color:var(--paper,#e8e6df);font:inherit;cursor:pointer}
.plate-collections button[aria-pressed="true"]{border-color:var(--accent,#93c5df);background:#24404e}
.plate-search-row{display:flex;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}
#plateSearch{flex:1;min-width:180px;padding:12px 14px;background:#0d171e;border:1px solid #ffffff35;color:var(--paper,#e8e6df);font:inherit}
#plateSearch:focus-visible,.plate-character:focus-visible{outline:2px solid var(--accent,#93c5df);outline-offset:3px}
.plate-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}
.plate-character{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:92px;padding:58px 12px 12px;border:1px solid #ffffff25;background:#101a22;color:#e8e6df;text-align:left;cursor:pointer}
.plate-character img{position:absolute;inset:0 0 auto;width:100%;height:54px;object-fit:fill;pointer-events:none}
.plate-character strong{font-size:15px}.plate-character span{color:#aebcc5;font-size:12px;white-space:nowrap}
.plate-character:hover{border-color:var(--accent,#93c5df);background:#1b2d38}
.plate-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}
.plate-pagination button:disabled{opacity:.35;cursor:default}
@media(max-width:600px){.plate-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.plate-character{padding:48px 8px 10px;min-height:88px;flex-wrap:wrap;gap:3px}.plate-character img{height:42px}.plate-character strong{font-size:13px}.plate-character span{font-size:11px}.plate-search-row{gap:8px}}




/* Uniform identity dimensions; outlined names remain legible over artwork. */
.nameplate-area{position:relative;isolation:isolate;display:inline-flex!important;align-items:center;box-sizing:border-box;width:360px;min-width:0;max-width:100%;height:72px;min-height:72px;padding:10px 14px!important;overflow:hidden}
.nameplate-area[data-namebackground="tekken8"]{height:72px;min-height:72px;aspect-ratio:auto;padding:10px 14px!important}
.nameplate-area .nameplate-content{display:inline-flex;align-items:center;gap:6px;position:relative;z-index:1;min-width:0;max-width:100%;min-height:32px;padding:4px 0;box-sizing:border-box;line-height:1.4}
.nameplate-area .nameplate-content .member-name{min-width:0;max-width:100%;font-size:18px;line-height:26px;font-weight:900;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.nameplate-area .nameplate-content>:not(.member-name){flex-shrink:0}

.leader-identity.nameplate-area{width:288px;min-width:288px;max-width:288px;height:54px;min-height:54px;padding:3px 8px!important;gap:0}
.leader-identity.nameplate-area .nameplate-content{width:100%}
#shopPreview.nameplate-area{width:100%;max-width:100%;font-size:14px;justify-content:flex-start}

.shop-loadout,.shop-stock{min-width:0}
@media(max-width:800px){.shop-layout{grid-template-columns:minmax(0,1fr)}}

.shop-card-visual{grid-template-columns:minmax(0,1fr)}
.leader-identity.nameplate-area{border-width:2px!important}


/* The loadout preview has the artwork's natural proportions and room for the name. */
@media(min-width:801px){.shop-layout{grid-template-columns:400px minmax(0,1fr)}}
#shopPreview.nameplate-area{width:360px;max-width:100%;height:auto;min-height:0;aspect-ratio:16/3}

@media(max-width:480px){.shop-loadout{padding:16px}}

/* Free default frame; equipped frames replace it and backgrounds stay optional. */
.nameplate-area:not([data-nameframe]){border:3px solid #52636d;border-radius:3px}
.nameplate-area:not([data-namebackground]){background:transparent}
.nameplate-area:not([data-namebackground])::before{background:none}

/* Every identity uses the centre of the full plate, including character artwork. */
.nameplate-area,#shopPreview.nameplate-area{padding-left:14px!important;padding-right:14px!important;justify-content:center}
.nameplate-area .nameplate-content{justify-content:center}

/* Outline the rendered colour layer instead of painting black inside transparent gradient glyphs. */
.nameplate-area .nameplate-content{filter:none}
.nameplate-area .member-name:not([class*="name-effect-"]){filter:drop-shadow(.6px 0 0 #000) drop-shadow(-.6px 0 0 #000) drop-shadow(0 .6px 0 #000) drop-shadow(0 -.6px 0 #000)}
.nameplate-area .member-name:not([class*="name-effect-"]){text-shadow:none!important}

/* Grinder rewards: machined facets and reflective, exactly periodic light passes. */
.nameplate[data-namebackground="money"]::before,.nameplate[data-namebackground="core"]::before{background-image:linear-gradient(110deg,transparent 25%,#ffd79608 40%,#ffe9b524 50%,#ffd79608 60%,transparent 75%),url('/assets/grinder-money-plate.svg?v=2');background-size:256px 100%,100% 100%;background-repeat:repeat-x,no-repeat;animation:grinder-reward-flow 12s linear infinite}
.nameplate[data-namebackground="core"]::before{background-image:linear-gradient(110deg,transparent 25%,#8ba4b308 40%,#d5e6ec20 50%,#8ba4b308 60%,transparent 75%),url('/assets/grinder-core-plate.svg?v=2');animation-duration:16s}
.nameplate[data-nameframe="money"]{border:3px solid #a78550;border-radius:5px;clip-path:none;box-shadow:inset 0 0 0 1px #f1d394,inset 0 0 0 4px #292017,inset 0 0 12px #100c08}
.nameplate[data-nameframe="obsidian"]{border:3px solid #52616b;border-radius:5px;box-shadow:inset 0 0 0 1px #acbac3,inset 0 0 0 4px #141b22,inset 0 0 12px #04080b}
.nameplate[data-nameframe="money"]::after,.nameplate[data-nameframe="obsidian"]::after{content:'';position:absolute;inset:0;padding:4px;border-radius:inherit;pointer-events:none;z-index:2;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);background-image:linear-gradient(110deg,transparent 20%,#fff0ce22 35%,#fff0ceee 50%,#fff0ce22 65%,transparent 80%);background-size:256px 100%;background-repeat:repeat-x;animation:grinder-frame-flow 10s linear infinite}
.nameplate[data-nameframe="obsidian"]::after{background-image:linear-gradient(110deg,transparent 20%,#c4dbe522 35%,#e5f4ffee 50%,#c4dbe522 65%,transparent 80%);animation-duration:14s}
@keyframes grinder-reward-flow{from{background-position:0px 0,center}to{background-position:256px 0,center}}
@keyframes grinder-frame-flow{from{background-position:0px 0}to{background-position:256px 0}}

/* Compact leaderboard plates retain the artwork ratio and consistent alignment. */
.leaderboard-section td{padding:5px 12px}
.leaderboard-section .leader-identity.nameplate-area{padding:3px 8px!important}
.leader-identity.nameplate-area .nameplate-content{min-height:0;padding:0;gap:5px}
.leader-identity.nameplate-area .member-name{font-size:17px;line-height:24px}
.leaderboard-section tr.rank-1{--podium-colour:#ffe18a;--podium-glow:#ffc43d70}
.leaderboard-section tr.rank-2{--podium-colour:#edf5ff;--podium-glow:#d2e8ff60}
.leaderboard-section tr.rank-3{--podium-colour:#f6b77c;--podium-glow:#e78a4160}
.leaderboard-section tr:is(.rank-1,.rank-2,.rank-3) td:first-child{color:var(--podium-colour);font-weight:900;text-shadow:0 0 8px var(--podium-glow)}
.leaderboard-section tr:is(.rank-1,.rank-2,.rank-3) .leader-name:not(.custom-name-flat):not(.custom-name-gradient){color:var(--podium-colour);filter:drop-shadow(0 0 3px var(--podium-glow))}

/* Keep selected font families. A generous line box protects decorative ascenders/descenders;
   the flexible name shrinks horizontally before the badge, with ellipsis for long names. */
.nameplate-area .nameplate-content .member-name{font-size:19px;line-height:1.45;padding-block:2px;flex:0 1 auto}
.nameplate-area .nameplate-content{min-width:0;max-width:100%}

#shopView .shop-layout{display:block}.customisation-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.customisation-layout .shop-loadout{position:static}.customisation-view .shop-ownership-filter{display:none}.shop-hero a{color:var(--cyan);font-size:14px}.customisation-view #shopOwnership{display:none}.customisation-view .shop-credit{display:none}#passCustomisationMount{margin-top:32px}.customisation-layout .shop-stock{min-width:0}@media(max-width:800px){.customisation-layout{grid-template-columns:1fr}}

/* Non-rank badges fill the plate height; wide rank art keeps its existing dimensions. */
.nameplate-area .member-badge-image:not(.rank-badge){width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important;flex:0 0 35px}
.nameplate-area .member-badge-emoji{font-size:28px!important;line-height:35px}

/* Primary destinations and a compact Games menu; no horizontal navigation rail. */
.site-navigation{max-width:1180px;margin:0 auto;position:relative;z-index:20}.site-navigation .site-tabs{margin:0;display:flex;align-items:center;gap:22px;overflow:visible}.site-navigation .site-tabs>button{min-width:0;flex:0 1 auto;font-size:14px;padding:12px 4px;white-space:nowrap}.games-nav{position:relative;margin-right:0}.games-nav summary{cursor:pointer;list-style:none;font-size:14px;font-weight:600;padding:12px 6px;color:var(--muted)}.games-nav summary::after{content:' ▾';font-size:11px}.games-nav-menu{position:absolute;top:100%;left:0;min-width:170px;padding:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px #0006}.site-navigation .games-nav-menu button{display:block;text-align:left;width:100%;min-width:0;min-height:40px;padding:10px;border:0}.games-nav-menu button[aria-selected=true]{color:var(--cyan)}#siteMenuToggle{display:none}.shop-category-tabs{display:none!important}.cosmetic-category-select{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px;margin:0 0 20px}.cosmetic-category-select select{width:min(260px,100%);padding:10px 12px;color:var(--paper);background:var(--panel);border:1px solid var(--line)}
@media(max-width:1220px){.site-navigation{margin-inline:20px}.site-navigation .site-tabs{gap:12px}}
@media(max-width:760px){.site-navigation{margin-inline:12px}#siteMenuToggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 4px;background:transparent;border-bottom:1px solid var(--line);color:var(--paper)}#siteMenuCurrent{font-size:12px;color:var(--cyan)}.site-navigation .site-tabs{display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--panel);border:1px solid var(--line);padding:8px}.site-navigation.menu-open .site-tabs{display:flex}.site-navigation .site-tabs>button{text-align:left;flex:none;min-height:42px}.games-nav{margin:0}.games-nav-menu{position:static;box-shadow:none;border:0;border-left:1px solid var(--line);margin-left:12px}.games-nav summary{padding:12px 4px}.cosmetic-category-select{flex-wrap:wrap;gap:8px}}

.games-nav:has(button[aria-selected="true"]) summary{color:var(--cyan)}
#characterPassView{max-width:1180px;margin:24px auto}#characterPassView iframe,#passCustomisationMount iframe{display:block;width:100%;height:900px;border:0}.character-passes-open #siteContent,.character-passes-open #streamRewards{display:none!important}.pass-library-tabs{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--panel);margin:16px 0}.pass-library-tabs button{padding:12px;background:var(--ink);border:1px solid var(--line);color:var(--paper);cursor:pointer}.pass-library-tabs button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.customisation-layout #passCustomisationMount{min-width:0}.nameplate-area[data-nameframe="character-pass"]{overflow:visible;border:0;border-radius:0}.nameplate-area[data-nameframe="character-pass"]::before{clip-path:polygon(3% 0,97% 0,100% 18%,99% 50%,100% 82%,97% 100%,3% 100%,0 82%,1% 50%,0 18%)}.character-pass-frame{position:absolute;z-index:3;inset:-14.285714% -2.631579%;width:105.263158%;height:128.571429%;max-width:none;pointer-events:none}@media(max-width:1220px){#characterPassView{margin:24px 20px}}@media(max-width:650px){#characterPassView{margin:16px 12px}}


/* September 2026: compact broadcast presentation. */
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .site-navigation { width:calc(100% - 40px); max-width:1180px; margin-inline:auto; }
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .site-navigation .site-tabs { margin:0; padding:0; gap:20px; }:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .games-nav summary{min-height:46px;font-size:15px;display:flex;align-items:center;padding:8px 4px 12px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-view { padding-top:24px; }:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero { margin:0 0 20px; padding:0 0 20px; align-items:center; }:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero h2{font-size:32px;margin:0 0 4px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel{padding-left:24px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel strong{font-size:22px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:16px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .cosmetic-category-select{display:grid;gap:6px;margin:0;font-size:12px;flex:1;min-width:180px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar select{width:100%;min-width:0;font-size:14px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .shop-ownership-filter{display:grid;grid-template-columns:auto auto;gap:6px 16px;margin:0;padding:0;align-items:end}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-ownership-filter label{grid-column:1;font-size:12px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-ownership-filter select{grid-column:1;grid-row:2}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-ownership-filter #shopResultCount{grid-column:2;grid-row:2;padding-bottom:12px;font-size:12px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-motion-control{margin:0!important;padding:0!important}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-motion-control button{min-height:44px;font-size:12px;padding:10px 14px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card{background:transparent;border:1px solid var(--line);padding:12px;grid-template-rows:100px minmax(48px,auto) 40px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card-visual{background:var(--panel)}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card-copy strong{font-size:15px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card > button:disabled{opacity:1;color:var(--muted);cursor:default;filter:none}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card > button{min-height:40px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-layout{grid-template-columns:320px minmax(0,1fr);gap:28px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-layout .shop-loadout{padding:20px;border:1px solid var(--line);position:sticky;top:20px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .loadout-slot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:12px 0;border-bottom:1px solid var(--line)}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .loadout-slot>span{grid-column:1;font-size:11px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .loadout-slot>strong{grid-column:1;grid-row:2;font-size:13px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .loadout-slot>button{grid-column:2;grid-row:1/3;width:auto;font-size:11px;padding:8px;min-height:36px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .loadout-slot>button#backgroundMotion{grid-row:3;grid-column:1/-1}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-loadout>.shop-preview{margin-bottom:12px}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .pass-library-tabs{padding:0;background:transparent;border-bottom:1px solid var(--line);margin:0 0 20px;gap:20px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .pass-library-tabs button{padding:10px 0;background:transparent;border:0;border-bottom:2px solid transparent;min-height:44px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .pass-library-tabs button[aria-pressed=true]{border-bottom-color:var(--cyan)}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-view .shop-toolbar .shop-motion-control{margin-left:auto!important}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-guest{padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:24px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-guest p{margin:0 0 16px;color:var(--muted)}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-guest button{padding:12px 20px;background:var(--cyan);color:var(--ink)}
body:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"]))[data-joined="false"] .customisation-layout,body:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"]))[data-joined="false"] .pass-library-tabs{display:none}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) #characterPassView{margin-block:16px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) #passCustomisationMount{margin-top:0}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity.nameplate-area { width:288px; }
@media(max-width:800px){:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-layout{grid-template-columns:1fr}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-layout .shop-loadout{position:static}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar{gap:12px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .shop-ownership-filter{flex:1}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero{gap:16px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel{padding-left:16px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .site-navigation{width:calc(100% - 24px);margin-inline:12px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .site-navigation .site-tabs{padding:8px;gap:0}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .site-navigation .games-nav summary{display:block;min-height:44px;padding:12px 4px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero{padding-bottom:16px;margin-bottom:16px;align-items:start}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero h2{font-size:28px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel{border:0;padding:0;text-align:right}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel strong{font-size:16px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel .jc-icon{width:22px;height:22px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .shop-ownership-filter{grid-template-columns:1fr}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-ownership-filter #shopResultCount{grid-column:1;grid-row:3;padding:0}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-grid{gap:10px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-card{padding:10px;grid-template-rows:84px minmax(44px,auto) 40px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .cosmetic-category-select{min-width:145px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-motion-control{align-self:end}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-motion-control button{font-size:11px}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section table{min-width:0;width:100%;table-layout:fixed}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section thead tr{display:grid;grid-template-columns:32px minmax(0,1fr) 94px;gap:8px;padding:10px 12px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section th{padding:0;font-size:10px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section th:nth-child(n+4){display:none}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section tbody{display:block}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section tbody tr{display:grid;grid-template-columns:32px minmax(0,1fr) 94px;gap:2px 8px;padding:12px;border-bottom:1px solid var(--line);align-items:center}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td{padding:0;border:0;min-width:0}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td:first-child{grid-row:1 / 3;font-size:13px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td:nth-child(3){text-align:right;font-size:13px;white-space:nowrap}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td:nth-child(4),:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td:nth-child(5),:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section td:nth-child(6){display:none}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-section .leader-mobile-record{display:block;grid-column:2 / 4;font-size:11px;color:var(--muted);padding-top:7px;text-align:left}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leaderboard-scroll{overflow-x:visible}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity.nameplate-area{width:100%;min-width:0;height:42px;max-width:100%;aspect-ratio:auto}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity.nameplate-area .nameplate-content{gap:3px;min-width:0;overflow:hidden}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity.nameplate-area .member-name{font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity .member-badge-image:not(.rank-badge){width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px!important}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity .rank-badge{max-width:38px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity .st-plus-tag,:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity .dev-tag{font-size:7px;padding:1px 2px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity:focus{position:relative;z-index:5;width:288px;max-width:none;height:54px;background-color:var(--panel);outline:2px solid var(--cyan);outline-offset:3px}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity:focus .member-name{font-size:17px;white-space:normal}
}

:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-view .shop-ownership-filter>label{display:none}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-view .shop-toolbar .shop-ownership-filter{display:block}
:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-view .shop-ownership-filter #shopResultCount{display:block;padding-bottom:12px}

@media(max-width:760px){
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero{display:flex;flex-direction:row;justify-content:space-between;align-items:start}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-hero>div{min-width:0}:where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-balance-panel{max-width:45%}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .cosmetic-category-select{min-width:0;align-self:start}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .shop-ownership-filter{min-width:0;align-self:start}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar select{font-size:13px}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .shop-toolbar .shop-motion-control{grid-column:1/-1;justify-self:end}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .customisation-view .shop-toolbar .shop-ownership-filter{align-self:center}
 :where(body:not([data-site-tab="live"]):not([data-site-tab="tournament"])) .leader-identity:focus{max-width:calc(100vw - 80px)}
}

@media(min-width:761px){.games-nav:has(+ #stockMarketTab){margin-right:0}#stockMarketTab{margin-right:auto}}

/* VIP shares the right-hand group; only Stocks separates the two groups. */
#vipNav { margin-right: 0; }

/* Authored transparent edge art; independent of the text/effect and plate layers. */
.nameplate-area:has(>.authored-frame){padding:14px 30px!important;min-height:64px;min-width:min(260px,100%)}
.nameplate-area>.authored-frame{inset:0;width:100%;height:100%;object-fit:fill}
/* VIP art traces the plate edges; character frames have their own overscan. */
.nameplate-area>.vip-frame{inset:0;width:100%;height:100%;object-fit:fill}
.nameplate-area:has(>.authored-frame)>.nameplate-content{min-width:0;max-width:100%}

/* Original stage art is cropped, never stretched, into the existing 16:3 plate. */
.nameplate[data-namebackground="stage"]{width:360px;min-width:0;min-height:64px;aspect-ratio:16/3;padding:8px 15px!important;--plate-bg:transparent}
.nameplate[data-namebackground="stage"]::before{background-image:linear-gradient(0deg,#0005,#0001 65%,#0003),var(--plate-image);background-size:cover;background-position:center;background-repeat:no-repeat;animation:none!important}
.nameplate[data-namebackground="stage"] .member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.nameplate[data-namebackground="stage"]>.nameplate-content{min-width:0;max-width:100%}