.top-main{padding-top:20px}.header-card .product-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.header-card .product-nav a{min-width:0}.top-search,.top-results{margin-top:14px;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(15,47,28,.96),rgba(7,26,15,.96));box-shadow:var(--shadow)}
.top-search h1,.top-results h2{margin:.18em 0;font-family:'Chakra Petch',sans-serif;line-height:1.2}.top-filter-title{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:900;letter-spacing:.09em}.top-search-grid{display:grid;grid-template-columns:minmax(155px,.65fr) minmax(180px,.9fr) minmax(185px,.8fr) minmax(170px,.6fr);align-items:end;gap:14px;margin-top:14px}.top-search-grid label,.top-search-grid .playstyle-filter-field{display:grid;grid-template-rows:22px 48px;gap:7px;color:var(--green);font-size:.76rem;font-weight:800}.top-search-grid select,#rankSubmit{height:48px;border-radius:12px;font:700 .82rem 'Chakra Petch',sans-serif}.top-search-grid select{width:100%;border:1px solid #356848;background:#06170d;color:var(--text);padding:8px 12px}#rankSubmit{border:0;background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#07140d;cursor:pointer}.signature-toggle-control{display:flex;align-items:center;gap:9px;height:48px;padding:7px 10px;border:1px solid #356848;border-radius:12px;background:#06170d;color:var(--text);cursor:pointer}.signature-toggle-control input{position:absolute;opacity:0;pointer-events:none}.signature-toggle-track{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#274634;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:.2s}.signature-toggle-track::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#c5d0c8;transition:.2s}.signature-toggle-control input:checked+.signature-toggle-track{background:var(--green)}.signature-toggle-control input:checked+.signature-toggle-track::after{transform:translateX(18px);background:#07140d}.signature-toggle-control input:focus-visible+.signature-toggle-track{outline:2px solid #d8ffbf;outline-offset:2px}.signature-toggle-control b{font:700 .72rem 'Chakra Petch',sans-serif;line-height:1.2}.top-search-grid .ps-filter-trigger{height:48px;border:1px solid #356848;background:#06170d;color:var(--text);padding:8px 12px}.top-search-grid .ps-filter-menu{z-index:80;width:100%;max-height:360px;padding:7px;font-size:.82rem;background:#06170d}.top-search-grid .ps-filter-menu button{height:auto;min-height:46px;border:0;background:transparent;color:var(--text);border-radius:10px}.top-search-grid .ps-filter-menu button:hover,.top-search-grid .ps-filter-menu button:focus-visible,.top-search-grid .ps-filter-menu button[aria-selected=true]{background:#173c25;color:var(--text)}.ranking-method{margin:13px 0 0;color:var(--muted);font-size:.72rem}.top-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.top-results-head span{color:var(--muted);font:700 .74rem 'Chakra Petch',sans-serif}.top-list{display:grid;gap:11px}.top-row{display:grid;grid-template-columns:92px 126px minmax(0,1fr) 25px;align-items:center;gap:20px;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:16px;background:#071a0f;color:var(--text);text-decoration:none}.top-row:hover{border-color:var(--green);background:#10331d}.top-rank{display:grid;place-items:center;border-right:1px solid var(--line);min-height:102px;padding-right:14px;text-align:center}.top-rank span{color:var(--muted);font-size:.72rem;font-weight:800}.top-rank strong{display:grid;place-items:center;width:46px;height:46px;margin:4px 0;font:950 2.2rem/1 'Chakra Petch',sans-serif;color:var(--green)}.top-rank small{margin-top:7px;color:var(--green);font:800 .67rem/1.3 'Chakra Petch',sans-serif}.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{border-radius:50%;color:#07140d;box-shadow:inset 0 2px 3px rgba(255,255,255,.5),0 5px 14px rgba(0,0,0,.35)}.rank-1 .top-rank strong{background:linear-gradient(145deg,#fff0a2,#d8a91e)}.rank-2 .top-rank strong{background:linear-gradient(145deg,#f4f7f8,#9ba7ae)}.rank-3 .top-rank strong{background:linear-gradient(145deg,#f0bd82,#a55d2c)}.top-art{display:grid;place-items:center;width:126px;height:132px}.top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:126px!important;height:132px!important;object-fit:contain}.top-copy{display:grid;min-width:0;gap:3px}.top-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 1rem 'Chakra Petch',sans-serif}.top-copy strong small{color:var(--muted);font-size:.68rem}.top-copy span,.top-copy em{color:var(--muted);font-size:.76rem;font-style:normal}.top-copy b{color:var(--green)}.top-arrow{color:var(--green);font-size:1.25rem}.top-other{width:100%;min-height:48px;margin-top:14px;border:1px solid rgba(137,232,95,.55);border-radius:12px;background:rgba(137,232,95,.07);color:var(--green);font:800 .8rem 'Chakra Petch',sans-serif;cursor:pointer}
@media(max-width:700px){.top-search-grid{grid-template-columns:1fr}.top-row{grid-template-columns:64px 86px minmax(0,1fr) 18px;gap:10px;padding:9px}.top-rank{min-height:86px;padding-right:10px}.top-rank strong{width:38px;height:38px;font-size:1.7rem}.top-rank span{font-size:.66rem}.top-rank small{font-size:.6rem}.top-art{width:86px;height:98px}.top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:86px!important;height:98px!important}.top-copy strong{font-size:.78rem}.top-copy span,.top-copy em{font-size:.64rem}.product-nav{overflow-x:auto}.product-nav a{flex:0 0 auto!important}}
.top-rank span{font-size:.8rem;font-weight:900}
@media(max-width:700px){.top-rank span{font-size:.74rem}}
.top-copy{gap:4px}.top-copy .top-player-name{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}.top-copy .top-player-set{color:var(--muted);font:700 .7rem 'Chakra Petch',sans-serif}.top-results-head>div{width:100%}
@media(max-width:700px){.top-copy .top-player-set{font-size:.62rem}}
.top-search-grid .ps-filter-trigger{padding:5px 12px}
.rank-1 .top-rank>span{color:#f7d86e;text-shadow:0 0 12px rgba(244,198,61,.42)}.rank-2 .top-rank>span{color:#d7e0e5;text-shadow:0 0 12px rgba(210,225,235,.34)}.rank-3 .top-rank>span{color:#e09a62;text-shadow:0 0 12px rgba(211,115,58,.38)}
.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{position:relative;isolation:isolate;border:2px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.28),0 2px 3px rgba(0,0,0,.32)}
.rank-1 .top-rank strong{background-image:linear-gradient(145deg,#fff4ae 0%,#f1c83e 42%,#b87806 100%),linear-gradient(135deg,#fff8c9,#8c5800);box-shadow:inset 0 2px 4px rgba(255,255,255,.82),inset 0 -5px 8px rgba(122,70,0,.42),0 0 0 3px rgba(239,190,42,.16),0 7px 18px rgba(231,171,21,.42)}
.rank-2 .top-rank strong{background-image:linear-gradient(145deg,#ffffff 0%,#dce5ea 42%,#89989f 100%),linear-gradient(135deg,#fff,#68767e);box-shadow:inset 0 2px 4px rgba(255,255,255,.92),inset 0 -5px 8px rgba(75,91,101,.35),0 0 0 3px rgba(210,225,235,.13),0 7px 18px rgba(164,184,195,.32)}
.rank-3 .top-rank strong{background-image:linear-gradient(145deg,#ffd0a3 0%,#d98143 44%,#873914 100%),linear-gradient(135deg,#ffe2bf,#70300f);box-shadow:inset 0 2px 4px rgba(255,255,255,.72),inset 0 -5px 8px rgba(94,35,9,.44),0 0 0 3px rgba(205,102,48,.14),0 7px 18px rgba(184,78,31,.35)}
.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{content:"";position:absolute;z-index:-1;left:5px;top:3px;width:70%;height:38%;border-radius:50%;background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,0));transform:rotate(-12deg);pointer-events:none}
@media(max-width:700px){.header-card .product-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-radius:999px;overflow:visible}.header-card .product-nav a{width:auto!important;min-width:0;min-height:52px;flex-direction:column;gap:0;padding:6px 2px;font-size:.53rem;line-height:1.15;white-space:normal}.header-card .product-nav .tab-line{display:block}}
.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{background-repeat:no-repeat,no-repeat,no-repeat;background-position:center,center,center;background-size:100% 100%,100% 100%,100% 100%;background-clip:padding-box,padding-box,border-box}
.rank-1 .top-rank strong{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%236b4300' stroke-width='4' opacity='.48'%3E%3Cpath d='M50 4 31 18 19 42 25 70 50 92 75 70 81 42 69 18Z'/%3E%3Cpath d='m50 30 18 13-7 21H39l-7-21Z'/%3E%3Cpath d='M50 30V4M68 43l13-1M61 64l14 6M39 64l-14 6M32 43l-13-1'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(145deg,#fff6bd 0%,#f4cd43 38%,#c28108 72%,#754500 100%),linear-gradient(135deg,#fff8c9,#8c5800);box-shadow:inset 0 3px 6px rgba(255,255,255,.9),inset 0 -7px 10px rgba(98,53,0,.5),0 0 0 4px rgba(239,190,42,.18),0 0 22px rgba(247,198,48,.48),0 9px 20px rgba(0,0,0,.42)}
.rank-2 .top-rank strong{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23455259' stroke-width='4' opacity='.46'%3E%3Cpath d='M50 4 31 18 19 42 25 70 50 92 75 70 81 42 69 18Z'/%3E%3Cpath d='m50 30 18 13-7 21H39l-7-21Z'/%3E%3Cpath d='M50 30V4M68 43l13-1M61 64l14 6M39 64l-14 6M32 43l-13-1'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(145deg,#fff 0%,#e2eaee 38%,#9aa8ae 72%,#59666c 100%),linear-gradient(135deg,#fff,#68767e);box-shadow:inset 0 3px 6px rgba(255,255,255,.95),inset 0 -7px 10px rgba(58,71,78,.46),0 0 0 4px rgba(210,225,235,.15),0 0 20px rgba(201,222,232,.34),0 9px 20px rgba(0,0,0,.4)}
.rank-3 .top-rank strong{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23682b0d' stroke-width='4' opacity='.48'%3E%3Cpath d='M50 4 31 18 19 42 25 70 50 92 75 70 81 42 69 18Z'/%3E%3Cpath d='m50 30 18 13-7 21H39l-7-21Z'/%3E%3Cpath d='M50 30V4M68 43l13-1M61 64l14 6M39 64l-14 6M32 43l-13-1'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(145deg,#ffd7ad 0%,#df8a48 40%,#a1491e 73%,#63240b 100%),linear-gradient(135deg,#ffe2bf,#70300f);box-shadow:inset 0 3px 6px rgba(255,255,255,.78),inset 0 -7px 10px rgba(79,25,6,.5),0 0 0 4px rgba(205,102,48,.16),0 0 20px rgba(210,105,53,.35),0 9px 20px rgba(0,0,0,.42)}
.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:122% 122%;background-clip:border-box;text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 4px rgba(0,0,0,.48)}
.rank-1 .top-rank strong{background-image:url('./assets/rank-balls/gold.png');box-shadow:0 0 0 3px rgba(239,190,42,.12),0 0 22px rgba(247,198,48,.48),0 9px 20px rgba(0,0,0,.42)}
.rank-2 .top-rank strong{background-image:url('./assets/rank-balls/silver.png');box-shadow:0 0 0 3px rgba(210,225,235,.11),0 0 20px rgba(201,222,232,.32),0 9px 20px rgba(0,0,0,.4)}
.rank-3 .top-rank strong{background-image:url('./assets/rank-balls/bronze.png');box-shadow:0 0 0 3px rgba(205,102,48,.12),0 0 20px rgba(210,105,53,.34),0 9px 20px rgba(0,0,0,.42)}
.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{display:none}
.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{color:transparent;text-shadow:none}
.rank-1 .top-rank strong::before,.rank-2 .top-rank strong::before,.rank-3 .top-rank strong::before{content:"";position:absolute;z-index:1;inset:24%;border-radius:50%;filter:blur(1.5px);pointer-events:none}
.rank-1 .top-rank strong::before{background:radial-gradient(circle,rgba(255,239,153,.86) 0 38%,rgba(245,194,44,.55) 60%,rgba(245,194,44,0) 84%)}
.rank-2 .top-rank strong::before{background:radial-gradient(circle,rgba(246,250,252,.88) 0 38%,rgba(190,206,214,.55) 60%,rgba(190,206,214,0) 84%)}
.rank-3 .top-rank strong::before{background:radial-gradient(circle,rgba(255,194,139,.84) 0 38%,rgba(195,91,40,.52) 60%,rgba(195,91,40,0) 84%)}
.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{content:attr(data-rank);position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#07140d;font:inherit;text-shadow:0 1px 0 rgba(255,255,255,.82),0 2px 4px rgba(0,0,0,.52);pointer-events:none}
.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{z-index:99;opacity:1;color:#06130c!important;-webkit-text-fill-color:#06130c;-webkit-text-stroke:.45px rgba(255,255,255,.72);filter:none;mix-blend-mode:normal;text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 3px rgba(0,0,0,.72),0 0 5px rgba(255,255,255,.38)}
.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{display:flex;align-items:center;justify-content:center;font-family:'Chakra Petch',sans-serif;font-style:normal;font-weight:950;line-height:1;letter-spacing:0;transform:translate(4px,7px);transform-origin:center}
.top-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.top-search .top-search-grid{margin-top:0}
.top-actions-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(170px,3fr);align-items:center;gap:10px;min-width:0}
.top-actions-row .signature-toggle-control{display:flex;justify-content:center;height:48px;min-width:0;padding:5px 10px;border:1px solid #356848;border-radius:12px;background:#06170d;overflow:hidden}
.top-actions-row .signature-toggle-track{flex-basis:36px;width:36px;height:20px}
.top-actions-row .signature-toggle-track::after{width:14px;height:14px}
.top-actions-row .signature-toggle-control input:checked+.signature-toggle-track::after{transform:translateX(16px)}
.top-actions-row .signature-toggle-control b{font-size:.63rem;white-space:nowrap}
.top-actions-row #rankSubmit{width:100%}
@media(max-width:700px){.top-search-grid{grid-template-columns:1fr}.top-actions-row{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.top-actions-row .signature-toggle-control{padding:4px 6px;gap:5px}.top-actions-row .signature-toggle-track{flex-basis:32px;width:32px}.top-actions-row .signature-toggle-control input:checked+.signature-toggle-track::after{transform:translateX(12px)}.top-actions-row .signature-toggle-control b{font-size:.57rem;white-space:nowrap}.top-actions-row #rankSubmit{grid-column:1/-1;font-size:.65rem;padding:0 6px}}

/* Rank 1–3 use the approved TOP laurels instead of the former football badges. */
.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong{width:64px;height:64px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:inherit;isolation:auto}
.rank-1 .top-rank strong::before,.rank-2 .top-rank strong::before,.rank-3 .top-rank strong::before,.rank-1 .top-rank strong::after,.rank-2 .top-rank strong::after,.rank-3 .top-rank strong::after{display:none!important;content:none!important}
.top-rank-logo{display:block;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}
@media(max-width:700px){.rank-1 .top-rank strong,.rank-2 .top-rank strong,.rank-3 .top-rank strong,.top-rank-logo{width:52px;height:52px}}
@media(max-width:700px){html[lang="th"] .top-actions-row .signature-toggle-control b{flex:1;font-size:0;white-space:normal;text-align:center}html[lang="th"] .top-actions-row .signature-toggle-control b::after{content:"ไม่รวมนักเตะ\Aลายเซ็นต์";display:block;white-space:pre;text-align:center;font:700 .57rem/1.25 'Chakra Petch',sans-serif}}
@media(max-width:700px){html[lang="en"] .top-actions-row .signature-toggle-control b{flex:1;font-size:0;white-space:normal;text-align:center}html[lang="en"] .top-actions-row .signature-toggle-control b::after{content:"No Signature\APlayer";display:block;white-space:pre;text-align:center;font:700 .57rem/1.25 'Chakra Petch',sans-serif}}
@media(max-width:700px){html[lang] .top-actions-row .bonus-groups-toggle b::after{content:"Player Collection\A Bonus";font-size:.52rem;line-height:1.2}}
.bonus-group-badge{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;margin-top:4px;padding:4px 7px;border:1px solid rgba(245,198,61,.55);border-radius:999px;background:rgba(245,198,61,.09);color:#f4c63d!important;font:800 .6rem/1.2 'Chakra Petch',sans-serif!important;letter-spacing:.02em;white-space:nowrap}
@media(max-width:700px){.top-row{position:relative;grid-template-columns:58px 98px minmax(0,1fr);gap:8px;overflow:hidden}.top-rank{min-width:0;padding-right:7px}.top-art{width:98px;height:110px}.top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:98px!important;height:110px!important}.top-copy{align-content:center;min-width:0;overflow:hidden}.top-copy .top-player-name{font-size:.74rem;overflow-wrap:anywhere}.top-copy .top-player-set{font-size:.57rem;overflow-wrap:anywhere}.top-copy span{font-size:.59rem;line-height:1.35;overflow-wrap:anywhere}.top-arrow{display:none}.bonus-group-badge{width:max-content;max-width:100%;padding:3px 5px;border-radius:8px;font-size:.42rem!important;line-height:1.2!important;letter-spacing:-.01em;white-space:nowrap}}
.top-actions-row #rankSubmit{display:flex;align-items:center;justify-content:center;gap:9px}
.rank-submit-logo{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.92}
.rank-submit-label{display:inline-flex;align-items:center;gap:4px;line-height:1.05;text-align:center}
@media(max-width:700px){.top-actions-row #rankSubmit{gap:6px}.rank-submit-logo{flex-basis:29px;width:29px;height:29px}.rank-submit-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;text-align:center}.rank-submit-prefix,.rank-submit-target,.rank-submit-arrow{display:inline;grid-column:auto;grid-row:auto;align-self:auto}}
.top-compare-cta{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:12px;padding:14px 16px;border:1px solid rgba(137,232,95,.55);border-radius:14px;background:linear-gradient(135deg,rgba(137,232,95,.11),rgba(137,232,95,.035));color:var(--text);text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.top-compare-cta:hover{border-color:var(--green);background:rgba(137,232,95,.14);transform:translateY(-1px)}
.top-compare-cta-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#07140d;font:900 1.35rem/1 'Chakra Petch',sans-serif}
.top-compare-cta-copy{display:grid;gap:3px;min-width:0}.top-compare-cta-copy strong{font:800 .82rem/1.35 'Chakra Petch',sans-serif}.top-compare-cta-copy small{color:var(--muted);font-size:.68rem;line-height:1.45}
.top-compare-cta-arrow{color:var(--green);font:800 .72rem 'Chakra Petch',sans-serif;white-space:nowrap}
@media(max-width:700px){.top-compare-cta{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px}.top-compare-cta-icon{width:36px;height:36px;font-size:1.1rem}.top-compare-cta-copy strong{font-size:.7rem}.top-compare-cta-copy small{font-size:.6rem}.top-compare-cta-arrow{grid-column:2;font-size:.64rem}}
.header-scope-note{margin:8px 0 0;color:var(--text);font:800 clamp(.68rem,1.4vw,.82rem)/1.4 'Chakra Petch',sans-serif;text-align:center;letter-spacing:.01em}

/* 2026-08-21 — TOP 10 adopts the approved Player Review stadium visual system. */
body{
  background-color:#020c07;
  background-image:linear-gradient(180deg,rgba(1,10,6,.2),rgba(1,10,6,.54)),url('../players/assets/brand/player-review-stadium-mobile-borderless-v2.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
body::before{display:none}
.header-card{border:0!important;background:transparent!important;box-shadow:none!important}
.header-card::before,.header-card::after{display:none!important}
.header-card .product-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:min(720px,100%);
  margin:6px auto 0;
  padding:0;
  gap:0;
  overflow:visible;
  border:0;
  border-bottom:1px solid rgba(232,188,54,.35);
  border-radius:0;
  background:transparent;
}
.header-card .product-nav a{
  position:relative;
  display:flex;
  min-width:0;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:4px 3px 8px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d8ddd8;
  font-size:.64rem;
}
.header-card .product-nav a.active{color:#f2c541!important;box-shadow:none!important}
.header-card .product-nav a.active::after{
  content:"";
  position:absolute;
  right:20%;
  bottom:-2px;
  left:20%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#d59a21,#ffe382,#d59a21);
  box-shadow:0 0 10px rgba(244,198,61,.4);
}
.header-concept{border-top:0!important;text-align:center}
.top-main{padding-top:8px}
.top-search,.top-results{
  margin-top:12px;
  padding:clamp(14px,2vw,22px);
  border:1px solid rgba(232,188,54,.48);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(4,25,14,.94),rgba(1,13,8,.96));
  box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,236,166,.035);
}
.top-search{margin-top:0}
.top-results h2{font-size:1.3rem}
.top-search-grid select,.top-search-grid .ps-filter-trigger,.top-actions-row .signature-toggle-control{
  border-color:rgba(232,188,54,.3);
  background:rgba(1,14,8,.88);
}
.rank-type-field{display:grid;grid-template-rows:22px 48px;gap:7px;min-width:0}
.rank-type-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--green);font-size:.76rem;font-weight:800}
.rank-type-heading>#typeLabel{display:block;grid-template-rows:none;gap:0;line-height:1.2}
#rankValueField>#valueLabel{display:block;width:100%;text-align:center}
.manager-mode-control{display:flex!important;grid-template-rows:none!important;align-items:center;gap:5px!important;width:auto;color:#e7c455!important;cursor:pointer;white-space:nowrap}
.manager-mode-control[hidden]{display:none!important}
.manager-mode-control input{position:absolute;opacity:0;pointer-events:none}
.manager-mode-track{position:relative;width:30px;height:16px;border:1px solid rgba(232,188,54,.55);border-radius:999px;background:#15251b;transition:.2s}
.manager-mode-track::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#9aa99e;transition:.2s}
.manager-mode-control input:checked+.manager-mode-track{background:linear-gradient(135deg,#f3d36d,#c89423);box-shadow:0 0 10px rgba(232,188,54,.25)}
.manager-mode-control input:checked+.manager-mode-track::after{transform:translateX(14px);background:#07140d}
.manager-mode-control input:focus-visible+.manager-mode-track{outline:2px solid #ffe79a;outline-offset:2px}
.manager-mode-control b{font:700 .55rem/1 'Chakra Petch',sans-serif;letter-spacing:.02em}
#rankSubmit{
  border:1px solid #f2ce62;
  background:linear-gradient(135deg,#ffe99b 0%,#e9bd46 52%,#c98e1d 100%);
  color:#081109;
  box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 20px rgba(197,137,21,.2);
}
#rankSubmit:hover{filter:brightness(1.06);box-shadow:inset 0 1px rgba(255,255,255,.75),0 10px 24px rgba(221,166,42,.3)}
.top-row{
  border-color:rgba(211,177,81,.3);
  background:linear-gradient(135deg,rgba(2,19,11,.96),rgba(1,12,7,.98));
}
.top-row:hover{border-color:#dcb341;background:linear-gradient(135deg,rgba(18,43,25,.98),rgba(3,20,12,.98))}
.top-row[data-event-set]{background:linear-gradient(135deg,rgba(2,19,11,.96),rgba(1,12,7,.98))}
.top-row[data-event-set]:hover{border-color:#dcb341;background:linear-gradient(135deg,rgba(18,43,25,.98),rgba(3,20,12,.98))}
.top-row{grid-template-columns:92px 142px minmax(0,1fr)}
.top-art{width:142px}
.top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:142px!important}
.top-copy{grid-template-columns:minmax(230px,360px) minmax(54px,1fr) auto;column-gap:clamp(14px,2.4vw,34px);align-items:center}
.top-copy::after{content:"";grid-column:2;grid-row:1/4;width:100%;height:1px;background:linear-gradient(90deg,rgba(232,188,54,.08),rgba(239,200,78,.66) 52%,rgba(239,200,78,.08));box-shadow:0 0 8px rgba(232,188,54,.12)}
.top-copy .top-player-name{grid-column:1;font-size:clamp(1.32rem,2.2vw,1.6rem);letter-spacing:.012em}
.top-copy .top-player-set,.top-copy>span:not(.top-review-link){grid-column:1}
.top-copy .top-player-set{font-size:.67rem}
.top-copy .top-player-meta{font-size:.82rem;font-weight:700;letter-spacing:.01em}
.top-copy .top-review-link{grid-column:3;grid-row:1/4;align-self:center;margin:0;padding:9px 0;font-size:.72rem;white-space:nowrap}
.top-copy .bonus-group-badge{grid-column:1}
@media(max-width:700px){
  .top-row{grid-template-columns:58px 98px minmax(0,1fr)}
  .top-art{width:98px}
  .top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:98px!important}
  .top-copy{display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;justify-items:center;text-align:center}
  .top-copy::after{display:none}
  .top-copy .top-player-name{grid-column:1;width:100%;font-size:clamp(1.04rem,4.65vw,1.18rem);line-height:1.1;text-align:center;overflow-wrap:anywhere}
  .top-copy .top-player-set{grid-column:1;width:100%;font-size:.64rem;text-align:center}
  .top-copy>span:not(.top-review-link){grid-column:1;width:100%;text-align:center}
  .top-copy .top-player-meta{font-size:.74rem;line-height:1.3}
  .top-copy .bonus-group-badge{grid-column:1;justify-self:center}
  .top-copy .top-review-link{grid-column:1;grid-row:auto;justify-self:center;margin-top:4px;padding:0 0 3px;font-size:.61rem}
}

/* Secondary position filter for Attribute and PlayStyle rankings. */
.top-actions-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end;
}
.ranking-position-filter{
  display:grid;
  grid-template-rows:22px 48px;
  gap:7px;
  min-width:0;
  color:var(--green);
  font-size:.76rem;
  font-weight:800;
}
.ranking-position-filter[hidden]{display:none!important}
.ranking-position-filter>span{display:block;text-align:center}
.ranking-position-filter select{height:48px}
.top-submit-row{grid-column:1/-1}
.top-submit-row #rankSubmit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%}

@media(max-width:700px){
  .top-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .ranking-position-filter{grid-column:1/-1}
  .top-submit-row{grid-column:1}
  .top-submit-row #rankSubmit{width:100%;gap:6px;font-size:.65rem;padding:0 6px}
}
@media(min-width:701px) and (max-width:920px){
  .top-row{grid-template-columns:86px 132px minmax(0,1fr)}
  .top-art{width:132px}
  .top-art>.ps-card-overlay,.top-art>.ps-card-overlay>img{width:132px!important}
  .top-copy{grid-template-columns:minmax(230px,1fr) minmax(30px,.42fr) auto;column-gap:12px}
  .top-copy .top-player-name{width:100%;font-size:clamp(1.48rem,3.35vw,1.72rem);line-height:1.1;text-align:center;overflow-wrap:anywhere}
  .top-copy .top-player-set,.top-copy>span:not(.top-review-link){width:100%;text-align:center}
  .top-copy .top-player-set{font-size:.74rem}
  .top-copy .top-player-meta{font-size:.85rem;line-height:1.3}
  .top-copy .top-review-link{font-size:.68rem}
  .top-copy .bonus-group-badge{justify-self:center}
}
.top-rank{border-right-color:rgba(211,177,81,.3)}
.top-arrow,.top-copy b{color:#e9bd46}
.top-other{
  border-color:rgba(232,188,54,.64);
  background:rgba(207,153,33,.07);
  color:#f1c94f;
}
.top-other:hover{background:rgba(207,153,33,.14)}
.top-download{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;margin-top:14px;border:1px solid #efc84e;border-radius:12px;background:linear-gradient(145deg,#f4cf58,#d89a22);color:#07140d;font:900 .82rem 'Chakra Petch',sans-serif;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.22);transition:filter .2s,transform .2s}
.top-download:hover{filter:brightness(1.07);transform:translateY(-1px)}
.top-download[hidden]{display:none!important}
.top-download-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(7,20,13,.4);border-radius:50%;font-size:1.05rem;line-height:1}
.top-compare-cta{border-color:rgba(232,188,54,.55);background:linear-gradient(135deg,rgba(232,188,54,.1),rgba(232,188,54,.025))}
.top-compare-cta:hover{border-color:#e2b83e;background:rgba(232,188,54,.13)}
.top-compare-cta-icon{background:linear-gradient(145deg,#ffe58b,#d59a21);color:#07140d}
.top-compare-cta-arrow{color:#efc84e}
.top-review-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  margin-top:5px;
  padding-bottom:2px;
  border-bottom:1px solid rgba(239,200,78,.52);
  color:#efc84e!important;
  font:800 .68rem/1.25 'Chakra Petch',sans-serif;
  letter-spacing:.025em;
}
.top-review-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.top-review-link i{font-style:normal;transition:transform .2s}
.top-row:hover .top-review-link i{transform:translateX(3px)}
.top-shard-price{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:20px;
  gap:4px;
  margin-top:2px;
  padding:2px 7px 2px 3px;
  border:1px solid rgba(99,218,255,.34);
  border-radius:999px;
  background:rgba(1,19,15,.74);
  color:#a9bbb0!important;
  font:700 .59rem/1 'Chakra Petch',sans-serif!important;
}
.top-shard-price img{display:block;width:15px;height:15px;flex:none;object-fit:contain}
.top-shard-price small{color:inherit;font:inherit}
.top-copy .top-shard-price b{color:#e9f8ff;font-size:.65rem;letter-spacing:.02em}

@media(max-width:700px){
  body{background-color:#020a06;background-image:linear-gradient(180deg,rgba(2,10,6,.02),rgba(2,10,6,.14) 72%,#020a06 100%),url('../players/assets/brand/player-review-stadium-mobile-borderless-v2.jpg');background-position:top center,top center;background-repeat:no-repeat,no-repeat;background-size:100% auto,100% auto;background-attachment:scroll}
  .header-card .product-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-radius:0;overflow:visible}
  .header-card .product-nav a{width:auto!important;min-width:0;min-height:42px;padding:4px 1px 8px;font-size:.61rem;line-height:1.1;white-space:normal}
  .header-card .product-nav a.active::after{right:14%;left:14%}
  .top-main{padding-top:4px}
  .top-search,.top-results{margin-top:10px;padding:12px;border-radius:13px}
  .top-results h2{font-size:1.3rem}
  .top-review-link{margin-top:3px;font-size:.58rem}
  .top-shard-price{min-height:18px;margin-top:1px;padding:1px 6px 1px 2px;font-size:.52rem!important}
  .top-shard-price img{width:14px;height:14px}
  .top-copy .top-shard-price b{font-size:.56rem}
}

/* Player cards keep their full Review traffic area; only the Collection control opens details. */
.top-row{position:relative}
.top-row-review-hitbox{position:absolute;z-index:1;inset:0;border-radius:inherit}
.top-row-review-hitbox:focus-visible{outline:2px solid #ffe79a;outline-offset:3px}
.top-row>*:not(.top-row-review-hitbox){pointer-events:none}
.bonus-group-badge{
  position:relative;
  z-index:2;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(245,198,61,.55);
  cursor:pointer;
  pointer-events:auto!important;
}
.bonus-group-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;font:inherit!important}
.bonus-group-badge i{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font:900 .58rem/1 'Chakra Petch',sans-serif;font-style:normal}
.bonus-group-badge:hover,.bonus-group-badge:focus-visible{border-color:#ffe27e;background:rgba(245,198,61,.17);outline:none}

.collection-dialog{
  isolation:isolate;
  width:min(560px,calc(100% - 28px));
  max-height:min(760px,calc(100dvh - 28px));
  margin:auto;
  padding:24px;
  overflow:auto;
  border:1px solid rgba(232,188,54,.68);
  border-radius:20px;
  background:radial-gradient(circle at 4% 0,rgba(245,198,61,.25),transparent 27%),radial-gradient(circle at 16% 7%,rgba(137,232,95,.16),transparent 34%),linear-gradient(155deg,#062014,#020f09 72%);
  color:var(--text);
  box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,238,176,.08);
}
.collection-dialog::before{content:"";position:absolute;z-index:0;top:-82px;left:-72px;width:235px;height:235px;border:1px solid rgba(245,198,61,.22);border-radius:50%;background:radial-gradient(circle,rgba(245,198,61,.13),rgba(137,232,95,.055) 43%,transparent 70%);box-shadow:0 0 52px rgba(245,198,61,.16),0 0 90px rgba(137,232,95,.08);filter:blur(1px);pointer-events:none}
.collection-dialog-handle,#collectionDialogContent{position:relative;z-index:1}
.collection-dialog::backdrop{background:rgba(0,7,4,.78);backdrop-filter:blur(5px)}
.collection-dialog-handle{display:none}
.collection-dialog-close{position:absolute;z-index:2;top:15px;right:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(232,188,54,.45);border-radius:50%;background:#0b2a19;color:#f4d36d;font:700 1.25rem/1 sans-serif;cursor:pointer}
.collection-dialog-kicker{margin:0;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.1em}
.collection-title-row{display:flex;align-items:center;gap:10px;margin:5px 44px 7px 0;min-width:0}.collection-event-badge{display:block;flex:0 0 50px;width:50px;height:50px;object-fit:contain}.collection-dialog h2{min-width:0;margin:0;color:#fff;font:900 1.35rem/1.15 'Chakra Petch',sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.collection-dialog-intro{margin:0 0 15px;color:#aebdb3;font-size:.75rem;line-height:1.55}
.collection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.collection-stats li{display:grid;gap:3px;padding:11px 10px;border:1px solid rgba(232,188,54,.34);border-radius:12px;background:rgba(232,188,54,.065);text-align:center}
.collection-stats span{color:#b7c3ba;font-size:.66rem}
.collection-stats b{color:#f6cb4e;font:900 1.05rem/1 'Chakra Petch',sans-serif}
.collection-dialog h3{margin:19px 0 9px;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.06em}
.collection-members{display:grid;gap:8px}
.collection-member{display:grid;grid-template-columns:58px minmax(0,1fr) max-content;align-items:center;gap:11px;min-height:70px;padding:6px 11px 6px 5px;border:1px solid rgba(94,157,111,.34);border-radius:13px;background:rgba(4,27,16,.78);color:var(--text);text-decoration:none}
.collection-member:hover,.collection-member:focus-visible{border-color:#e2b83e;background:rgba(232,188,54,.09);outline:none}
.collection-member-art{display:grid;place-items:center;width:58px;height:58px}
.collection-member-art>.ps-card-overlay,.collection-member-art>.ps-card-overlay>img{width:58px!important;height:58px!important;object-fit:contain}
.collection-member>span:nth-child(2){display:grid;gap:3px;min-width:0}
.collection-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .8rem/1.2 'Chakra Petch',sans-serif}
.collection-member small{color:#aebdb3;font-size:.66rem}
.collection-member-review{display:inline-flex;align-items:center;gap:5px;color:#efc84e;font:700 .58rem/1.2 'Chakra Petch',sans-serif;white-space:nowrap}.collection-member-review img{display:block;width:17px;height:17px;flex:0 0 17px;object-fit:contain}.collection-member-review>span{color:inherit}.collection-member-review i{font-style:normal}
.collection-dialog-note{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(232,188,54,.22);color:#93a299;font-size:.65rem;line-height:1.5}
.collection-analysis{margin-top:18px;padding-top:2px;border-top:1px solid rgba(232,188,54,.22)}
.collection-analysis>h3{font-size:.8rem}.collection-assessment{margin-top:10px;padding:12px;border:1px solid rgba(94,157,111,.34);border-radius:13px;background:rgba(4,27,16,.68)}
.collection-assessment h4{margin:0 0 9px;color:#fff;font:800 .78rem/1.25 'Chakra Petch',sans-serif}.collection-assessment h4 span{color:#91a79a;font-weight:600}.collection-assessment ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.collection-assessment li{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:2px 8px}.collection-assessment li b{color:#e9c44f;font-size:.68rem}.collection-assessment li em{color:#8de468;font-size:.6rem;font-style:normal;font-weight:800}.collection-assessment li p{grid-column:1/-1;margin:0;color:#afbeb4;font-size:.64rem;line-height:1.5}

@media(max-width:700px){
  .bonus-group-badge{gap:4px}
  .bonus-group-badge i{flex-basis:14px;width:14px;height:14px;font-size:.48rem}
  .collection-dialog{width:100%;max-width:none;max-height:86dvh;margin:auto 0 0;padding:15px 15px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0}
  .collection-dialog-handle{display:block;width:42px;height:4px;margin:0 auto 13px;border-radius:999px;background:#718178}
  .collection-dialog-close{top:14px;right:15px;width:31px;height:31px}
  .collection-title-row{gap:8px;margin-right:36px}
  .collection-event-badge{flex-basis:42px;width:42px;height:42px}
  .collection-dialog h2{font-size:1.05rem}
  .collection-member{gap:8px;padding-right:8px}
  .collection-member-review{gap:4px;font-size:.52rem}
  .collection-member-review img{width:15px;height:15px;flex-basis:15px}
  .collection-stats{gap:6px}
  .collection-stats li{padding:9px 5px}
  .collection-stats span{font-size:.58rem}
}

/* Keep row actions quiet so the player and score remain the visual focus. */
.top-copy .top-review-link{
  gap:4px;
  padding-bottom:0;
  border-bottom:0;
  font-size:.68rem;
}
.top-copy .top-review-icon{
  width:18px;
  height:18px;
  flex-basis:18px;
}
.top-copy .bonus-group-badge{
  justify-self:center;
  min-height:0;
  margin-top:2px;
  padding:4px 7px;
  border:1px solid rgba(245,198,61,.68);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(31,48,38,.88),rgba(5,20,12,.72));
  -webkit-backdrop-filter:blur(10px) saturate(1.15);
  backdrop-filter:blur(10px) saturate(1.15);
  box-shadow:0 6px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1);
  color:#dcb341!important;
  font-size:.54rem!important;
  letter-spacing:.015em;
}
.top-copy .bonus-group-badge i{
  flex-basis:14px;
  width:14px;
  height:14px;
  font-size:.48rem;
}
.top-copy .bonus-group-badge:hover,
.top-copy .bonus-group-badge:focus-visible{
  border-color:#ffe27e;
  background:linear-gradient(135deg,rgba(45,63,51,.94),rgba(9,28,17,.84));
  color:#f1c84d!important;
}
@media(max-width:700px){
  .top-copy .top-review-link{font-size:.58rem}
  .top-copy .top-review-icon{width:17px;height:17px;flex-basis:17px}
  .top-copy .bonus-group-badge{
    position:absolute;
    left:130px;
    bottom:6px;
    justify-self:auto;
    max-width:94px;
    margin:0;
    padding:3px 5px;
    transform:translateX(-50%);
    font-size:.42rem!important;
  }
}

/* Centered player identity for tablet and desktop ranking cards only. */
@media(min-width:701px){
  .top-copy .top-player-name{
    grid-column:1;
    width:100%;
    font-size:clamp(2.11rem,3.52vw,2.56rem);
    line-height:1.02;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .top-copy .top-player-set,
  .top-copy>.top-player-meta{
    grid-column:1;
    width:100%;
    text-align:center;
  }
}

@media(min-width:701px) and (max-width:920px){
  .top-copy .top-player-name{font-size:clamp(2.96rem,6.7vw,3.44rem)}
}

/* Compact TOP 10 controls and corrected tablet identity scale. */
.top-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.top-actions-row.has-position-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
.top-search-grid .ranking-position-filter{grid-template-rows:48px;gap:0;align-self:end}
.ranking-position-filter select{height:48px}
@media(max-width:700px){
  .top-actions-row,.top-actions-row.has-position-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ranking-position-filter{grid-column:1/-1}
}
@media(min-width:701px) and (max-width:920px){
  .top-copy .top-player-name{font-size:clamp(1.18rem,2.68vw,1.38rem)}
  .top-copy .top-player-set{font-size:.819rem}
}
@media(min-width:921px){
  .top-copy .top-player-set{font-size:.77rem}
}

/* Ranking score hierarchy: label, Thai translation and score are separate rows. */
.top-rank .top-rank-score{display:grid;justify-items:center;gap:2px;margin-top:7px;color:var(--green);font:800 .67rem/1.25 'Chakra Petch',sans-serif}
.top-rank .top-rank-score>span,.top-rank .top-rank-score>b{display:block}
.top-rank .top-rank-score>b,.top-rank .top-score-value>b{color:#fff;font-weight:900}
.top-rank .top-rank-score:not(.top-rank-score-attribute)>span{font-size:.9em}
.top-rank .top-rank-score:not(.top-rank-score-attribute)>b{font-size:1.05em}
.top-rank .top-score-translation{color:var(--green)}
.top-rank .top-score-value{display:flex;align-items:baseline;justify-content:center;gap:4px}
.top-rank .top-score-value>em{color:var(--green);font-style:normal}
.top-results[hidden]{display:none!important}
.top10-awaiting-submit .top-results{display:none!important}

/* Ranking header sits on the same left axis as TOP 10; the outer result panel has no outline. */
.top-results{border:0!important}
.top-results-head .step{margin-left:0;padding-left:0;text-align:left}
@media(max-width:700px){.top-rank .top-rank-score{font-size:.6rem;gap:1px}.top-rank .top-score-value{gap:3px}}

/* Player names are 15% quieter at every breakpoint. */
@media(max-width:700px){
  .top-copy .top-player-name{font-size:clamp(.88rem,3.95vw,1rem)}
}
@media(min-width:701px) and (max-width:920px){
  .top-copy .top-player-name{font-size:clamp(1rem,2.28vw,1.17rem)}
}
@media(min-width:921px){
  .top-copy .top-player-name{font-size:clamp(1.79rem,2.99vw,2.18rem)}
}

/* Non-mobile ranking identity is 8% quieter; mobile scale stays unchanged. */
@media(min-width:701px) and (max-width:920px){
  .top-copy .top-player-name{font-size:clamp(.92rem,2.10vw,1.08rem)}
  .top-copy>.top-player-meta b{font-size:.92em}
}
@media(min-width:921px){
  .top-copy .top-player-name{font-size:clamp(1.65rem,2.75vw,2.01rem)}
  .top-copy>.top-player-meta b{font-size:.92em}
}

/* TOP 3 Rank Aura: focused behind the player identity, not across the whole card. */
.top-row.rank-1{--rank-aura-rgb:246,201,78;--rank-aura-opacity:.28;--rank-border-opacity:.72;--rank-halo-opacity:.16}
.top-row.rank-2{--rank-aura-rgb:207,224,234;--rank-aura-opacity:.2;--rank-border-opacity:.52;--rank-halo-opacity:.1}
.top-row.rank-3{--rank-aura-rgb:217,133,76;--rank-aura-opacity:.19;--rank-border-opacity:.54;--rank-halo-opacity:.1}
.top-row.rank-1,
.top-row.rank-2,
.top-row.rank-3{
  border-color:rgba(var(--rank-aura-rgb),var(--rank-border-opacity));
  background:
    radial-gradient(circle at 72% 24%,rgba(var(--rank-aura-rgb),.5) 0 1px,transparent 2.5px),
    radial-gradient(circle at 82% 67%,rgba(var(--rank-aura-rgb),.34) 0 1px,transparent 2.5px),
    linear-gradient(104deg,transparent 43%,rgba(var(--rank-aura-rgb),.055) 55%,transparent 75%),
    radial-gradient(ellipse 43% 92% at 64% 50%,rgba(var(--rank-aura-rgb),var(--rank-aura-opacity)),rgba(var(--rank-aura-rgb),.075) 44%,transparent 74%),
    linear-gradient(135deg,rgba(2,19,11,.97),rgba(1,12,7,.99));
  box-shadow:inset 0 0 42px rgba(var(--rank-aura-rgb),.055),0 0 24px rgba(var(--rank-aura-rgb),var(--rank-halo-opacity));
}
.top-row.rank-1 .top-player-name{text-shadow:0 0 22px rgba(246,201,78,.42)}
.top-row.rank-2 .top-player-name{text-shadow:0 0 18px rgba(207,224,234,.28)}
.top-row.rank-3 .top-player-name{text-shadow:0 0 18px rgba(217,133,76,.3)}
.top-row.rank-1:hover,
.top-row.rank-2:hover,
.top-row.rank-3:hover{
  border-color:rgba(var(--rank-aura-rgb),.86);
  filter:brightness(1.04);
}
@media(max-width:700px){
  .top-row.rank-1,
  .top-row.rank-2,
  .top-row.rank-3{
    background:
      radial-gradient(circle at 82% 20%,rgba(var(--rank-aura-rgb),.46) 0 1px,transparent 2.3px),
      radial-gradient(circle at 91% 70%,rgba(var(--rank-aura-rgb),.3) 0 1px,transparent 2.3px),
      linear-gradient(103deg,transparent 47%,rgba(var(--rank-aura-rgb),.06) 60%,transparent 88%),
      radial-gradient(ellipse 62% 92% at 79% 50%,rgba(var(--rank-aura-rgb),var(--rank-aura-opacity)),rgba(var(--rank-aura-rgb),.07) 48%,transparent 78%),
      linear-gradient(135deg,rgba(2,19,11,.97),rgba(1,12,7,.99));
    box-shadow:inset 0 0 32px rgba(var(--rank-aura-rgb),.05),0 0 18px rgba(var(--rank-aura-rgb),var(--rank-halo-opacity));
  }
}