@scope (#sharedHeader) {
#sharedHeader{--bg:#06130c;--surface:#0b2415;--surface-2:#0f2f1c;--line:#275839;--text:#f4f7f2;--muted:#a2b5a8;--green:#89e85f;--lime:#c8f249;--gold:#f1c84d;--danger:#ff796d;--shadow:0 18px 45px rgba(0,0,0,.25);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
.brand img.brand-mark{width:min(210px,100%);max-width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center 42%}
@media(max-width:700px){.brand img.brand-mark{width:min(210px,100%);height:auto}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#123720 0,transparent 35%),linear-gradient(180deg,#06130c,#030b07);color:var(--text);font-size:16px;line-height:1.65}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,19,12,.9);border-bottom:1px solid rgba(137,232,95,.18);backdrop-filter:blur(18px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;width:164px}.brand img{display:block;width:100%;height:auto}.product-nav{display:flex;gap:7px;margin-left:auto}.product-nav a{color:var(--muted);text-decoration:none;font-weight:800;font-size:.76rem;letter-spacing:.08em;padding:9px 12px;border-radius:999px}.product-nav a.active{color:#071108;background:var(--green)}.update-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:999px;padding:9px 14px;cursor:pointer}.update-pill span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(137,232,95,.12)}main{padding:48px 0 72px}.hero{max-width:880px;margin-bottom:34px}.eyebrow,.step{margin:0;color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(2.35rem,7vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.28em 0 .24em}.hero>p:not(.eyebrow){font-size:1.14rem;color:#c5d2c9;max-width:800px}.notice{margin-top:22px;border-left:4px solid var(--gold);padding:13px 16px;background:rgba(241,200,77,.08);color:#dce5de}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{background:linear-gradient(145deg,rgba(15,47,28,.93),rgba(7,26,15,.93));border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);margin-top:20px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.section-heading.compact{align-items:center}.section-heading h2,.player-head h2{margin:.1em 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.22}.section-heading p:not(.step),.player-head p{margin:.25em 0 0;color:var(--muted)}.count,.data-note{display:inline-flex;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--green);font-size:.8rem;font-weight:800}.search-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(140px,.45fr);gap:14px}.field{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#dce7df}.field input,.field select{width:100%;min-height:48px;border:1px solid #356848;border-radius:13px;background:#06170d;color:var(--text);padding:10px 13px;font:inherit;font-size:1rem}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:14px;top:7px;font-size:1.4rem;color:var(--green)}.search-wrap input{padding-left:44px}.switch-row{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text);cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-ui{width:50px;height:27px;border-radius:30px;border:1px solid #407151;background:#07180e;position:relative;flex:none}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:.2s}.switch-row input:checked+.switch-ui{background:#1d5e34}.switch-row input:checked+.switch-ui:after{left:26px;background:var(--green)}.switch-row span:last-child{display:grid}.switch-row small{color:var(--muted);font-weight:400}.result-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.result-card{border:1px solid var(--line);background:#071a0f;color:var(--text);border-radius:14px;padding:12px;text-align:left;cursor:pointer;min-width:0}.result-card:hover,.result-card.active{border-color:var(--green);background:#123820}.result-card strong,.result-card span{display:block}.result-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card span{color:var(--muted);font-size:.78rem}.empty{grid-column:1/-1;color:var(--muted);padding:14px 0}.heading-with-icon{display:flex;gap:12px}.book-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(137,232,95,.12);color:var(--green);font-size:1.4rem;flex:none}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.role-tab{border:1px solid var(--line);background:transparent;color:#cfdbd3;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit}.role-tab.active{background:var(--green);color:#071108;border-color:var(--green);font-weight:800}.guide-copy{display:grid;grid-template-columns:minmax(170px,.35fr) 1fr;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.guide-copy h3{font-size:1.35rem;margin:.2em 0}.guide-copy p{margin:0}.guide-copy>div:first-child span{color:var(--muted)}.fit-line{margin-top:10px!important;color:#c4d2c8}.fit-line strong{color:var(--green)}.player-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.identity{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--lime));color:#061209;font-weight:950;font-size:1.15rem}.primary-action,.secondary-action{border:0;border-radius:13px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.primary-action{background:var(--green);color:#061209}.primary-action[aria-pressed=true]{background:var(--lime)}.secondary-action{background:#173c25;color:var(--text);border:1px solid var(--line)}.facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0}.fact{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:12px;padding:10px}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font-size:.73rem}.fact strong{font-size:.92rem}.role-verdict{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-verdict>div{background:linear-gradient(135deg,rgba(137,232,95,.13),rgba(200,242,73,.04));border:1px solid rgba(137,232,95,.35);border-radius:16px;padding:16px}.role-verdict span,.role-verdict strong,.role-verdict small{display:block}.role-verdict span{color:var(--muted);font-size:.76rem}.role-verdict strong{font-size:1.18rem}.role-verdict small{color:var(--green)}.version-picker{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.version-picker>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.version-picker button{border:1px solid var(--line);background:transparent;color:var(--text);padding:7px 10px;border-radius:10px;cursor:pointer}.version-picker button.active{border-color:var(--green);color:var(--green)}article{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}article h3{margin:0 0 12px;font-size:1.18rem}article h4{margin:0 0 10px;color:var(--green)}article p{color:#c8d4cc}.analysis-lead p{font-size:1.06rem}.verdict{border-left:3px solid var(--green);padding-left:14px;color:var(--text)!important}.analysis-columns,.property-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.explain-list,.property-list{display:grid;gap:10px}.explain-item,.property-item{border-left:3px solid var(--green);padding:2px 0 2px 12px}.caution-list .explain-item{border-color:var(--gold)}.explain-item strong,.property-item strong{display:block}.explain-item p,.property-item p{margin:.18em 0 0}.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.narrative-grid>div{background:#071a0f;border-radius:14px;padding:16px}.narrative-grid strong{color:var(--green)}.narrative-grid p{margin:.35em 0 0}.article-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.article-head p{margin:.2em 0}.group-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.group-row{display:grid;grid-template-columns:145px 1fr 92px;gap:10px;align-items:center}.bar{height:9px;background:#06140c;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:inherit}.group-row small{text-align:right;color:var(--muted)}.property-columns>div{min-width:0}.property-item{border-color:#4e835f}.property-item .level{color:var(--gold);font-size:.76rem}.skill-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-path{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:14px;padding:14px}.skill-path.recommended{border-color:var(--green);background:rgba(137,232,95,.08)}.skill-path strong,.skill-path span{display:block}.skill-path span,.skill-path p{color:var(--muted);font-size:.83rem}.skill-path p{margin:.45em 0 0}.skill-path .tag{display:inline-flex;color:#061209;background:var(--green);border-radius:999px;padding:3px 7px;margin-bottom:7px;font-weight:900}.formation-fit-list,.squad-plan-list{display:grid;gap:10px}.formation-fit,.squad-plan{display:grid;grid-template-columns:175px 1fr 76px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.formation-fit:last-child,.squad-plan:last-child{border-bottom:0}.formation-fit strong,.squad-plan strong{font-size:1.03rem}.formation-fit p,.squad-plan p{margin:0;color:var(--muted)}.score{font-size:1.16rem;font-weight:950;color:var(--green);text-align:right}.all-stats{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.all-stats summary{cursor:pointer;font-weight:900;color:var(--green)}.stat-table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid rgba(65,116,78,.45)}th{color:var(--muted);font-size:.78rem}td:nth-child(2),td:nth-child(3){font-variant-numeric:tabular-nums}.owned-list{display:flex;flex-wrap:wrap;gap:9px}.owned-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#071a0f;border-radius:999px;padding:8px 9px 8px 13px}.owned-chip button{border:0;background:#1b4a2c;color:var(--text);width:24px;height:24px;border-radius:50%;cursor:pointer}.squad-warning{border-left:3px solid var(--gold);padding-left:14px;color:#d9e2dc;margin-bottom:10px}.squad-plan{grid-template-columns:190px 1fr 90px}.squad-plan .meta{font-size:.8rem;color:var(--green)}.method-note{border-color:rgba(241,200,77,.42)}.method-note h2{margin-top:0}.method-note p{margin-bottom:0;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0}footer .shell{display:flex;justify-content:space-between;gap:16px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog form{position:relative;padding:10px}dialog h2{margin:.2em 0}.dialog-close{position:absolute;right:0;top:0;border:0;background:transparent;color:var(--text);font-size:1.8rem;cursor:pointer}.dialog-facts{display:grid;gap:8px;margin:16px 0}.dialog-facts div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:7px}.dialog-facts span{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(200,242,73,.65);outline-offset:2px}
@media(max-width:900px){.facts{grid-template-columns:repeat(3,1fr)}.result-list{grid-template-columns:repeat(3,1fr)}.narrative-grid{grid-template-columns:1fr}.skill-paths{grid-template-columns:1fr 1fr}.group-bars{grid-template-columns:1fr}}
@media(max-width:700px){.header-inner{min-height:auto;padding:12px 0;flex-wrap:wrap}.brand{width:132px}.product-nav{order:3;width:100%;margin:0}.product-nav a{flex:1;text-align:center}.update-pill{margin-left:auto}.search-grid,.analysis-columns,.property-columns,.guide-copy{grid-template-columns:1fr}.result-list{grid-template-columns:1fr 1fr}.player-head,.section-heading{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.formation-fit,.squad-plan{grid-template-columns:1fr}.score{text-align:left}.skill-paths{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.data-note{white-space:normal}.article-head{display:block}footer .shell{display:grid}}
@media(max-width:440px){.shell{width:min(100% - 22px,1180px)}main{padding-top:30px}.result-list{grid-template-columns:1fr}.facts,.role-verdict{grid-template-columns:1fr}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{border-radius:18px;padding:18px}.group-row{grid-template-columns:116px 1fr 72px;font-size:.85rem}.update-pill strong{display:none}}

footer .shell{align-items:center;flex-wrap:wrap}
footer a{color:var(--green);font-weight:850;text-decoration:none}
footer a:hover{text-decoration:underline}
.mode-analysis{margin:20px 0 10px;padding:18px;border:1px solid rgba(137,232,95,.18);border-radius:18px;background:rgba(7,26,15,.72)}
.mode-analysis-heading{margin-bottom:14px}
.mode-analysis-heading h3{margin:0;font-size:1.08rem}
.mode-analysis-heading p{margin:.25em 0 0;color:var(--muted)}
.mode-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.mode-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(7,26,15,.98),rgba(5,18,10,.98));display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;gap:11px;margin-top:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 26px rgba(0,0,0,.18)}
.mode-card:before{content:"";position:absolute;inset:-1px auto auto -1px;width:92px;height:92px;border-radius:0 0 18px 0;background:radial-gradient(circle at 30% 30%,rgba(200,242,73,.16),transparent 68%)}
.mode-card strong{display:block;font-family:'Chakra Petch',sans-serif;font-size:1.1rem;letter-spacing:.01em}
.mode-card .mode-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.mode-card .mode-card-top b{font:700 1.12rem 'Chakra Petch',sans-serif;color:var(--green);white-space:nowrap}
.mode-meter{height:9px;border-radius:999px;background:#06140c;overflow:hidden}
.mode-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime))}
.mode-band{font-size:.74rem;font-weight:800;color:var(--muted)}
.mode-callout{border-radius:14px;padding:11px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.mode-callout span{display:inline-flex;margin-bottom:6px;font:800 .72rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mode-callout p{margin:0;color:#d8e4db;font-size:.85rem;line-height:1.5}
.mode-callout.good{border-color:rgba(137,232,95,.18)}
.mode-callout.good span{color:var(--green)}
.mode-callout.risk{border-color:rgba(241,200,77,.18)}
.mode-callout.risk span{color:var(--gold)}
.mode-summary{margin:0;color:#dbe6e0;font-size:.84rem;line-height:1.5}
.mode-card .mode-footer{color:var(--muted);font-size:.78rem;margin:0}
.mode-card.vsa{border-color:rgba(255,186,73,.28)}
.mode-card.h2h{border-color:rgba(100,190,255,.22)}
.mode-card.manager{border-color:rgba(180,138,255,.22)}
@media(max-width:700px){.mode-analysis-grid{grid-template-columns:1fr}}
.profile-copy .player-version-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:5px;text-align:center}.profile-copy .star-signings-price{display:inline-flex;width:max-content;max-width:100%;min-height:27px;align-items:center;gap:6px;margin:0;padding:2px 8px 2px 3px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:rgba(7,26,15,.92);color:#fff;font:800 .78rem/1 'Chakra Petch',sans-serif;letter-spacing:.02em;vertical-align:middle}.profile-copy .star-signings-price[hidden]{display:none}.star-shard-icon{display:block;width:21px;height:21px;flex:none;object-fit:contain}

@media (min-width:701px) and (max-width:1180px){.player-head .identity{display:grid;grid-template-columns:1fr;width:100%;justify-items:center}.player-head .player-card-visual{width:100%;min-width:0;min-height:230px}.player-head .player-card-visual>img{width:min(270px,42vw);height:230px}.player-head .profile-copy{width:100%;text-align:center}.player-head .identity h2{justify-content:center;flex-wrap:wrap;width:100%;white-space:normal}.player-head .story-toggle{margin-inline:auto}.player-head .player-head-actions{grid-template-columns:1fr 1fr;max-width:770px;margin-inline:auto}}

/* Player Collection is identity metadata: visible below OVR and independently tappable. */
.profile-collection-badge{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:9px auto 10px;padding:5px 9px;border:1px solid rgba(245,198,61,.58);border-radius:999px;background:rgba(245,198,61,.09);color:#f4c63d;cursor:pointer;font:800 .62rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.015em}
.profile-collection-badge[hidden]{display:none}
.profile-collection-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-collection-badge i{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:900 .58rem/1 'Chakra Petch',sans-serif;font-style:normal}
.profile-collection-badge:hover,.profile-collection-badge:focus-visible{border-color:#ffe27e;background:rgba(245,198,61,.17)}
.profile-collection-dialog{position:fixed;isolation:isolate;inset:0;width:min(560px,calc(100% - 28px));max-height:min(760px,calc(100dvh - 28px));padding:24px;overflow:auto;overscroll-behavior:contain;border-color:rgba(232,188,54,.68);background:radial-gradient(circle at 7% 0,rgba(242,198,65,.18),transparent 25%),radial-gradient(circle at 23% 8%,rgba(137,232,95,.11),transparent 29%),linear-gradient(155deg,#062014,#020f09 72%);box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,238,176,.08)}
.profile-collection-dialog::before{content:"";position:absolute;z-index:-1;top:-62px;left:-50px;width:230px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,120,.32),rgba(137,232,95,.11) 38%,transparent 70%);filter:blur(16px);pointer-events:none}
.profile-collection-dialog::backdrop{background:rgba(0,7,4,.78);backdrop-filter:blur(5px)}
.profile-collection-handle{display:none}
.profile-collection-close{top:15px!important;right:16px!important;display:grid;place-items:center;width:34px;height:34px;padding:0 0 3px!important;border:1px solid rgba(232,188,54,.45)!important;border-radius:50%;background:#0b2a19!important;color:#f4d36d!important;line-height:1}
.profile-collection-kicker{margin:0;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.1em}
.profile-collection-title-row{display:flex;align-items:center;gap:10px;margin:5px 44px 7px 0;min-width:0}.profile-collection-event-badge{display:block;flex:0 0 50px;width:50px;height:50px;object-fit:contain}.profile-collection-dialog h2{min-width:0;margin:0;color:#fff;font:900 1.35rem/1.15 'Chakra Petch',sans-serif;overflow-wrap:anywhere}
.profile-collection-intro{margin:0 0 15px;color:#aebdb3;font-size:.75rem;line-height:1.55}
.profile-collection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.profile-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}
.profile-collection-stats span{color:#b7c3ba;font-size:.66rem}.profile-collection-stats b{color:#f6cb4e;font:900 1.05rem/1 'Chakra Petch',sans-serif}
.profile-collection-dialog h3{margin:19px 0 9px;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.06em}
.profile-collection-members{display:grid;gap:8px}
.profile-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-align:left;cursor:pointer}
.profile-collection-member:hover,.profile-collection-member:focus-visible{border-color:#e2b83e;background:rgba(232,188,54,.09)}
.profile-collection-art{display:grid;place-items:center;width:58px;height:58px}.profile-collection-art>.ps-card-overlay,.profile-collection-art>.ps-card-overlay>img,.profile-collection-art>.full-card-thumbnail{width:58px!important;height:58px!important;object-fit:contain}
.profile-collection-member>span:nth-child(2){display:grid;gap:3px;min-width:0}.profile-collection-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .8rem/1.2 'Chakra Petch',sans-serif}.profile-collection-member small{color:#aebdb3;font-size:.66rem}.profile-collection-review{display:inline-flex;align-items:center;gap:5px;color:#efc84e;font:700 .58rem/1.2 'Chakra Petch',sans-serif;white-space:nowrap}.profile-collection-review img{width:19px;height:19px;object-fit:contain;filter:none}.profile-collection-review i{font-style:normal}
.profile-collection-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}
.profile-collection-analysis{margin-top:18px;padding-top:2px;border-top:1px solid rgba(232,188,54,.22)}
.profile-collection-analysis>h3{font-size:.8rem}.profile-collection-assessment{margin-top:10px;padding:12px;border:1px solid rgba(94,157,111,.34);border-radius:13px;background:rgba(4,27,16,.68)}
.profile-collection-assessment h4{margin:0 0 9px;color:#fff;font:800 .78rem/1.25 'Chakra Petch',sans-serif}.profile-collection-assessment h4 span{color:#91a79a;font-weight:600}.profile-collection-assessment ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.profile-collection-assessment li{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:2px 8px}.profile-collection-assessment li b{color:#e9c44f;font-size:.68rem}.profile-collection-assessment li em{color:#8de468;font-size:.6rem;font-style:normal;font-weight:800}
/* Bonus level ladder (TeeO 5 Oct 2026, option A): red core → orange support → sand situational → grey rarely used; text only, no frame. */
.profile-collection-assessment li em.bonus-level-core{color:#ff4f3f;font-weight:800}.profile-collection-assessment li em.bonus-level-support{color:#ff9440;font-weight:700}.profile-collection-assessment li em.bonus-level-situational{color:#c9aa80;font-weight:600}.profile-collection-assessment li em.bonus-level-rare,.profile-collection-assessment li em.bonus-level-unassessed{color:#7f8f86;font-weight:600}.profile-collection-assessment li p{grid-column:1/-1;margin:0;color:#afbeb4;font-size:.64rem;line-height:1.5}
@media(max-width:700px){.profile-collection-badge{margin-top:8px;font-size:.55rem}.profile-collection-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:86dvh;margin:0;padding:15px 15px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0}.profile-collection-kicker{margin:8px 40px 13px;text-align:center;letter-spacing:.06em}.profile-collection-close{top:14px!important;right:15px!important;width:31px;height:31px}.profile-collection-title-row{gap:8px;margin-right:36px}.profile-collection-event-badge{flex-basis:42px;width:42px;height:42px}.profile-collection-dialog h2{font-size:1.05rem}.profile-collection-stats{gap:6px}.profile-collection-stats li{padding:9px 5px}.profile-collection-stats span{font-size:.58rem}.profile-collection-member{gap:8px;padding-right:8px}.profile-collection-review{font-size:.52rem}}

/* Stable profile stack across iPad landscape/Desktop Site and every other viewport. */
.player-head{display:block}
.player-head .identity{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;gap:0}
.player-head .player-card-visual{width:100%;min-width:0;min-height:230px}
.player-head .player-card-visual>img{width:min(270px,70vw);height:230px}
.player-head .profile-copy{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;text-align:center}
.player-head .identity h2{display:flex;justify-content:center;flex-wrap:wrap;width:100%;white-space:normal;text-align:center}
.player-head .profile-copy .player-version-line{width:100%;justify-content:center;text-align:center}
.player-head .profile-collection-badge,.player-head .story-toggle{margin-inline:auto}
.player-head .player-head-actions{width:min(770px,100%);margin-inline:auto}

#sharedHeader{
  --bg:#06130c;
  --surface:#0f2819;
  --surface-2:#163522;
  --line:rgba(226,241,229,.14);
  --text:#f4f7ed;
  --muted:#9cb6a4;
  --green:#8cdb68;
  --lime:#a6ef72;
  --gold:#f2c14e;
  --danger:#ff776d;
  --shadow:0 18px 44px rgba(0,0,0,.22);
  --site-shell:900px;
  font-family:'Anuphan',sans-serif;
}

body{
  font-family:'Anuphan',sans-serif;
  background-color:var(--bg);
  background-image:radial-gradient(circle at 50% -10%,rgba(140,219,104,.12),transparent 34%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);
  color:var(--text);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,button,.eyebrow,.step,.count,.data-note,.fact strong,.score{
  font-family:'Chakra Petch',sans-serif;
}
/* Every product tab uses the Compare tab font (TeeO, 21 Oct 2026). */
.product-nav a,.product-nav a .tab-line{font-family:'Anuphan',sans-serif;}

.shell{width:min(var(--site-shell),calc(100% - 36px));}
.site-header{background:rgba(4,16,9,.92);border-bottom:1px solid rgba(140,219,104,.2);backdrop-filter:blur(16px);}
.header-inner{min-height:76px;gap:16px;}
.brand{width:146px;}
.product-nav{gap:3px;margin-left:auto;padding:3px;border:1px solid rgba(140,219,104,.3);border-radius:999px;background:rgba(2,12,7,.45);}
.product-nav a{display:flex;justify-content:center;align-items:center;color:var(--muted);padding:7px 12px;border-radius:999px;font-size:.67rem;letter-spacing:.045em;}
.product-nav a:hover{color:var(--text);background:rgba(140,219,104,.09);}
.product-nav a.active{color:#07140d;background:linear-gradient(145deg,#a6ef72,#78cf4f);box-shadow:0 4px 14px rgba(140,219,104,.17);}
.product-nav .compare-tab-link{position:relative;overflow:visible;}
.product-nav .new{position:absolute;z-index:3;top:-9px;right:8px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:1px 5px;border-radius:999px;background:var(--gold);color:#07140d;font-size:.48rem;line-height:1.35;letter-spacing:.06em;box-shadow:0 3px 9px rgba(0,0,0,.3);}
.update-pill{min-height:34px;border-color:rgba(140,219,104,.42);background:rgba(140,219,104,.1);color:var(--green);padding:6px 10px;font:700 .66rem 'Chakra Petch',sans-serif;letter-spacing:.025em;}
.update-pill span{width:6px;height:6px;box-shadow:0 0 0 3px rgba(105,212,154,.12);}
.update-highlights{margin:14px 0 16px;padding:13px 15px;border:1px solid rgba(140,219,104,.25);border-radius:13px;background:rgba(140,219,104,.07);}
.update-highlights>strong{color:var(--green);font:800 .75rem 'Chakra Petch',sans-serif;letter-spacing:.08em;}
.update-highlights ul{display:grid;gap:7px;margin:9px 0 0;padding-left:19px;color:#d7e2da;}
.update-highlights li::marker{color:var(--green);}

main{padding:20px 0 66px;}
.hero{position:relative;max-width:none;margin:0 0 20px;padding:28px 30px 30px;border:1px solid rgba(140,219,104,.23);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(22,53,34,.94),rgba(9,30,18,.96));box-shadow:var(--shadow);}
.hero::after{content:"";position:absolute;width:210px;height:210px;right:-75px;bottom:-125px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none;}
.eyebrow,.step{color:var(--green);font-weight:700;letter-spacing:.1em;}
.hero h1{max-width:720px;margin:.18em 0 .22em;font-size:clamp(2rem,4.5vw,2.8rem);line-height:1.04;letter-spacing:-.035em;}
.hero>p:not(.eyebrow){max-width:760px;margin:.4em 0 0;color:#c7d4ca;font-size:1rem;}
.notice{max-width:820px;margin-top:19px;padding:11px 13px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:rgba(242,193,78,.075);color:#dce6de;font-size:.9rem;}

.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{margin-top:16px;padding:24px;border:1px solid rgba(226,241,229,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,40,25,.96),rgba(9,29,17,.96));box-shadow:0 14px 34px rgba(0,0,0,.16);}
.player-results-panel{padding:14px;}
.section-heading{position:relative;align-items:center;margin-bottom:18px;padding-bottom:15px;border-bottom:0;}
.section-heading::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(140,219,104,.85),rgba(140,219,104,.08) 72%,transparent);}
.section-heading h2,.player-head h2{font-size:clamp(1.15rem,2.3vw,1.45rem);letter-spacing:-.015em;}
.section-heading .step,.player-head .step{display:inline-flex;margin-bottom:5px;padding:4px 8px;border-radius:7px;background:rgba(140,219,104,.13);color:var(--green);font-size:.68rem;letter-spacing:.08em;}
.count,.data-note{border-color:rgba(140,219,104,.38);background:rgba(140,219,104,.07);color:var(--green);font-size:.72rem;}

.field{font-family:'Chakra Petch',sans-serif;font-size:.75rem;letter-spacing:.02em;}
.search-grid{grid-template-columns:minmax(175px,.48fr) minmax(260px,1.45fr) minmax(135px,.42fr);}
.field input,.field select{min-height:45px;border-color:rgba(140,219,104,.3);border-radius:10px;background:#06170d;font-family:'Anuphan',sans-serif;}
.field input:disabled,.field select:disabled{cursor:not-allowed;opacity:.52;}
.position-first{color:var(--green);}
.position-first select{border-color:rgba(140,219,104,.55);}
.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(140,219,104,.1);outline:0;}
.switch-row{margin:14px 0;font-size:.9rem;}
.switch-ui{border-color:rgba(140,219,104,.34);}
.result-list{gap:8px;}
.result-card{border-color:var(--line);border-radius:10px;background:rgba(0,0,0,.16);padding:10px 11px;}
.result-card:hover,.result-card.active{border-color:var(--gold);background:rgba(242,193,78,.07);box-shadow:0 0 0 2px rgba(242,193,78,.08);}
.result-card strong{font-family:'Chakra Petch',sans-serif;font-size:.88rem;}
.selection-gate{grid-column:1/-1;display:grid;gap:3px;place-items:center;min-height:84px;border:1px dashed rgba(140,219,104,.34);border-radius:10px;background:rgba(140,219,104,.035);text-align:center;color:var(--muted);}
.selection-gate b{color:var(--green);font-family:'Chakra Petch',sans-serif;}

.position-guide{border-color:rgba(242,193,78,.35);background:linear-gradient(145deg,rgba(31,45,24,.96),rgba(11,31,18,.96));}
.book-icon{width:38px;height:38px;border:1px solid rgba(242,193,78,.28);border-radius:9px;background:rgba(242,193,78,.08);color:var(--gold);}
.role-tab{border-color:var(--line);padding:7px 11px;font-family:'Chakra Petch',sans-serif;font-size:.77rem;}
.role-tab.active{border-color:var(--green);background:var(--green);color:#07140d;}
.guide-copy{margin-top:17px;padding-top:17px;border-color:var(--line);}

.player-head{padding-bottom:17px;border-bottom:2px solid rgba(140,219,104,.35);}
.avatar{width:58px;height:58px;background:linear-gradient(145deg,#a6ef72,#78cf4f);box-shadow:0 8px 18px rgba(140,219,104,.16);}
.primary-action,.secondary-action{border-radius:10px;font-family:'Chakra Petch',sans-serif;}
.primary-action{background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#07140d;}
.facts{gap:7px;margin:18px 0;}
.fact{border-color:var(--line);border-radius:9px;background:rgba(0,0,0,.15);padding:9px;}
.fact span{font-size:.68rem;}
.fact strong{font-size:.84rem;}
.headline-stat-block{margin:4px 0 17px;padding:12px;border:1px solid rgba(140,219,104,.3);border-radius:11px;background:rgba(0,0,0,.14);}
.headline-stat-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px;}
.headline-stat-copy{display:grid;gap:2px;min-width:0;}
.headline-stat-title strong{font:700 .82rem 'Chakra Petch',sans-serif;color:var(--green);}
.headline-stat-title span{color:var(--muted);font-size:.7rem;}
.training-toggle{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:5px 8px;border:1px solid rgba(140,219,104,.38);border-radius:999px;background:#071a0f;color:var(--muted);cursor:pointer;}
.training-toggle-track{position:relative;display:block;width:29px;height:17px;border:1px solid rgba(140,219,104,.55);border-radius:999px;background:#12311d;transition:.18s ease;}
.training-toggle-track i{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#dce9df;transition:.18s ease;}
.training-toggle b{font:700 .65rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.training-toggle.active{border-color:var(--green);color:var(--green);background:rgba(140,219,104,.1);}
.training-toggle.active .training-toggle-track{background:var(--green);}
.training-toggle.active .training-toggle-track i{left:14px;background:#071a0f;}
.headline-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
.headline-stat{display:grid;place-items:center;min-width:0;padding:9px 4px 8px;border:1px solid var(--line);border-radius:9px;background:#071a0f;text-align:center;}
.headline-stat span{color:var(--muted);font:700 .69rem 'Chakra Petch',sans-serif;letter-spacing:.06em;}
.headline-stat strong{color:var(--text);font:700 1.42rem/1.05 'Chakra Petch',sans-serif;font-variant-numeric:tabular-nums;}
.headline-stat small{color:var(--muted);font-size:.62rem;white-space:nowrap;}
.headline-stat.strong{border-color:rgba(140,219,104,.38);}
.headline-stat.elite{border-color:rgba(242,193,78,.48);background:rgba(242,193,78,.055);}
.headline-stat.elite strong{color:var(--gold);}
.profile-skill-tree{margin:0 0 17px;padding:15px;border:1px solid rgba(140,219,104,.3);border-radius:13px;background:rgba(0,0,0,.14);}
.skill-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px;}
.skill-tree-heading h3{margin:0;font-size:1rem;font-weight:700;letter-spacing:.015em;}
.skill-tree-toggle{white-space:nowrap;}
.skill-tree-layout{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;}
.skill-tree-layout.expanded{grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);}
.skill-tree-core,.skill-tree-node{position:relative;min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#071a0f;}
.skill-tree-core{border-color:rgba(242,193,78,.6);background:linear-gradient(145deg,rgba(242,193,78,.11),rgba(7,26,15,.96));}
.skill-tree-layout.expanded .skill-tree-core:after{content:"→";position:absolute;right:-18px;top:50%;z-index:2;translate:0 -50%;color:var(--green);font-weight:800;}
.skill-tree-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.skill-node-label{display:block;color:var(--green);font:700 .62rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.skill-tree-core .skill-node-label{color:var(--gold);}
.skill-node-name-row{display:flex;align-items:center;gap:8px;margin:3px 0;min-width:0;}
.skill-node-icon{display:block;flex:0 0 auto;width:34px;height:34px;object-fit:contain;}
.skill-node-name{display:block;color:var(--text);font:700 .9rem 'Chakra Petch',sans-serif;overflow-wrap:anywhere;}
.skill-level-summary,.skill-requirement,.skill-unlocks{display:block;color:var(--muted);font-size:.65rem;line-height:1.4;}
.skill-requirement{color:#b8d8bd;}
.skill-unlocks{margin-top:7px;color:var(--green);}
.skill-stat-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
.skill-stat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid rgba(140,219,104,.2);border-radius:999px;background:rgba(140,219,104,.055);font-size:.59rem;line-height:1.15;}
.skill-stat-chip b{color:#c8d7cc;font-weight:500;}
.skill-stat-chip strong{color:var(--green);font:700 .62rem 'Chakra Petch',sans-serif;}
.skill-tree-note{margin:10px 0 0;color:var(--muted);font-size:.68rem;}
.analysis-position-picker button,.version-picker button{border-color:rgba(140,219,104,.3);font-family:'Chakra Petch',sans-serif;}
.analysis-position-picker button.active,.version-picker button.active{background:var(--green);color:#07140d;}
.role-verdict{gap:9px;}
.role-verdict>div{min-width:0;border-radius:11px;border-color:rgba(140,219,104,.32);background:rgba(140,219,104,.075);padding:13px;}
.role-verdict strong{font-family:'Chakra Petch',sans-serif;font-size:1.04rem;}
.role-title-line{display:flex;align-items:baseline;gap:8px;min-width:0;}
.role-title-line>strong{min-width:0;}
.role-info-button{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid rgba(140,219,104,.58);border-radius:50%;background:rgba(140,219,104,.09);color:var(--green);font:800 .72rem/1 'Chakra Petch',sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;vertical-align:middle}
.role-info-button:hover,.role-info-button:focus-visible{transform:translateY(-1px);background:rgba(140,219,104,.2);border-color:var(--green);outline:none}
.role-info-button[hidden]{display:none}
.result-role{display:flex!important;align-items:center;gap:7px}.result-role .role-info-button{display:inline-grid!important;width:19px;height:19px;font-size:.64rem}
.role-rank-badge{flex:0 0 auto;padding:3px 9px;border:1px solid rgba(191,205,196,.44);border-radius:999px;background:linear-gradient(135deg,rgba(202,215,207,.13),rgba(104,124,112,.07));box-shadow:inset 0 1px rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.16);color:#c7d2cb;font:700 .62rem/1.35 'Chakra Petch',sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;}
.role-rank-badge[data-rank="1"]{border-color:rgba(241,200,77,.7);background:linear-gradient(135deg,rgba(241,200,77,.22),rgba(126,91,11,.1));box-shadow:inset 0 1px rgba(255,244,186,.13),0 3px 12px rgba(102,74,8,.2);color:#f4d66f;}
.role-rank-badge[data-rank="2"]{border-color:rgba(210,220,224,.64);background:linear-gradient(135deg,rgba(222,231,234,.19),rgba(105,121,128,.09));box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 12px rgba(100,116,122,.16);color:#dce5e8;}
.role-rank-badge[data-rank="3"]{border-color:rgba(205,139,87,.65);background:linear-gradient(135deg,rgba(211,143,89,.21),rgba(104,55,23,.1));box-shadow:inset 0 1px rgba(255,220,189,.11),0 3px 12px rgba(99,50,18,.18);color:#dc9b68;}
.role-rank-badge:hover,.role-rank-badge:focus-visible{border-color:currentColor;background-color:rgba(255,255,255,.06);box-shadow:inset 0 1px rgba(255,255,255,.11),0 5px 15px rgba(0,0,0,.23);transform:translateY(-1px);outline:none;}
.role-rank-badge[hidden]{display:none;}
.role-verdict-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:3px;}
.role-card-copy{display:grid;align-content:start;gap:0;min-width:0;}
.role-card-copy>span{color:var(--muted);line-height:1.25;}
.role-card-actions{display:grid;justify-items:end;gap:7px;min-width:0;}
.role-skill-toggle{white-space:nowrap;}
.role-skill-guide{min-width:0;margin-top:10px;padding-top:9px;border-top:1px solid rgba(140,219,104,.24);}
.role-skill-guide-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--text);font:700 .7rem 'Chakra Petch',sans-serif;}
.role-skill-guide-title span{color:var(--green);font-size:.58rem;white-space:nowrap;}
.role-skill-path{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;min-width:0;}
.role-verdict .role-skill-step{position:relative;display:inline-grid;grid-template-columns:20px auto;align-items:center;justify-content:center;gap:4px;flex:1 1 0;width:0;min-width:0;padding:3px 7px;border:1px solid rgba(140,219,104,.26);border-radius:999px;background:rgba(3,19,10,.72);}
.role-skill-step:not(:first-child):before{content:"›";position:absolute;left:-5px;translate:-50% 0;color:var(--gold);font-weight:800;}
.role-skill-step img{display:block;width:20px;height:20px;object-fit:contain;}
.role-skill-step small{color:var(--green);font:700 .54rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.role-skill-guide>p{margin:7px 0 0;color:var(--muted);font-size:.62rem;line-height:1.45;}
.role-skill-empty{margin:0!important;}

article{margin-top:22px;padding-top:20px;border-color:var(--line);}
article h3{font-family:'Chakra Petch',sans-serif;font-size:1.08rem;letter-spacing:.01em;}
.analysis-lead p{font-size:.96rem;}
.verdict{border-left-color:var(--green);border-radius:0 8px 8px 0;background:rgba(140,219,104,.055);padding:8px 11px;}
.narrative-grid>div,.skill-path{border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.15);padding:13px;}
.narrative-title{display:grid;grid-template-columns:34px 1px minmax(0,1fr);align-items:center;gap:10px;}
.narrative-title::before{content:"";grid-column:2;grid-row:1;align-self:stretch;width:1px;background:rgba(140,219,104,.34);}
.narrative-title strong{grid-column:3;grid-row:1;}
.behavior-icon{display:grid;grid-column:1;grid-row:1;place-items:center;width:32px;height:32px;color:var(--green);}
.behavior-icon svg,.behavior-icon img{display:block;width:27px;height:27px;object-fit:contain;fill:currentColor;}
.explain-item,.property-item{border-left-color:var(--green);}
.caution-list .explain-item{border-left-color:var(--gold);}
.skill-path.recommended{border-color:rgba(140,219,104,.5);background:rgba(140,219,104,.07);}
.formation-fit,.squad-plan{padding:12px 0;border-color:var(--line);}
.score{color:var(--green);}
.owned-chip{border-color:var(--line);background:rgba(0,0,0,.16);}
.method-note{border-color:rgba(242,193,78,.38);background:linear-gradient(145deg,rgba(35,42,21,.92),rgba(10,28,17,.94));}
.player-story{display:block;margin-top:24px;padding:16px;border:1px solid rgba(242,193,78,.4);border-radius:12px;background:linear-gradient(145deg,rgba(39,42,20,.78),rgba(11,30,18,.92));}
.player-story h3{margin:2px 0 7px;color:var(--gold);}
.player-story p{margin:0;color:#cbd7ce;}
.player-story .step{font-size:.64rem;}
.player-story a{display:inline-flex;margin-top:10px;color:var(--green);font:700 .73rem 'Chakra Petch',sans-serif;text-decoration:none;}
.player-story a:hover{text-decoration:underline;}

footer{border-top:2px solid var(--line);font-size:.82rem;}
footer a{font-family:'Chakra Petch',sans-serif;color:var(--green);}

@media(max-width:700px){
  .shell{width:min(100% - 24px,var(--site-shell));}
  .header-inner{display:grid;grid-template-columns:1fr auto;gap:9px 10px;padding:11px 0;}
  .brand{width:134px;}
  .update-pill{margin:0;}
  .update-pill strong{display:block;font-size:.61rem;}
  .product-nav{grid-column:1/-1;order:3;width:100%;margin:0;}
  .product-nav a{flex:1;padding:7px 8px;}
  .product-nav .new{display:inline-flex;top:-8px;right:5px;font-size:.4rem;padding:1px 4px;}
  main{padding-top:16px;}
  .hero{padding:20px 18px 21px;border-radius:15px;}
  .hero h1{font-size:clamp(1.85rem,9.6vw,2.3rem);}
  .hero>p:not(.eyebrow){font-size:.91rem;}
  .notice{font-size:.81rem;}
  .search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{padding:17px;border-radius:14px;}
  .search-grid{grid-template-columns:1fr;}
  .player-results-panel{padding:10px;}
  .section-heading{align-items:flex-start;gap:10px;}
  .section-heading .count{align-self:flex-start;}
  .player-head{padding-bottom:14px;}
  .headline-stats{grid-template-columns:repeat(3,1fr);}
  .headline-stat-title{align-items:flex-start;gap:8px;}
  .headline-stat-copy{gap:1px;}
  .training-toggle{margin-top:0;}
}

@media(max-width:440px){
  .update-pill{padding:6px 8px;}
  .update-pill strong{white-space:nowrap;}
  .hero h1{letter-spacing:-.045em;}
  .identity{align-items:flex-start;}
  .avatar{width:50px;height:50px;}
  .group-row{grid-template-columns:108px 1fr 64px;}
  .player-story{padding:13px;}
}
/* Real-device landscape alignment for player finder controls */
.search-grid{
  align-items:end;
}
.search-grid>.field{
  grid-template-rows:22px 48px;
  gap:7px;
  min-width:0;
  align-content:end;
}
.search-grid>.field>span:first-child,
.position-filter-group>.position-first>span:first-child{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  height:22px;
  overflow:hidden;
  color:var(--green);
  font-size:.76rem;
  line-height:1;
  white-space:nowrap;
}
.position-filter-group>.position-first>span:first-child small{
  flex:none;
  color:var(--muted);
  font-size:.66rem;
  font-weight:500;
  line-height:1;
}
.search-grid .search-wrap,
.search-grid .field input,
.search-grid .field select{
  height:48px;
  min-height:48px;
  max-height:48px;
  line-height:1.2;
}
.search-grid .field input,
.search-grid .field select{
  min-width:0;
  font-size:.88rem;
}
.position-filter-group{
  grid-template-rows:22px 48px;
  align-items:stretch;
  min-width:0;
}
.position-filter-group>.position-first{
  display:contents;
}
.position-filter-group>.position-first>span:first-child{
  grid-column:1/-1;
  grid-row:1;
}
.position-filter-group>.position-first>select{
  grid-column:1;
  grid-row:2;
}
.position-filter-group>button.switch-row.compact-switch{
  grid-column:2;
  grid-row:2;
  align-self:stretch;
  width:100%;
  height:48px;
  min-height:48px;
  max-height:48px;
  margin:0;
}
.position-filter-group>button.switch-row.compact-switch strong{
  font-size:.68rem;
  line-height:1.25;
}
@media(max-width:440px){
  .position-filter-group{
    grid-template-columns:1fr;
    grid-template-rows:22px 48px 48px;
  }
  .position-filter-group>.position-first>span:first-child,
  .position-filter-group>.position-first>select,
  .position-filter-group>button.switch-row.compact-switch{
    grid-column:1;
  }
  .position-filter-group>button.switch-row.compact-switch{
    grid-row:3;
  }
}

/* Shared FC Tactic Coach signature */
.site-header{position:static;padding:26px 0 0;background:transparent;border:0;backdrop-filter:none;}
.header-card{position:relative;overflow:hidden;padding:18px 18px 20px;border:1px solid rgba(140,219,104,.23);border-radius:18px;background:linear-gradient(145deg,rgba(22,53,34,.94),rgba(9,30,18,.96));box-shadow:0 18px 44px rgba(0,0,0,.22);}
.header-card::after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.045);border-radius:50%;right:-50px;bottom:-65px;pointer-events:none;}
.headtop{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.brand-block{display:grid;gap:0;min-width:0;flex:1;max-width:360px;}
.brand{width:min(210px,100%);max-width:100%;}
.brand img{display:block;width:100%;height:auto;}
.brand-block>strong{width:min(210px,100%);margin-top:5px;color:var(--text);font:700 clamp(9px,2.6vw,12px) 'Chakra Petch',sans-serif;letter-spacing:.055em;text-align:center;white-space:nowrap;}
.head-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:8px;}
.langswitch{display:flex;gap:3px;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(2,12,7,.38);}
.langbtn{min-width:42px;border:0;border-radius:999px;padding:7px 10px;background:transparent;color:var(--muted);font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.04em;cursor:pointer;}
.langbtn.active{background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;}
.update-pill{min-height:auto;padding:7px 11px;font:700 10.5px 'Chakra Petch',sans-serif;letter-spacing:.04em;}
.update-pill span{width:6px;height:6px;}
.header-card .product-nav{position:relative;z-index:1;width:max-content;max-width:100%;margin:15px 0 0;padding:3px;}
.header-card .product-nav a{gap:6px;padding:7px 12px;font-size:.67rem;line-height:1.6;letter-spacing:.045em;white-space:nowrap;}
.header-concept{position:relative;z-index:1;margin:11px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font:500 13.5px/1.6 'Anuphan',sans-serif;letter-spacing:0;}

@media (min-width:701px){
  .headtop{justify-content:center;}
  .brand-block{flex:0 1 360px;margin:0 auto;justify-items:center;}
  .head-actions{position:absolute;top:0;right:0;}
}
@media (min-width:701px) and (max-width:1200px){
  .header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:none;border-radius:999px;}
  .header-card .product-nav a{min-width:0;min-height:48px;flex-direction:column;gap:0;padding:6px 5px;font-size:.64rem;line-height:1.15;text-align:center;white-space:normal;}
  .header-card .product-nav .tab-line{display:block;}
}

/* One navigation geometry across all five FC TACTIC products. */
.header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:none;border-radius:999px;overflow:visible;}
.header-card .product-nav a{width:auto;min-width:0;min-height:52px;flex-direction:column;gap:0;padding:6px 4px;font-size:.64rem;line-height:1.15;letter-spacing:.025em;text-align:center;white-space:normal;}
.header-card .product-nav .tab-line{display:block;}

/* Compact content rhythm follows the Tactic Coach baseline. */
.hero{margin-bottom:18px;padding:22px 24px 24px;}
.hero h1{font-size:clamp(1.65rem,4vw,2.25rem);}
.hero>p:not(.eyebrow){font-size:.94rem;line-height:1.6;}
.notice{margin-top:16px;padding:10px 13px;font-size:.84rem;line-height:1.6;}
.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{margin-top:16px;padding:20px;border-radius:18px;}
article{margin-top:18px;padding-top:16px;}
article p{line-height:1.6;}

.hero-title{display:flex;align-items:center;gap:14px;}
.hero-profile-icon,.title-icon,.property-icon,.result-profile{display:grid;place-items:center;flex:none;border:1px solid rgba(140,219,104,.34);background:rgba(140,219,104,.08);color:var(--green);}
.hero-profile-icon{width:48px;height:48px;border-radius:50%;}
.hero-profile-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;}
.heading-with-icon svg,.title-icon svg,.property-icon svg,.result-profile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.icon-title{display:flex;align-items:center;gap:9px;}
.title-icon{width:32px;height:32px;border-radius:8px;}
.caution-heading{color:var(--gold);}
.caution-heading .title-icon{color:var(--gold);border-color:rgba(242,193,78,.4);background:rgba(242,193,78,.08);}
.book-icon{display:grid;place-items:center;}
.book-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

.search-grid{grid-template-columns:minmax(280px,1.55fr) minmax(150px,.55fr) minmax(140px,.45fr);}
.search-field{color:var(--green);}
.search-field input{border-color:rgba(140,219,104,.58);}
.field small{color:var(--muted);font:500 .67rem 'Anuphan',sans-serif;}
.result-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;}
.result-profile{width:58px;height:64px;border:0;border-radius:8px;background:transparent;}
.result-profile svg{width:16px;height:16px;}
.result-copy{min-width:0;}
.result-style{margin-top:3px;color:#91aa99!important;font-size:.67rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.result-arrow{display:grid;place-items:center;min-width:50px;color:var(--green);font-weight:800;}
.result-card .result-review-action{display:inline-flex;min-width:46px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--green);font:800 .56rem/1 'Chakra Petch',sans-serif;letter-spacing:.02em;white-space:nowrap}
.result-card .result-review-action>span{display:inline!important;color:var(--green)!important;font:inherit;white-space:nowrap}
.result-card .result-review-action img{display:block;width:25px;height:25px;flex:0 0 25px;object-fit:contain;transition:transform .18s ease,filter .18s ease}
.result-card:hover .result-review-action img,.result-card:focus-visible .result-review-action img{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 0 5px rgba(140,219,104,.32))}

.avatar{position:relative;overflow:hidden;}
.avatar svg{position:absolute;width:38px;height:38px;fill:none;stroke:rgba(5,23,13,.18);stroke-width:1.4;}
.avatar span{position:relative;z-index:1;}
.primary-action{min-width:158px;}
.analysis-lead{padding:18px;border:1px solid rgba(140,219,104,.24);border-radius:13px;background:rgba(140,219,104,.035);}
.analysis-lead>p{margin-bottom:14px;}
.analysis-warning{display:block;margin-top:12px;padding-top:10px;border-top:1px solid rgba(242,193,78,.3);color:var(--text);}
.analysis-warning strong{display:block;margin-bottom:3px;color:var(--gold);font:800 .82rem 'Chakra Petch',sans-serif;}
.verdict-warning{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(242,193,78,.28);}
.verdict-warning strong{display:block;margin-bottom:3px;color:var(--gold)!important;}
.verdict-card{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:start;padding:13px;border:1px solid rgba(140,219,104,.4);border-radius:11px;background:linear-gradient(145deg,rgba(140,219,104,.12),rgba(140,219,104,.035));}
.verdict-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#07140d;}
.verdict-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
.verdict-card strong{color:var(--green);font:700 .78rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.05em;}
.verdict-card p{margin:2px 0 0!important;color:var(--text);font-size:.89rem;}

.analysis-columns>article{padding:15px;border:1px solid rgba(140,219,104,.18);border-radius:13px;background:rgba(0,0,0,.11);}
.analysis-columns>article:last-child{border-color:rgba(242,193,78,.25);background:rgba(242,193,78,.025);}
.explain-list{gap:9px;}
.explain-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:10px!important;border:1px solid rgba(140,219,104,.19)!important;border-radius:10px;background:#071a0f;}
.explain-item.caution-item{border-color:rgba(242,193,78,.22)!important;}
.explain-symbol{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(140,219,104,.15);color:var(--green);font:800 .78rem 'Chakra Petch',sans-serif;}
.caution-item .explain-symbol{background:rgba(242,193,78,.13);color:var(--gold);}
.explain-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.explain-head strong{font-family:'Chakra Petch',sans-serif;}
.explain-head span{display:inline-flex;white-space:nowrap;padding:3px 7px;border-radius:999px;background:rgba(140,219,104,.12);color:var(--green);font:700 .68rem 'Chakra Petch',sans-serif;}
.caution-item .explain-head span{background:rgba(242,193,78,.1);color:var(--gold);}
.comparison-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:.67rem;}
.technical-percentile{padding:1px 5px;border:1px solid var(--line);border-radius:999px;color:#7f9887;font:600 .58rem 'Chakra Petch',sans-serif;}
.explain-item p{margin:3px 0 0;color:var(--muted);font-size:.81rem;}

.article-head{align-items:center;}
.review-score{display:flex;align-items:center;gap:8px;min-width:155px;padding:9px 12px;border:1px solid rgba(242,193,78,.42);border-radius:11px;background:rgba(242,193,78,.07);}
.review-star{color:var(--gold);font-size:1.35rem;}
.review-score small,.review-score strong{display:block;}
.review-score small{color:var(--muted);font-size:.63rem;}
.review-score strong{color:var(--gold);font:700 1.22rem/1 'Chakra Petch',sans-serif;}
.review-score-wide{width:100%;margin:18px 0 6px;}
.review-score-wide small{flex:1;color:var(--text);font:700 .85rem 'Chakra Petch',sans-serif;}
.review-score-wide strong{margin-left:auto;text-align:right;}

.property-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px!important;border:1px solid rgba(140,219,104,.18)!important;border-radius:10px;background:#071a0f;}
.property-icon{width:36px;height:36px;border-radius:9px;color:var(--gold);border-color:rgba(242,193,78,.32);background:rgba(242,193,78,.06);}
.property-item p{font-size:.8rem;}
.skill-explainer{margin:0 0 13px;padding:14px;border:1px solid rgba(242,193,78,.32);border-radius:11px;background:linear-gradient(145deg,rgba(242,193,78,.08),rgba(140,219,104,.03));}
.skill-explainer>strong{color:var(--gold);font-family:'Chakra Petch',sans-serif;}
.skill-explainer p{margin:5px 0 11px;font-size:.84rem;}
.skill-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.skill-flow span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#071a0f;color:var(--text);font-size:.7rem;}
.skill-flow b{color:var(--green);}
.skill-path{position:relative;padding-top:38px!important;}
.skill-rank,.formation-rank{display:grid;place-items:center;border-radius:8px;background:var(--green);color:#06130c;font:800 .75rem 'Chakra Petch',sans-serif;}
.skill-rank{position:absolute;left:12px;top:11px;width:24px;height:24px;}
.skill-path .tag{position:absolute;right:10px;top:10px;}

.formation-fit{grid-template-columns:34px 150px 1fr 62px!important;gap:12px!important;padding:13px 10px!important;border:1px solid var(--line)!important;border-radius:11px;background:rgba(0,0,0,.1);}
.formation-rank{width:28px;height:28px;}
.formation-name strong,.formation-name small{display:block;}
.formation-name small{margin-top:2px;color:var(--green);font-size:.69rem;}
.comparison-help{margin:12px 0;padding:12px;border:1px solid rgba(140,219,104,.24);border-radius:10px;background:rgba(140,219,104,.045);}
.comparison-help strong{color:var(--green);font-family:'Chakra Petch',sans-serif;}
.comparison-help p{margin:4px 0 0;color:var(--muted);font-size:.8rem;}
.percentile-legend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:11px;}
.legend-band{display:grid;place-items:center;padding:7px 4px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.13);font-family:'Chakra Petch',sans-serif;text-align:center;}
.legend-band strong{font-size:.68rem;}
.legend-band small{color:var(--muted);font-size:.56rem;}
.percentile-pill{display:inline-grid;gap:0;padding:4px 8px;border:1px solid currentColor;border-radius:9px;background:rgba(140,219,104,.08);font-family:'Chakra Petch',sans-serif;line-height:1.15;text-align:center;}
.percentile-pill strong{font-size:.68rem;}
.percentile-pill small{opacity:.68;font-size:.55rem;}
.group-row{grid-template-columns:145px 1fr 118px;}
.group-level{display:inline-flex;justify-content:flex-end;align-items:center;gap:5px;font:700 .66rem 'Chakra Petch',sans-serif;}
.group-level span{opacity:.62;font-size:.56rem;}
.band-elite{color:#f6cf62!important;}
.band-excellent{color:#8cdb68!important;}
.band-good{color:#76d9c0!important;}
.band-standard{color:#d4dde0!important;}
.band-caution{color:#f0a85e!important;}
.explain-head .stat-level.band-elite{background:rgba(242,193,78,.12);}
.explain-head .stat-level.band-excellent{background:rgba(140,219,104,.12);}
.explain-head .stat-level.band-good{background:rgba(118,217,192,.11);}
.explain-head .stat-level.band-standard{background:rgba(212,221,224,.1);}
.explain-head .stat-level.band-caution{background:rgba(240,168,94,.11);}
td:nth-child(2),td:nth-child(3),td:nth-child(4){font-variant-numeric:tabular-nums;}

.squad-plan>div:first-child{display:grid;grid-template-columns:30px 1fr;gap:5px 8px;align-items:center;}
.squad-plan .formation-rank{grid-row:1/3;}
.squad-plan .meta{grid-column:2;}
.pro-footer{display:grid;gap:0;margin-inline:auto;padding:0 0 24px;border:0;background:#030b07;}
.footer-cta{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(140,219,104,.35);border-radius:14px 14px 0 0;background:linear-gradient(145deg,rgba(20,55,32,.98),rgba(8,29,17,.98));}
.footer-ball{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green);font-size:1.15rem;}
.footer-cta div{display:grid;}
.footer-cta strong{color:var(--text);font:700 .93rem 'Chakra Petch',sans-serif;}
.footer-cta span:not(.footer-ball){color:var(--muted);font-size:.76rem;}
.footer-cta a{padding:9px 13px;border-radius:9px;background:var(--green);color:#06130c;font-size:.72rem;text-decoration:none;}
.footer-meta{display:grid;grid-template-columns:1fr auto;gap:9px 20px;padding:16px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#06130c;}
.footer-meta>strong{color:var(--text);font:700 .72rem 'Chakra Petch',sans-serif;}
.footer-meta nav{display:flex;gap:13px;}
.footer-meta>span,.footer-meta>small{font-size:.68rem;}
.footer-meta>small{grid-column:1/-1;color:#718a78;}
.sitefooter{margin:36px auto 0;padding:17px 15px 24px;border-top:2px solid var(--line);text-align:center;color:var(--muted);font-size:11px;background:#030b07}
.sitefooter .footer-philosophy{margin-bottom:9px;color:var(--text);font:600 12px 'Chakra Petch',sans-serif}
.sitefooter .footer-links{display:flex;justify-content:center;gap:5px 12px;flex-wrap:wrap;margin-bottom:10px}
.sitefooter .footerlink{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--green);padding:2px;font:600 10.5px 'Chakra Petch',sans-serif;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(140,219,104,.35);text-underline-offset:3px}
.sitefooter .footer-legal{font-family:'Chakra Petch',sans-serif;line-height:1.55;letter-spacing:.03em}
.sitefooter .footer-disclaimer{max-width:700px;margin:4px auto 0;font-size:10px;line-height:1.5;color:rgba(180,198,185,.75)}

@media(max-width:700px){
  .site-header{padding-top:26px;}
  .header-card{padding:18px;border-radius:18px;}
  .headtop{display:flex;align-items:flex-start;gap:14px;}
  .brand{width:min(210px,100%);}
  .head-actions{display:flex;justify-content:flex-start;}
  .header-card .product-nav{width:100%;overflow:visible;}
  .header-card .product-nav a{flex:1;min-width:0;padding:7px 5px;font-size:.59rem;letter-spacing:.015em;}
  .header-card .product-nav .new{display:inline-flex;top:-8px;right:5px;font-size:.4rem;padding:1px 4px;}
  .header-concept{font-size:12px;line-height:1.55;}
  .hero{padding:18px;border-radius:15px;}
  .search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{padding:15px;border-radius:14px;}
  .search-grid{grid-template-columns:1fr;}
  .analysis-columns>article{padding:12px;}
  .formation-fit{grid-template-columns:30px 1fr 54px!important;}
  .formation-fit p{grid-column:2/4;}
  .footer-cta{grid-template-columns:36px 1fr;}
  .footer-cta a{grid-column:1/-1;text-align:center;}
  .footer-meta{grid-template-columns:1fr;}
  .footer-meta nav{flex-wrap:wrap;}
}

@media(max-width:440px){
  .shell{width:min(100% - 24px,var(--site-shell));}
  .site-header{padding-top:14px;}
  .headtop{align-items:flex-start;gap:10px;}
  .brand-block{max-width:calc(100% - 92px);}
  .langbtn{min-width:38px;padding:6px 8px;}
  .update-pill{padding:6px 9px;font-size:9.5px;}
  .update-pill strong{display:block;white-space:nowrap;}
  .header-card .product-nav a{padding:7px 2px;font-size:.49rem;}
  .hero-title{align-items:flex-start;}
  .hero-profile-icon{width:40px;height:40px;}
  .analysis-columns{gap:12px;}
  .explain-head{align-items:flex-start;flex-direction:column;}
  .article-head{display:grid;}
  .review-score{width:100%;}
}

/* Focused discovery flow */
button.switch-row{
  width:100%;
  min-height:58px;
  margin:14px 0 0;
  padding:10px 12px;
  border:1px solid rgba(140,219,104,.3);
  border-radius:11px;
  background:#06170d;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
button.switch-row:hover{border-color:rgba(140,219,104,.58);}
button.switch-row:disabled{cursor:not-allowed;opacity:.45;}
button.switch-row .switch-ui{display:block;position:relative;width:50px;height:27px;flex:none;border:1px solid #407151;border-radius:30px;background:#07180e;}
button.switch-row .switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:left .18s ease,background .18s ease;}
button.switch-row[aria-checked="true"] .switch-ui{background:#1d5e34;}
button.switch-row[aria-checked="true"] .switch-ui:after{left:26px;background:var(--green);}
button.switch-row>span:nth-child(2){display:grid;min-width:0;}
.switch-state{margin-left:auto;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font:700 .7rem 'Chakra Petch',sans-serif;}
button.switch-row[aria-checked="true"] .switch-state{background:rgba(140,219,104,.14);color:var(--green);}

.player-results-panel .section-heading{margin-bottom:12px;}
.player-results-panel .section-heading p:not(.step){max-width:640px;font-size:.78rem;}
.player-results-panel .result-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.result-card{min-height:74px;padding:11px 12px;}
.result-profile{width:58px;height:64px;border-radius:8px;background:transparent;}
.result-profile svg{width:21px;height:21px;}
.result-meta{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;}
.result-meta b,.result-meta i{font-style:normal;font:700 .66rem 'Chakra Petch',sans-serif;}
.result-meta b{color:var(--green);}
.result-meta i{color:var(--muted);}
.result-role{display:inline-flex!important;width:max-content;margin-top:4px;padding:2px 6px;border-radius:999px;background:rgba(242,193,78,.09);color:var(--gold)!important;font-size:.64rem!important;}
.show-more-results{display:flex;justify-content:center;width:100%;margin-top:10px;padding:9px 12px;border:1px solid rgba(140,219,104,.34);border-radius:9px;background:rgba(140,219,104,.06);color:var(--green);font:700 .74rem 'Chakra Petch',sans-serif;cursor:pointer;}
.show-more-results:hover{background:rgba(140,219,104,.12);}

.position-guide{padding:18px 20px;}
.position-guide-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.position-guide-head h2{margin:2px 0 0;font:700 1.2rem/1.2 'Chakra Petch',sans-serif;}
.position-guide-head p:not(.step){margin:4px 0 0;color:var(--muted);font-size:.78rem;}
.position-guide-actions{display:flex;align-items:center;gap:8px;flex:none;}
.position-hero-badge{display:grid;place-items:center;min-width:48px;height:42px;padding:0 10px;border:1px solid var(--gold);border-radius:10px;background:rgba(242,193,78,.12);color:var(--gold);font:800 1rem 'Chakra Petch',sans-serif;}
.guide-position-picker{display:grid;grid-template-columns:auto minmax(92px,auto);align-items:center;gap:9px;color:var(--muted);font:700 .72rem 'Chakra Petch',sans-serif}
.guide-position-picker select{min-height:42px;padding:8px 34px 8px 12px;border:1px solid rgba(242,193,78,.62);border-radius:10px;background:#08180e;color:var(--gold);font:800 .9rem 'Chakra Petch',sans-serif}
.guide-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.position-guide .role-tab{display:inline-flex;align-items:center;gap:7px}
.role-tab-icon{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:rgba(140,219,104,.07);color:var(--muted)}
.role-tab-icon svg,.guide-role-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.position-guide .role-tab.active .role-tab-icon{background:rgba(4,24,12,.18);color:#07170d}
.guide-role-heading{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center!important;column-gap:10px!important;row-gap:1px!important}
.guide-role-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(241,200,77,.45);border-radius:11px;background:rgba(241,200,77,.08);color:var(--gold)}
.guide-role-icon svg{width:22px;height:22px;stroke-width:1.7}
.guide-role-position{grid-column:2;grid-row:1}
.guide-role-heading h3{grid-column:2;grid-row:2}
.guide-role-heading .guide-player-search{grid-column:3;grid-row:1/3;align-self:center;min-height:34px;padding:7px 10px;border-radius:999px;white-space:nowrap}
.role-guide-dialog .guide-copy{grid-template-columns:1fr;gap:16px}
.guide-reading{display:grid;gap:13px;min-width:0}
.guide-reading-block{display:grid;gap:4px}
.guide-reading-block h4{margin:0;color:var(--green);font:900 .68rem/1.2 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.075em}
.guide-reading-block p{color:#e1e9e3}
.guide-impact{padding:11px 13px;border-left:2px solid rgba(241,200,77,.7);border-radius:0 9px 9px 0;background:linear-gradient(90deg,rgba(241,200,77,.08),transparent)}
.guide-impact h4{color:var(--gold)}
.guide-next-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:2px}
.guide-next-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 12px;border:1px solid rgba(140,219,104,.35);border-radius:10px;background:rgba(140,219,104,.07);color:var(--green);font:800 .72rem/1.35 'Chakra Petch','Anuphan',sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.guide-next-link b{font-size:1rem;line-height:1}
.guide-player-search,.guide-player-search:visited{border-color:#9aeb6e;background:linear-gradient(135deg,#a8f27a,#79d250);color:#06170d!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 6px 16px rgba(98,205,64,.16)}
.guide-role-heading .guide-player-search span{color:#06170d!important}
.guide-next-link:hover,.guide-next-link:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.guide-formation-toggle[aria-expanded="true"] b{transform:rotate(180deg)}
.guide-formation-list{grid-column:1/-1;display:grid;gap:6px;padding-top:2px}
.guide-formation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:10px 11px;border:1px solid rgba(241,200,77,.24);border-radius:10px;background:rgba(241,200,77,.055);color:var(--text)}
.guide-formation-card.is-open{border-color:rgba(140,219,104,.55);background:rgba(140,219,104,.065)}
.guide-formation-copy{display:grid;gap:1px;min-width:0}
.guide-formation-card strong{font:800 .76rem/1.3 'Chakra Petch','Anuphan',sans-serif}
.guide-formation-card em{width:max-content;margin:2px 0;padding:2px 7px;border-radius:999px;background:rgba(140,219,104,.11);color:var(--green);font:800 .62rem/1.35 'Chakra Petch','Anuphan',sans-serif;font-style:normal}
.guide-formation-card small{overflow:hidden;color:var(--muted);font-size:.64rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.guide-map-toggle{display:grid;justify-items:center;gap:3px;min-width:64px;padding:5px 7px;border:0;border-radius:8px;background:rgba(0,0,0,.14);color:var(--green);cursor:pointer}
.guide-map-toggle b{color:var(--gold);font:900 .76rem 'Chakra Petch',sans-serif}
.guide-map-toggle span{font:800 .58rem 'Chakra Petch','Anuphan',sans-serif;white-space:nowrap}
.guide-map-toggle:hover,.guide-map-toggle:focus-visible{background:rgba(140,219,104,.12)}
.guide-formation-map{grid-column:1/-1;display:grid;gap:7px;padding-top:7px;border-top:1px solid rgba(140,219,104,.18);animation:guideMapReveal .3s cubic-bezier(.2,.8,.2,1) both}
.guide-map-intro{display:grid;gap:1px}
.guide-map-intro p{margin:0!important;color:var(--green)!important;font:800 .64rem/1.4 'Chakra Petch','Anuphan',sans-serif!important}
.guide-map-intro small{overflow:visible;white-space:normal;color:var(--muted);font-size:.58rem;line-height:1.45}
.guide-pitch-field{position:relative;aspect-ratio:1.75/1;min-height:190px;overflow:hidden;border:1px solid rgba(140,219,104,.38);border-radius:12px;background:repeating-linear-gradient(90deg,rgba(140,219,104,.07) 0,rgba(140,219,104,.07) 12.5%,rgba(140,219,104,.025) 12.5%,rgba(140,219,104,.025) 25%),#082316}
.guide-pitch-markings{position:absolute;inset:7px;border:1px solid rgba(215,240,219,.2);pointer-events:none}
.guide-pitch-markings::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(215,240,219,.2)}
.guide-pitch-markings::after{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid rgba(215,240,219,.2);border-radius:50%;transform:translate(-50%,-50%)}
.guide-pitch-slot{position:absolute;left:var(--slot-x);top:var(--slot-y);display:grid;place-items:center;width:46px;min-height:29px;padding:3px 4px;border:1px solid rgba(215,240,219,.24);border-radius:7px;background:#0c2d1c;color:#d8e5da;box-shadow:0 3px 8px rgba(0,0,0,.3);transform:translate(-50%,-50%)}
.guide-pitch-slot b{font:800 .56rem 'Chakra Petch',sans-serif}
.guide-pitch-slot small{display:block;width:100%;overflow:hidden;color:#a9bcae;font:700 .43rem/1.05 'Chakra Petch','Anuphan',sans-serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.guide-pitch-slot.is-role-slot{z-index:2;width:58px;min-height:34px;border-color:var(--gold);background:linear-gradient(135deg,#a8f27a,#78d050);color:#06170d;box-shadow:0 0 0 4px rgba(140,219,104,.13),0 5px 14px rgba(0,0,0,.34);animation:guideSlotPulse 1.5s ease-in-out infinite}
.guide-pitch-slot.is-role-slot small{overflow:hidden;color:#16351e;font-weight:900}
.guide-partner-summary{display:grid;gap:5px;padding:8px 9px;border:1px solid rgba(241,200,77,.2);border-radius:9px;background:rgba(241,200,77,.045)}
.guide-partner-summary>b{color:var(--gold);font:900 .56rem/1.2 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.06em}
.guide-partner-summary>div{display:flex;flex-wrap:wrap;gap:5px}
.guide-partner-summary span{padding:3px 7px;border-radius:999px;background:rgba(140,219,104,.1);color:#c9d9cc;font-size:.56rem;line-height:1.35}
.guide-partner-summary span b{color:var(--green);font-family:'Chakra Petch',sans-serif}
.role-guide-dialog button,.role-guide-dialog a{transition:transform .16s ease,filter .16s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.role-guide-dialog button:active,.role-guide-dialog a:active{transform:scale(.96)}
.role-guide-dialog-shell.guide-action-running{animation:guideActionPulse .5s ease-out}
@keyframes guideMapReveal{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes guideSlotPulse{50%{box-shadow:0 0 0 7px rgba(140,219,104,.07),0 5px 14px rgba(0,0,0,.34)}}
@keyframes guideActionPulse{0%,100%{box-shadow:0 28px 90px rgba(0,0,0,.74)}35%{box-shadow:0 28px 90px rgba(0,0,0,.74),0 0 0 2px rgba(140,219,104,.3)}}

.player-head-actions{display:flex;align-items:center;gap:8px;}
.change-player{padding:10px 13px;font-size:.72rem;}

@media(max-width:700px){
  .player-results-panel .result-list{grid-template-columns:1fr;}
  .position-guide-head{align-items:flex-start;display:grid;}
  .guide-position-picker{width:100%;grid-template-columns:1fr auto;}
  .player-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .player-head-actions .primary-action{width:auto;}
}

@media(max-width:440px){
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px;margin:12px 0!important;}
  .fact{min-height:58px;padding:7px 6px!important;border-radius:8px!important;}
  .fact span{font-size:.57rem!important;line-height:1.25;}
  .fact strong{margin-top:3px;font-size:.7rem!important;line-height:1.25;overflow-wrap:anywhere;}
  .player-head-actions{grid-template-columns:1fr;}
  .player-head-actions .primary-action,.player-head-actions .change-player{width:100%;}
}

/* Full-audit player discovery and profile refinements */
[hidden]{display:none!important;}
.hero h1{font-size:clamp(1.45rem,2.8vw,1.9rem);line-height:1.1;letter-spacing:-.02em;}
.hero>p:not(.eyebrow){max-width:760px;font-size:1rem;line-height:1.7;}
.section-heading.compact{align-items:flex-start;text-align:left;}
.section-heading.compact>div{width:100%;text-align:left;}
.section-heading.compact h2,.section-heading.compact p{text-align:left;}
.search-grid{grid-template-columns:minmax(280px,1.4fr) minmax(250px,.9fr) minmax(135px,.45fr) minmax(190px,.65fr);align-items:end;}
.search-wrap{position:relative;display:flex;align-items:center;}
.search-wrap input{padding-right:84px;}
.search-wrap input::-webkit-search-cancel-button{display:none;}
.search-wrap>button.search-clear{position:absolute;right:5px;top:5px;min-width:68px;height:38px;padding:0 11px;border:1px solid rgba(166,239,114,.78);border-radius:9px;background:rgba(140,219,104,.14);color:var(--green);font:800 .68rem 'Chakra Petch',sans-serif;cursor:pointer;}
.search-wrap>button.search-clear:hover,.search-wrap>button.search-clear:focus-visible{background:var(--green);color:#06130c;outline:none;}
.search-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:13px;border:1px solid rgba(166,239,114,.75);border-radius:11px;background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;font:800 .9rem 'Chakra Petch',sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(140,219,104,.12);}
.search-submit:hover{filter:brightness(1.05);box-shadow:0 10px 24px rgba(140,219,104,.2);}
.search-submit span{font-size:1.15rem;}
.position-filter-group{display:grid;grid-template-columns:minmax(130px,1fr) minmax(135px,1fr);gap:8px;align-items:end;}
button.switch-row.compact-switch{min-height:48px;margin:0;padding:7px 9px;gap:7px;}
button.switch-row.compact-switch .switch-ui{width:38px;height:22px;}
button.switch-row.compact-switch .switch-ui:after{width:14px;height:14px;}
button.switch-row.compact-switch[aria-checked="true"] .switch-ui:after{left:19px;}
button.switch-row.compact-switch strong{font-size:.68rem;}
button.switch-row.compact-switch small{font-size:.58rem;}
button.switch-row.compact-switch .switch-state{display:none;}
.result-profile,.similar-portrait{overflow:hidden;}
.result-profile img,.similar-portrait img,.owned-card-thumbnail img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 5px 6px rgba(0,0,0,.34));}
.result-profile,.similar-portrait{position:relative;}
.portrait-initials{
  position:absolute;
  inset:0;
  display:grid!important;
  place-items:center;
  color:var(--green)!important;
  font-family:'Chakra Petch',sans-serif;
  font-size:.62rem!important;
  font-weight:800;
  letter-spacing:.03em;
}
.result-profile svg,.similar-portrait svg{opacity:.42;}
.player-card-visual{display:grid;place-items:center;width:126px;min-width:126px;align-self:stretch;}
.player-card-visual>img{display:block;width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.42));}
.player-card-visual>.avatar{width:74px;height:74px;}
.avatar{width:74px;height:74px;border-radius:14px;background:linear-gradient(145deg,rgba(140,219,104,.18),rgba(5,23,13,.8));}
.avatar img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;}
.story-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border:1px solid rgba(242,193,78,.38);border-radius:8px;background:rgba(242,193,78,.06);color:var(--gold);font:700 .68rem 'Chakra Petch',sans-serif;cursor:pointer;}
.story-toggle-icon{display:grid;place-items:center;width:18px;height:18px;flex:none;}
.story-toggle-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.profile-copy{min-width:0;}
.profile-story{width:100%;margin:11px 0 0;padding:13px;text-align:left;border:1px solid rgba(242,193,78,.4);}
.story-paragraphs{display:grid;gap:10px;}
.story-paragraphs p{margin:0;max-width:86ch;}
.meta-support-note{margin:9px 0 0;color:var(--gold);font:700 .72rem 'Chakra Petch',sans-serif;}
.new-card-strip-panel{margin-top:14px;padding:20px 20px 18px;border:1px solid rgba(226,241,229,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,40,25,.96),rgba(9,29,17,.96));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.database-scope-note{margin:5px 0 -8px;color:var(--muted);font:600 .68rem/1.35 'Anuphan',sans-serif;text-align:center;letter-spacing:.01em}
.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}

/* Team Guide keeps Player Review structure but receives its own gold hierarchy. */
body.team-suggestion-mode .team-view-only,
body.team-suggestion-mode .team-suggestion-hero,
body.team-suggestion-mode .owned-section,
body.team-suggestion-mode .squad-plans{border-color:rgba(232,188,54,.46)!important;background:linear-gradient(145deg,rgba(4,25,14,.94),rgba(1,13,8,.96))!important;box-shadow:0 16px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,236,166,.035)!important}
body.team-suggestion-mode .coach-step-number{border-color:#f2ce62!important;background:linear-gradient(145deg,#ffe99b,#d9a52e)!important;color:#081109!important}
body.team-suggestion-mode #searchSubmit,
body.team-suggestion-mode .team-budget-modes button.active{border-color:#f2ce62!important;background:linear-gradient(135deg,#ffe99b 0%,#e9bd46 52%,#c98e1d 100%)!important;color:#081109!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 20px rgba(197,137,21,.18)!important}
body.team-suggestion-mode .owned-card,
body.team-suggestion-mode .squad-plan-card{border-color:rgba(211,177,81,.3)!important;background:linear-gradient(135deg,rgba(2,19,11,.96),rgba(1,12,7,.98))!important}
body.team-suggestion-mode .team-guide-recommendation-controls{border-color:rgba(232,188,54,.35);background:rgba(1,14,8,.72)}
body.team-suggestion-mode .team-latest-strip .mini-card-choice{grid-template-rows:150px auto auto auto;flex-basis:128px;padding:10px 8px 8px;border-radius:14px}
body.team-suggestion-mode .team-latest-strip .mini-card-art-action,
body.team-suggestion-mode .team-latest-strip .mini-card-art-action .full-card-thumbnail{height:150px}
body.team-suggestion-mode .team-latest-strip .mini-card-choice>strong{font-size:.72rem}
body.team-suggestion-mode .team-latest-strip .mini-card-choice>small{font-size:.62rem}
.mini-section-head{display:grid;gap:2px;margin-bottom:3px}
.new-cards-title-row{display:flex;align-items:center;gap:8px}
.new-card-strip-panel #latestCardsTitle{color:var(--stadium-gold,#f2c14e)}
.new-card-strip-panel .new-cards-title-row .latest-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:25px;margin:0;padding:3px 10px;border:1px solid rgba(140,219,104,.52)!important;border-radius:999px;background:rgba(140,219,104,.055)!important;color:var(--green)!important;font:800 .61rem 'Chakra Petch',sans-serif;white-space:nowrap;box-shadow:none!important}
.new-card-strip-panel .new-cards-title-row .latest-expand-trigger:hover,.new-card-strip-panel .new-cards-title-row .latest-expand-trigger:focus-visible{border-color:var(--green)!important;background:rgba(140,219,104,.12)!important}
.mini-section-head h2{margin:0;color:var(--text);font-size:1.25rem}
.new-cards-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 3px;color:var(--muted);font-size:.72rem;text-align:left}
.new-cards-meta span{white-space:nowrap}
.new-cards-meta span:last-child{margin-left:auto;text-align:right}
.new-cards-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border:1px solid rgba(242,193,78,.58);border-radius:999px;background:rgba(242,193,78,.13);color:var(--gold);font:800 .62rem/1 'Chakra Petch',sans-serif;letter-spacing:.05em;box-shadow:0 0 16px rgba(242,193,78,.15)}
.mini-card-strip{display:flex;gap:12px;overflow-x:auto;padding:0 2px 10px;scroll-snap-type:x proximity;scrollbar-color:rgba(140,219,104,.35) transparent}
.mini-card-choice{position:relative;display:grid;grid-template-rows:150px auto;flex:0 0 128px;scroll-snap-align:start;min-width:0;border:1px solid var(--line);border-radius:14px;padding:10px 8px 8px;background:linear-gradient(180deg,rgba(21,54,32,.78),rgba(5,20,11,.92));color:var(--text);text-align:center}
.mini-card-art-action{display:block;width:100%;height:150px;border:0;padding:0;background:transparent;cursor:pointer}
.mini-card-art-action .full-card-thumbnail{display:block;width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.42));transition:transform .18s ease,filter .18s ease}
.mini-card-art-action:hover .full-card-thumbnail,.mini-card-art-action:focus-visible .full-card-thumbnail{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 11px 11px rgba(0,0,0,.5))}
.mini-card-choice>strong{overflow:hidden;margin-top:2px;font:700 .72rem 'Chakra Petch',sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mini-card-choice>small{color:var(--muted);font-size:.62rem}
.mini-card-shard{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin-top:3px;color:#08dcff;font:800 .62rem/1.2 'Chakra Petch',sans-serif;white-space:nowrap}
.mini-card-shard img{display:block;width:15px;height:15px;flex:0 0 15px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.52))}
.mini-card-shard b{overflow:hidden;text-overflow:ellipsis}
.mini-card-shard.unavailable{color:#08dcff;font-size:.56rem}
.mini-compare-action{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:7px;border:1px solid rgba(140,219,104,.4);border-radius:9px;padding:6px 5px;background:rgba(140,219,104,.08);color:var(--green);font:800 .65rem 'Chakra Petch',sans-serif;cursor:pointer}
.mini-compare-action:hover{background:var(--green);color:#07140d}
.analyse-action-icon{display:block;width:18px;height:18px;object-fit:contain;transition:filter .16s ease}
.latest-analyse-action:hover .analyse-action-icon,.latest-analyse-action:focus-visible .analyse-action-icon{filter:brightness(0) saturate(100%)}
.latest-support-note{margin:7px 2px 0;color:var(--green);font:700 .68rem/1.55 'Chakra Petch',sans-serif}
.latest-expand-trigger,.latest-more-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;border:1px solid rgba(137,232,95,.55);border-radius:11px;background:rgba(137,232,95,.07);color:var(--green);font:800 .76rem 'Chakra Petch',sans-serif;cursor:pointer}.latest-expand-trigger:hover,.latest-more-button:hover{background:rgba(137,232,95,.14);border-color:var(--green)}
.latest-expanded{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.latest-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.latest-expanded-head strong{font:800 .92rem 'Chakra Petch',sans-serif}.latest-expanded-head span{color:var(--muted);font-size:.7rem}.latest-row-list{display:grid;gap:9px}.latest-row-card{display:grid;grid-template-columns:104px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-width:0;min-height:132px;border:1px solid var(--line);border-radius:14px;background:#071a0f;color:var(--text);padding:10px 14px;text-align:left;cursor:pointer}.latest-row-card:hover{border-color:var(--green);background:#10331d}.latest-row-art{display:grid;place-items:center;width:104px;height:110px}.latest-row-art>.ps-card-overlay,.latest-row-art>.ps-card-overlay>.full-card-thumbnail{width:104px!important;height:110px!important}.latest-row-art>.ps-card-overlay>.full-card-thumbnail{object-fit:contain}.latest-row-copy{display:grid;min-width:0;gap:3px}.latest-row-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .88rem 'Chakra Petch',sans-serif}.latest-row-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem}.latest-row-meta b{color:var(--green)}.latest-row-meta i{font-style:normal}.latest-row-copy>small{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.latest-row-arrow{color:var(--green);font-size:1rem;text-align:right}
@media(max-width:600px){.latest-row-list{min-width:0}.latest-row-card{grid-template-columns:84px minmax(0,1fr) 18px;min-height:116px;gap:9px;padding:8px 10px}.latest-row-art{width:84px;height:96px}.latest-row-art>.ps-card-overlay,.latest-row-art>.ps-card-overlay>.full-card-thumbnail{width:84px!important;height:96px!important}.latest-row-copy{width:100%;min-width:0;overflow:hidden}.latest-row-copy>strong{font-size:.76rem}.latest-row-meta{align-items:flex-start;flex-direction:column;gap:0;min-width:0;font-size:.64rem}.latest-row-copy>small{display:block;max-width:100%;font-size:.62rem}}
.review-verdict{margin:12px 0 16px;}
.property-section{padding:17px;border:1px solid rgba(140,219,104,.2);border-radius:13px;background:rgba(0,0,0,.1);}
.property-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.skill-route{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:12px;padding:16px;border:1px solid rgba(140,219,104,.46);border-radius:12px;background:linear-gradient(145deg,rgba(140,219,104,.1),rgba(7,26,15,.8));}
.skill-step{display:grid;grid-template-columns:28px 1fr;gap:2px 9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;background:#06170d;}
.skill-step b{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:#06130c;}
.skill-step strong{font-family:'Chakra Petch',sans-serif;}
.skill-step small{color:var(--muted);}
.route-arrow{color:var(--green);font-size:1.3rem;font-weight:900;}
.skill-route>p{grid-column:1/-1;margin:0;color:#c9d6cd;font-size:.84rem;}
.all-stats{padding:14px;border:1px solid rgba(140,219,104,.4);border-radius:12px;background:rgba(140,219,104,.05);}
.all-stats summary{display:flex;justify-content:space-between;gap:12px;font:800 .9rem 'Chakra Petch',sans-serif;}
.all-stats summary span{color:var(--text);font-size:.72rem;}
.similar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.similar-card{display:grid;grid-template-columns:72px minmax(0,1fr) 88px;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#071a0f;color:var(--text);text-align:left;cursor:pointer;}
.similar-card:hover{border-color:var(--green);background:#10331d;}
.similar-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.similar-portrait{display:grid;place-items:center;width:72px;height:78px;border-radius:8px;background:transparent;}
.similar-portrait>.ps-card-overlay,.similar-portrait>.ps-card-overlay>.full-card-thumbnail{width:72px!important;height:78px!important}
.similar-portrait svg{width:22px;height:22px;fill:none;stroke:var(--green);}
.similar-copy{display:grid;gap:2px;min-width:0;padding-left:6px;}
.similar-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.similar-card small{color:var(--muted);}
.similar-set{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar-actions{display:grid;gap:5px;width:88px}
.similar-action{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-height:27px;padding:3px 6px;border:1px solid rgba(137,232,95,.38);border-radius:7px;background:rgba(137,232,95,.055);color:var(--green);font:700 .54rem 'Chakra Petch',sans-serif;text-decoration:none;cursor:pointer}
.similar-action img{width:16px;height:16px;object-fit:contain}.similar-action:hover,.similar-action:focus-visible{border-color:var(--green);background:rgba(137,232,95,.13)}
.owned-chip{padding-left:8px;}
.owned-card-thumbnail{display:grid;place-items:center;width:38px;height:44px;flex:none;}

/* Footer reading guide stays visually grouped without another enclosing outline. */
.method-note{border:0!important;}

.player-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:18px;
  border:1px solid rgba(140,219,104,.28);
  border-bottom-width:1px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(20,53,32,.8),rgba(7,25,14,.72));
}
.identity{display:flex;align-items:flex-start;gap:15px;min-width:0;}
.identity>div:last-child{min-width:0;}
.identity h2{display:flex;align-items:baseline;gap:.3em;min-width:0;margin:.05em 0;font-size:1.5rem;white-space:nowrap;}
.identity h2 #playerNameText{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.identity p{margin:.12em 0;}
.player-head-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;width:100%;margin-top:12px;}
.player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{display:grid;place-items:center;min-width:132px;min-height:44px;padding:9px 13px;text-decoration:none;}
.player-head-actions .change-player,.player-head-actions .compare-player-action{font:800 .72rem/1.25 'Chakra Petch',sans-serif;}
.player-head-actions .compare-player-action{grid-template-columns:22px auto;gap:7px;color:var(--green)}
.player-head-actions .compare-player-action img{display:block;width:22px;height:23px;object-fit:contain}
#playerReview{scroll-margin-top:12px}
.profile-story{
  grid-column:1/-1;
  width:100%;
  margin:11px 0 0;
  padding:13px;
  border-top:1px solid rgba(242,193,78,.4);
}
.primary-properties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 17px;}
.primary-properties .property-section{margin:0;padding:13px;border:1px solid rgba(140,219,104,.22);border-radius:11px;background:rgba(0,0,0,.11);}
.primary-properties .property-section h3{margin:0;font-size:1rem;font-weight:700;letter-spacing:.015em;}
.property-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;}
.property-toggle{flex:none;padding:5px 8px;border:1px solid rgba(140,219,104,.32);border-radius:8px;background:rgba(140,219,104,.06);color:var(--green);font:700 .61rem 'Chakra Petch',sans-serif;cursor:pointer;}
.property-toggle:hover,.property-toggle[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.13);}
.primary-properties .property-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.primary-properties .property-item{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:8px!important;}
.primary-properties .property-icon{width:28px;height:28px;}
.primary-properties .property-icon svg{width:16px;height:16px;}
.primary-properties .playstyle-card{grid-template-columns:44px minmax(0,1fr);overflow:hidden;}
.primary-properties .trait-card{grid-template-columns:44px minmax(0,1fr);overflow:hidden;}
.primary-properties .playstyle-icon{
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.46));
}
.primary-properties .trait-icon{
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.4));
}
.primary-properties .trait-icon .trait-emblem{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  transform:scale(1.04);
  transform-origin:center;
  transition:transform .18s ease;
}
.trait-card:hover .trait-emblem{transform:scale(1.1);}
.primary-properties .playstyle-icon .playstyle-emblem{
  display:block;
  width:44px;
  height:40px;
  margin-inline:-1px;
  object-fit:contain;
  transform:scale(1.08);
  transform-origin:center;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.42));
}
.playstyle-card.playstyle-level-1 .playstyle-emblem:not([src*="-silver.svg"]){
  filter:grayscale(1) saturate(0) brightness(1.24) contrast(.88) drop-shadow(0 4px 5px rgba(0,0,0,.42));
}
.playstyle-card.playstyle-level-1 .playstyle-emblem[src*="-silver.svg"]{filter:contrast(1.12) drop-shadow(0 4px 5px rgba(0,0,0,.42));}
.playstyle-card:hover .playstyle-emblem{transform:scale(1.13);}
.playstyle-card .level{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:1px 6px;
  border:1px solid rgba(214,222,226,.62);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(236,241,244,.16),rgba(154,165,172,.08));
  color:#dce4e8;
}
.playstyle-card .level.level-2{
  border-color:rgba(242,193,78,.72);
  background:linear-gradient(145deg,rgba(255,220,116,.2),rgba(180,124,22,.09));
  color:#f6cf62;
  box-shadow:0 0 12px rgba(242,193,78,.12);
}
.playstyle-card .level.level-3{
  border-color:rgba(170,160,255,.78);
  background:linear-gradient(145deg,rgba(196,188,255,.22),rgba(98,82,196,.1));
  color:#c9c2ff;
  box-shadow:0 0 12px rgba(150,136,255,.16);
}
.primary-properties .property-item strong{font-size:.76rem;line-height:1.25;overflow-wrap:anywhere;}
.property-detail{display:none;margin:5px 0 0!important;color:var(--muted);font-size:.72rem!important;line-height:1.5;}
.property-section.expanded .property-detail{display:block;}
.property-section.expanded .property-item{align-items:start;min-height:82px;}
.primary-properties .property-item p{font-size:.75rem;line-height:1.5;}
button.switch-row.compact-switch{height:45px;min-height:45px;max-height:45px;}
@media(max-width:900px){
  .skill-tree-layout.expanded{grid-template-columns:1fr;}
  .skill-tree-layout.expanded .skill-tree-core:after{content:"↓";right:14px;top:auto;bottom:-21px;translate:0;}
  .skill-tree-branches{grid-template-columns:repeat(2,minmax(0,1fr));}
  .search-grid{grid-template-columns:1fr 1fr;}
  .search-field{grid-column:1/-1;}
  .player-head{grid-template-columns:1fr;}
  .player-head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}
  .player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{
    width:100%;
    min-width:0;
  }
}
@media(max-width:700px){
  .skill-tree-heading{display:flex;}
  .skill-tree-branches{grid-template-columns:1fr;}
  .role-verdict{grid-template-columns:1fr!important;}
  .role-skill-path{display:flex;gap:9px;}
  .hero h1{font-size:clamp(1.35rem,6.2vw,1.7rem);}
  .search-grid{grid-template-columns:1fr;}
  .search-field{grid-column:auto;}
  .property-grid,.similar-list{grid-template-columns:1fr;}
  .skill-route{grid-template-columns:1fr;}
  .route-arrow{transform:rotate(90deg);justify-self:center;}
  .skill-route>p{grid-column:auto;}
  .player-head{grid-template-columns:1fr;padding:14px;}
  .identity{display:grid;grid-template-columns:1fr;width:100%;}
  .player-card-visual{width:100%;min-width:0;min-height:210px;}
  .player-card-visual>img{width:min(250px,78vw);height:210px;}
  .player-card-visual>.avatar{width:76px;height:76px;}
  .identity>div:last-child{text-align:center;}
  .identity h2{justify-content:center;flex-wrap:nowrap;width:100%;font-size:clamp(1.15rem,6vw,1.5rem);}
  .story-toggle{margin-inline:auto;}
  .player-head-actions{grid-template-columns:1fr 1fr;}
  .player-head-actions .primary-action{grid-column:1/-1;}
  .profile-story{text-align:left;}
  .primary-properties{grid-template-columns:1fr;}
  .explain-head{min-height:28px;padding-right:96px;}
  .explain-head .stat-level{position:absolute;top:10px;right:10px;}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
  .shell{width:min(var(--site-shell),calc(100% - 28px));}
  .player-head{gap:12px;padding:13px;}
  .identity{display:grid;grid-template-columns:112px minmax(0,1fr);width:100%;}
  .player-card-visual{width:112px;min-width:112px;min-height:126px;}
  .player-card-visual>img{width:112px;height:126px;}
  .identity>div:last-child{text-align:left;}
  .identity h2{justify-content:flex-start;font-size:1.2rem;}
  .story-toggle{margin-inline:0;}
  .player-head-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
  .player-head-actions .primary-action{grid-column:auto;}
}
@media (orientation:landscape) and (max-height:720px) and (min-width:901px) and (max-width:1180px){
  .player-head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:10px;
  }
  .identity{
    display:grid;
    grid-template-columns:138px minmax(210px,1fr);
    align-items:start;
    gap:14px;
  }
  .player-card-visual{
    width:138px;
    min-width:138px;
    min-height:158px;
    align-self:start;
  }
  .player-card-visual>img{width:138px;height:158px;}
  .profile-copy{min-width:0;}
  .profile-story{margin-top:10px;padding:11px;}
  .profile-story h3{font-size:.9rem;}
  .profile-story p{font-size:.76rem;line-height:1.58;}
  .player-head-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    margin-top:10px;
  }
  .player-head-actions .primary-action,
  .player-head-actions .change-player,
  .player-head-actions .compare-player-action{
    width:100%;
    min-width:0;
    white-space:normal;
  }
}
@media(max-width:440px){
  .profile-skill-tree{padding:11px;}
  .skill-tree-branches{grid-template-columns:1fr;gap:6px;}
  .skill-tree-core,.skill-tree-node{padding:9px;}
  .skill-stat-chip{font-size:.54rem;}
  .position-filter-group{grid-template-columns:1fr;}
  button.switch-row.compact-switch{width:100%;height:48px;min-height:48px;max-height:48px;}
  button.switch-row.compact-switch strong,button.switch-row.compact-switch small{white-space:nowrap;}
  .avatar{width:62px;height:62px;}
  .player-card-visual{min-height:190px;}
  .player-card-visual>img{height:190px;}
  .all-stats summary{display:grid;}
  .primary-properties .property-list{grid-template-columns:1fr;}
  .player-head-actions{grid-template-columns:1fr 1fr;min-width:0;width:100%;}
  .player-head-actions .primary-action{grid-column:1/-1;}
  .player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{width:100%;min-width:0!important;max-width:100%;white-space:normal;}
  .identity{align-items:center;}
  .percentile-legend{grid-template-columns:repeat(2,minmax(0,1fr));}
  .group-row{grid-template-columns:92px 1fr 90px;}
}

/* Numbered section rhythm shared with FC Tactic Coach */
.coach-step-heading{
  display:grid;
  grid-template-columns:56px minmax(0,auto) minmax(42px,1fr) auto;
  align-items:start;
  gap:0 16px;
  margin-bottom:20px;
  padding-bottom:0;
}
.coach-step-heading::after{display:none;}
.coach-step-number{
  display:grid;
  grid-row:1 / 3;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid rgba(180,246,112,.52);
  border-radius:14px;
  background:linear-gradient(145deg,#a4ed6c,#79d747);
  box-shadow:0 10px 24px rgba(92,192,67,.16);
  color:#06130c;
  font:800 1.08rem/1 "Chakra Petch","Anuphan",sans-serif;
}
.coach-step-copy{min-width:0;}
.section-heading.compact>.coach-step-copy{width:auto;}
.coach-step-copy .step{display:none;}
.coach-step-copy h2{
  margin:11px 0 0;
  color:var(--text);
  font-size:clamp(1.2rem,2.4vw,1.55rem);
  line-height:1.25;
}
.coach-step-copy>p:not(.step){
  max-width:690px;
  margin:9px 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.65;
}
.coach-step-line{
  align-self:start;
  height:3px;
  margin-top:27px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(132,218,91,.88),rgba(132,218,91,.13) 76%,transparent);
}
.coach-step-heading>.count{
  align-self:start;
  margin-top:12px;
}
.team-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;}
.clear-team-button{min-height:31px;padding:5px 11px;border:1px solid rgba(242,193,78,.5);border-radius:999px;background:rgba(242,193,78,.08);color:var(--gold);font:800 .68rem 'Chakra Petch',sans-serif;white-space:nowrap;cursor:pointer;}
.clear-team-button:hover,.clear-team-button:focus-visible{border-color:var(--gold);background:rgba(242,193,78,.16);}
.clear-team-button:disabled{border-color:var(--line);background:rgba(226,241,229,.04);color:var(--muted);cursor:not-allowed;opacity:.55;}
.player-profile-step{margin-bottom:16px;}
.player-review .player-head #reviewStep{display:none;}

/* Full Player Review — progressive disclosure for the third reading layer */
.full-review-section{padding-top:18px;}
.full-review-details{border:1px solid rgba(140,219,104,.34);border-radius:14px;background:linear-gradient(145deg,rgba(140,219,104,.08),rgba(7,24,14,.35));overflow:hidden;}
.full-review-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;}
.full-review-details>summary::-webkit-details-marker{display:none;}
.full-review-details>summary span{display:grid;gap:2px;}
.full-review-details>summary strong{color:var(--text);font:700 1rem 'Chakra Petch',sans-serif;}
.full-review-details>summary small{color:var(--muted);font-size:.76rem;}
.full-review-details>summary b{color:var(--green);transition:transform .18s ease;}
.full-review-details[open]>summary b{transform:rotate(180deg);}
.full-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px;}
.full-review-card{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:0;padding:13px;border:1px solid rgba(226,241,229,.11);border-radius:11px;background:rgba(4,17,10,.46);}
.full-review-index{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(140,219,104,.14);color:var(--green);font:700 .72rem 'Chakra Petch',sans-serif;}
.full-review-card strong{display:block;color:var(--green);font:700 .88rem 'Chakra Petch',sans-serif;}
.full-review-card p{margin:5px 0 0;color:#cbd6ce;font-size:.83rem;line-height:1.7;}

@media(max-width:720px){
  .full-review-grid{grid-template-columns:1fr;}
}
.player-head h2{display:block;}
.card-series-label{display:inline;color:#a9bbb0;font:700 .66em/1 "Chakra Petch","Anuphan",sans-serif;letter-spacing:.015em;white-space:nowrap;}
.result-card strong .card-series-label,.similar-card strong .card-series-label,.owned-chip strong .card-series-label{display:inline;color:var(--muted);font-size:.78em;}

@media(max-width:700px){
  .coach-step-heading{
    grid-template-columns:48px minmax(0,1fr);
    gap:0 12px;
  }
  .coach-step-number{
    grid-row:1;
    width:48px;
    height:48px;
    border-radius:12px;
    font-size:.98rem;
  }
  .coach-step-copy{grid-column:2;}
  .coach-step-copy h2{
    margin-top:8px;
    font-size:clamp(1.08rem,5vw,1.28rem);
  }
  .coach-step-line{
    grid-column:2;
    height:2px;
    margin-top:10px;
  }
  .coach-step-heading>.count{
    grid-column:2;
    justify-self:start;
    margin-top:10px;
  }
  .team-heading-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap;margin-top:10px;}
  .formation-fit{
    position:relative;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding-right:72px!important;
  }
  .formation-fit .formation-name{padding-right:8px;}
  .formation-fit p{grid-column:2/-1;}
  .formation-fit>.score{
    position:absolute;
    top:13px;
    right:12px;
    text-align:right;
  }
  .squad-plan{position:relative;padding-right:72px!important;}
  .squad-plan>.score{
    position:absolute;
    top:13px;
    right:12px;
    text-align:right;
  }
}

/* Compact Player Review rhythm — aligned with FC Tactic Coach */
.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
  margin-top:14px;
  padding:20px;
  border-radius:18px;
}
.team-suggestion-intro{display:grid;gap:18px;margin-top:14px;padding:24px;border:1px solid rgba(140,219,104,.34);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(140,219,104,.12),transparent 34%),linear-gradient(145deg,rgba(12,43,24,.98),rgba(4,20,11,.98));box-shadow:0 18px 42px rgba(0,0,0,.2);}
.team-suggestion-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.team-suggestion-heading h1{margin:3px 0 4px;font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.12;}
.team-suggestion-heading p:last-child{margin:0;color:var(--muted);}
.team-suggestion-count{display:grid;place-items:center;min-width:88px;min-height:42px;padding:8px 14px;border:1px solid rgba(140,219,104,.54);border-radius:999px;color:var(--green);font:800 .82rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.recent-player-block{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(180px,240px);align-items:center;gap:22px;padding:16px 18px;border:1px solid rgba(226,241,229,.12);border-radius:16px;background:rgba(3,18,10,.58);}
.recent-player-copy{display:grid;gap:4px;min-width:0;}
.recent-player-copy>span{color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.recent-player-copy>strong{overflow:hidden;font:800 clamp(1.25rem,2.4vw,1.85rem) 'Chakra Petch',sans-serif;text-overflow:ellipsis;white-space:nowrap;}
.recent-player-copy>small{color:var(--muted);font-size:.76rem;}
.recent-player-card{display:grid;place-items:center;width:150px;height:164px;}
.recent-player-card>.ps-card-overlay,.recent-player-card>.ps-card-overlay>.full-card-thumbnail{width:150px!important;height:164px!important;object-fit:contain;}
.recent-player-add{width:100%;min-height:48px;}
.team-latest-block{display:grid;gap:4px;min-width:0;padding:16px 18px;border:1px solid rgba(226,241,229,.12);border-radius:16px;background:rgba(3,18,10,.58);}
.team-latest-block .mini-section-head{min-width:0;margin-bottom:0;}
.team-latest-block .new-cards-title-row{min-width:0;flex-wrap:wrap;}
.team-latest-block .new-cards-meta{display:block;min-width:0;width:100%;line-height:1.45;}
.team-latest-block .new-cards-meta span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;}
.team-latest-strip{min-width:0;padding-bottom:8px;}
.team-latest-strip .mini-card-choice{margin-top:0;}
.team-latest-choice{grid-template-rows:150px auto auto auto;}
.team-latest-choice.in-team{border-color:rgba(140,219,104,.68);box-shadow:inset 0 0 0 1px rgba(140,219,104,.14);}
.team-latest-add{min-height:36px;padding-inline:4px;line-height:1.25;}
.team-latest-add[aria-pressed="true"]{background:rgba(140,219,104,.2);color:#e9ffe2;}
.player-review{font-size:.88rem;}
.player-review article{margin-top:18px;padding-top:17px;}
.player-review article h3{margin-bottom:9px;font-size:1rem;}
.player-review article h4{font-size:.9rem;}
.player-review article p{font-size:.86rem;line-height:1.68;}
.analysis-lead p{font-size:.9rem!important;}
.facts{margin:14px 0;}
.narrative-grid{gap:9px;}
.narrative-grid>div,.skill-path{padding:11px;}
.full-review-details>summary{padding:13px 15px;}
.full-review-grid{gap:8px;padding:0 11px 11px;}
.full-review-card{padding:11px;}
.player-story{margin-top:18px;padding:13px;}

@media(max-width:700px){
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
    padding:14px;
    border-radius:14px;
  }
  .player-results-panel .result-style{display:none!important;}
  .mini-card-choice{flex-basis:118px;}
  .player-review{font-size:.83rem;}
  .player-review article{margin-top:15px;padding-top:14px;}
  .player-review article h3{font-size:.94rem;}
  .player-review article p{font-size:.81rem;line-height:1.62;}
  .analysis-lead p{font-size:.84rem!important;}
  .player-head{gap:12px;padding:12px;}
  .identity h2{font-size:clamp(1.05rem,5.4vw,1.34rem);}
  .player-card-visual{min-height:185px;}
  .player-card-visual>img{width:min(220px,72vw);height:185px;}
  .facts{margin:12px 0;}
  .fact{padding:8px;}
  .fact strong{font-size:.78rem;}
  .headline-stat-block{padding:10px;}
  .headline-stat strong{font-size:1.18rem;}
  .primary-properties .property-section{padding:10px;}
}
@media(max-width:700px){
  .header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;border-radius:999px;overflow:visible;}
  .header-card .product-nav a{width:auto;min-width:0;min-height:52px;flex-direction:column;gap:0;padding:6px 2px;font-size:.53rem;line-height:1.15;text-align:center;white-space:normal;}
  .header-card .product-nav .tab-line{display:block;}
  .team-suggestion-intro{padding:16px;border-radius:15px;}
  .team-suggestion-heading{align-items:start;flex-direction:column;gap:10px;}
  .team-suggestion-count{min-width:78px;min-height:36px;}
  .team-latest-block{padding:13px;}
  html[lang="en"] .team-latest-block .new-cards-title-row{align-items:flex-start;row-gap:4px;}
}

/* Tablet discovery form: two balanced rows without intrinsic-width overflow. */
.search-grid>*{min-width:0;}
@media (min-width:701px) and (max-width:1660px){
  .search-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;}
  .search-grid .search-field{grid-column:auto;}
  .position-filter-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;}
  .search-grid .field,.search-grid .playstyle-filter-field,.search-grid select,.search-grid input{min-width:0;}
}

/* Selected-squad formation preview */
.team-guide-recommendation-controls{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0 12px;padding:10px;border:1px solid rgba(140,219,104,.28);border-radius:12px;background:rgba(3,18,10,.5);}
.team-signature-control{display:flex;align-items:center;gap:8px;min-height:30px;padding:1px 2px;color:var(--text);font:700 .7rem 'Chakra Petch',sans-serif;cursor:pointer;}
.team-signature-control input{position:absolute;width:1px;height:1px;opacity:0;}
.team-control-check{position:relative;flex:0 0 34px;width:34px;height:20px;border:1px solid rgba(140,219,104,.48);border-radius:999px;background:rgba(226,241,229,.1);transition:.18s ease;}
.team-control-check::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#dce9de;transition:.18s ease;}
.team-signature-control input:checked+.team-control-check{background:rgba(140,219,104,.36);}
.team-signature-control input:checked+.team-control-check::after{left:17px;background:var(--green);}
.team-signature-control input:focus-visible+.team-control-check{outline:2px solid var(--green);outline-offset:3px;}
.team-budget-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.team-budget-modes button{display:grid;grid-template-rows:auto auto;place-items:center;gap:1px;min-height:58px;padding:6px 10px;border:1px solid rgba(140,219,104,.35);border-radius:11px;background:rgba(140,219,104,.06);color:#a6b8aa;font:800 clamp(.7rem,1.1vw,.78rem)/1.15 'Chakra Petch',sans-serif;text-align:center;cursor:pointer;transition:.18s ease;}
.team-budget-icon{font:400 1.05rem/1 system-ui,sans-serif;}
.team-budget-modes button:hover,.team-budget-modes button:focus-visible{border-color:rgba(140,219,104,.58);background:rgba(140,219,104,.12);color:#dce9de;}
.team-budget-modes button.active{border-color:var(--green);background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;box-shadow:0 5px 14px rgba(140,219,104,.14);}
.team-guide-recommendation-controls>p{margin:0;padding-top:2px;border-top:1px solid rgba(226,241,229,.08);color:var(--muted);font-size:.66rem;line-height:1.4;}
.squad-plan-list{gap:0;}
.squad-plan-entry{display:grid;gap:10px;padding:4px 0 14px;border-bottom:1px solid var(--line);}
.squad-plan-entry:last-child{border-bottom:0;padding-bottom:0;}
.squad-plan-entry>.squad-plan{border-bottom:0;padding-bottom:4px;}
.squad-plan .squad-player-name{display:inline;color:#fff;font-size:inherit;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.35);}
.squad-lineup-primary{display:grid;gap:12px;margin:6px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.squad-lineup-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:1px solid rgba(140,219,104,.55);border-radius:11px;background:rgba(140,219,104,.08);color:var(--green);font:800 .76rem 'Chakra Petch',sans-serif;cursor:pointer;}
.squad-lineup-toggle:hover,.squad-lineup-toggle:focus-visible,.squad-lineup-toggle[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.15);}
.squad-lineup-toggle>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#06130c;font-size:.9rem;}
.squad-lineup-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(140,219,104,.34);border-radius:16px;background:linear-gradient(145deg,rgba(15,47,28,.78),rgba(5,20,12,.9));}
.squad-lineup-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;}
.squad-lineup-heading span{color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.squad-lineup-heading h3{margin:2px 0 0;font:800 1.15rem 'Chakra Petch',sans-serif;}
.squad-lineup-heading p{max-width:590px;margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;text-align:right;}
.squad-pitch{position:relative;width:min(100%,560px);aspect-ratio:3/4;margin-inline:auto;overflow:hidden;border:3px solid rgba(214,237,216,.68);border-radius:19px;background:repeating-linear-gradient(0deg,rgba(23,111,58,.94) 0,rgba(23,111,58,.94) 12.5%,rgba(20,98,52,.96) 12.5%,rgba(20,98,52,.96) 25%);box-shadow:inset 0 0 34px rgba(0,0,0,.18),0 18px 32px rgba(0,0,0,.22);}
.pitch-halfway{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(225,239,226,.62);}
.pitch-centre-circle{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;border:2px solid rgba(225,239,226,.62);border-radius:50%;transform:translate(-50%,-50%);}
.pitch-box{position:absolute;left:25%;width:50%;height:13%;border:2px solid rgba(225,239,226,.58);}
.pitch-box-top{top:-2px;border-top:0;}
.pitch-box-bottom{bottom:-2px;border-bottom:0;}
.lineup-player{position:absolute;z-index:2;left:var(--slot-x);top:var(--slot-y);display:grid;justify-items:center;width:clamp(54px,15%,82px);transform:translate(-50%,-50%);text-align:center;filter:drop-shadow(0 5px 7px rgba(0,0,0,.4));}
.lineup-card-wrap{position:relative;display:grid;place-items:center;width:100%;}
.lineup-card-art{display:grid;place-items:center;width:100%;height:clamp(58px,10vw,88px);}
.lineup-card-art img{display:block;width:100%;height:100%;object-fit:contain;}
.lineup-player-name{display:block;width:125%;margin-top:-4px;overflow:hidden;color:#fff;font:800 clamp(.52rem,1.05vw,.65rem)/1.15 'Chakra Petch',sans-serif;text-overflow:ellipsis;text-shadow:0 2px 4px #031309;white-space:nowrap;}
.lineup-player-meta{display:inline-flex;margin-top:2px;padding:2px 6px;border:1px solid rgba(220,237,222,.62);border-radius:999px;background:rgba(3,19,10,.86);color:#eff8f0;font:800 clamp(.48rem,.9vw,.59rem)/1.2 'Chakra Petch',sans-serif;white-space:nowrap;}
.recommended-player .lineup-card-art,.recommended-player .lineup-player-name,.recommended-player .lineup-player-meta{opacity:.5;}
.lineup-recommended-badge{position:absolute;z-index:4;top:50%;left:50%;display:inline-flex;padding:2px 6px;border-radius:999px;background:var(--gold);color:#161006;font:800 clamp(.43rem,.78vw,.54rem)/1.2 'Chakra Petch',sans-serif;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.28);}
.lineup-empty-slot{gap:3px;filter:none;opacity:.72;}
.lineup-empty-card{display:grid;place-items:center;width:56px;aspect-ratio:3/4;border:1px dashed rgba(242,193,78,.8);border-radius:9px;background:rgba(3,19,10,.72);color:var(--gold);font:800 .7rem 'Chakra Petch',sans-serif;}
.lineup-empty-slot>small{width:140%;color:#f2d891;font:700 clamp(.4rem,.7vw,.5rem)/1.2 'Chakra Petch',sans-serif;}
@media(max-width:700px){
  .team-guide-recommendation-controls{padding:9px;gap:5px;}
  .team-budget-modes{gap:7px;}
  .team-budget-modes button{min-height:56px;padding:5px 6px;border-radius:10px;font-size:clamp(.66rem,3vw,.74rem);}
  .team-signature-control{min-height:28px;font-size:.66rem;}
  .squad-lineup-panel{padding:12px 8px;}
  .squad-lineup-heading{display:grid;gap:5px;padding-inline:4px;}
  .squad-lineup-heading p{text-align:left;}
  .squad-pitch{max-width:460px;aspect-ratio:3/5;border-radius:14px;}
  .lineup-player{width:48px;}
  .lineup-player[data-slot="GK"]{top:85%;}
  .lineup-card-art{height:52px;}
  .lineup-player-name{font-size:.46rem;}
  .lineup-player-meta{padding:1px 4px;font-size:.43rem;}
  .lineup-recommended-badge{top:50%;padding:1px 5px;font-size:.4rem;}
}
@media(min-width:701px) and (max-width:1100px){
  .team-guide-recommendation-controls{grid-template-columns:1fr;}
}

/* Discovery form v4: two columns are the desktop contract. The position
   control contains two fields of its own, so a four-column parent can exceed
   the panel even when the viewport is wide or zoomed. */
.search-grid{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:14px;
  align-items:end;
}
.search-grid>*,
.search-grid .field,
.search-grid .playstyle-filter-field,
.search-grid .ps-filter,
.search-grid .ps-filter-trigger,
.position-filter-group>*{min-width:0;max-width:100%;}
.position-filter-group{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:10px;
}
button.switch-row.compact-switch{width:100%;min-width:0;overflow:hidden;}
button.switch-row.compact-switch>span:nth-child(2){min-width:0;overflow:hidden;}
button.switch-row.compact-switch strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:700px){
  .search-grid{grid-template-columns:1fr;}
  .position-filter-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}

@media(max-width:440px){
  .position-filter-group{grid-template-columns:1fr;}
}

/* Final iPad profile contract: later than landscape rules by design. */
@media (min-width:701px) and (max-width:1180px){
  .player-head .identity{display:grid;grid-template-columns:1fr;width:100%;justify-items:center;}
  .player-head .player-card-visual{width:100%;min-width:0;min-height:230px;}
  .player-head .player-card-visual>img{width:min(270px,42vw);height:230px;}
  .player-head .profile-copy{width:100%;text-align:center;}
  .player-head .identity h2{justify-content:center;flex-wrap:wrap;width:100%;white-space:normal;}
  .player-head .story-toggle{margin-inline:auto;}
  .player-head .player-head-actions{grid-template-columns:1fr 1fr;max-width:770px;margin-inline:auto;}
}

/* Stadium night visual pilot — Player Review only.  This layer deliberately
   changes presentation, never player data or shared ranking behaviour. */
#sharedHeader{
  --stadium-ink:#020a06;
  --stadium-panel:rgba(5,22,13,.9);
  --stadium-gold:#f1c84d;
  --stadium-gold-soft:rgba(241,200,77,.36);
}

body{
  position:relative;
  isolation:isolate;
  background-color:var(--stadium-ink);
  background-image:
    radial-gradient(ellipse 44% 24% at 50% 0%,rgba(40,97,55,.2),transparent 72%),
    radial-gradient(ellipse 28% 44% at 0% 18%,rgba(12,54,31,.28),transparent 76%),
    radial-gradient(ellipse 28% 44% at 100% 18%,rgba(12,54,31,.28),transparent 76%),
    linear-gradient(180deg,#020b06 0%,#06170d 42%,#020a06 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(122deg,rgba(238,248,218,.14) 0%,rgba(172,225,150,.055) 9%,transparent 23%) 0 0/50% 38% no-repeat,
    linear-gradient(238deg,rgba(238,248,218,.14) 0%,rgba(172,225,150,.055) 9%,transparent 23%) 100% 0/50% 38% no-repeat,
    radial-gradient(ellipse 84% 66% at 50% 63%,transparent 0 48%,rgba(241,200,77,.075) 48.2% 48.35%,transparent 48.55%),
    linear-gradient(90deg,transparent 49.9%,rgba(241,200,77,.055) 50%,transparent 50.1%);
}

.site-header{padding-top:30px;}
.header-card{
  border-color:var(--stadium-gold-soft);
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(241,200,77,.1) 50%,transparent 50.2%),
    linear-gradient(145deg,rgba(11,37,23,.96),rgba(2,15,8,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 52px rgba(0,0,0,.36);
}
.header-card::before,
.header-card::after{
  content:"";
  position:absolute;
  top:20px;
  width:132px;
  height:104px;
  border:0;
  border-radius:0;
  pointer-events:none;
  opacity:.64;
  background:
    radial-gradient(circle at 21% 23%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 42% 18%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 64% 24%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 30% 49%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 53% 47%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 75% 52%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px);
  filter:drop-shadow(0 0 9px rgba(217,244,190,.55));
}
.header-card::before{left:-13px;}
.header-card::after{right:-13px;transform:scaleX(-1);}
.headtop,.header-card .product-nav,.header-concept,.header-scope-note{position:relative;z-index:1;}
.header-card .product-nav{border-color:rgba(241,200,77,.44);background:rgba(1,10,5,.55);}
.header-card .product-nav a:hover{background:rgba(241,200,77,.09);color:var(--text);}
.header-card .product-nav a.active{
  background:linear-gradient(145deg,#f6dc84,#c9952d);
  color:#121006;
  box-shadow:0 5px 17px rgba(241,200,77,.2);
}
.langswitch{border-color:rgba(241,200,77,.34);background:rgba(1,10,5,.54);}
.langbtn.active{background:linear-gradient(145deg,#f6dc84,#c9952d);color:#121006;}
.header-concept{border-top-color:rgba(241,200,77,.2);}
.header-scope-note{color:#d9d4bb!important;}

.new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
  border-color:rgba(157,190,158,.22);
  background:linear-gradient(145deg,rgba(9,34,21,.94),rgba(3,18,10,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.22);
}
.new-card-strip-panel::before,.search-panel::before,.player-results-panel::before{
  background:linear-gradient(90deg,rgba(241,200,77,.7),rgba(241,200,77,.1) 65%,transparent)!important;
}
.new-cards-badge,.new-cards-title-row .new-cards-badge{
  border-color:rgba(241,200,77,.68)!important;
  background:rgba(241,200,77,.11)!important;
  color:var(--stadium-gold)!important;
}
.section-heading::after,.coach-step-line{background:linear-gradient(90deg,rgba(241,200,77,.82),rgba(241,200,77,.1) 72%,transparent);}
.section-heading .step,.player-head .step{background:rgba(241,200,77,.1);color:var(--stadium-gold);}
.coach-step-number{border-color:rgba(241,200,77,.55)!important;background:linear-gradient(145deg,#f6dc84,#c9952d)!important;color:#121006!important;box-shadow:0 7px 18px rgba(241,200,77,.14);}
.primary-action,.mini-card-choice .mini-compare-action,.latest-expand-trigger,.latest-more-button{
  border-color:rgba(241,200,77,.58)!important;
  background:linear-gradient(145deg,#f6dc84,#c9952d)!important;
  color:#121006!important;
}
.primary-action:hover,.mini-card-choice .mini-compare-action:hover,.latest-expand-trigger:hover,.latest-more-button:hover{filter:brightness(1.06);}
.field input,.field select{border-color:rgba(154,190,153,.42);background:rgba(1,12,7,.72);}
.field input:focus,.field select:focus{border-color:var(--stadium-gold);box-shadow:0 0 0 3px rgba(241,200,77,.12);}
.mini-card-choice,.result-card,.fact,.headline-stat,.narrative-grid>div,.skill-path{background:rgba(2,15,8,.62);}
.mini-card-choice:hover,.result-card:hover,.result-card.active{border-color:var(--stadium-gold);background:rgba(241,200,77,.055);}

@media(max-width:700px){
  .site-header{padding-top:18px;}
  .header-card{border-radius:18px;background:linear-gradient(145deg,rgba(8,32,20,.96),rgba(2,14,8,.98));}
  .header-card::before,.header-card::after{top:11px;width:68px;height:55px;opacity:.38;transform:scale(.68);}
  .header-card::before{left:-16px;transform:scale(.68);transform-origin:top left;}
  .header-card::after{right:-16px;transform:scaleX(-1) scale(.68);transform-origin:top right;}
  .header-card .product-nav{border-color:rgba(241,200,77,.34);}
  .header-card .product-nav a.active{box-shadow:0 4px 12px rgba(241,200,77,.16);}
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{border-color:rgba(157,190,158,.2);}
}

/* Mobile fidelity pass — follow the approved mockup proportions and hierarchy. */
@media(max-width:700px){
  body{
    background-color:#020a06;
    background-image:
      linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.18) 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;
  }
  body::before{display:none;}
  .shell{width:min(100% - 24px,var(--site-shell));}
  .site-header{padding-top:18px;}
  .header-card{
    padding:24px 18px 22px;
    border:1px solid rgba(241,200,77,.55);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(4,20,12,.89),rgba(1,11,6,.93));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 46px rgba(0,0,0,.36);
  }
  .header-card::before,.header-card::after{display:none;}
  .headtop{align-items:flex-start;gap:12px;}
  .brand-block{max-width:calc(100% - 88px);}
  .brand{width:min(230px,100%);}
  .brand-block>strong{
    width:min(230px,100%);
    margin-top:7px;
    font-size:clamp(9px,3.05vw,12px);
    letter-spacing:.045em;
  }
  .langswitch{padding:3px;border-color:rgba(241,200,77,.45);}
  .langbtn{min-width:38px;padding:7px 8px;font-size:.66rem;}
  .langbtn.active{box-shadow:0 0 15px rgba(241,200,77,.2);}
  .header-card .product-nav{
    gap:0;
    margin-top:22px;
    padding:3px;
    border-color:rgba(241,200,77,.52);
    background:rgba(1,10,5,.72);
  }
  .header-card .product-nav a{
    min-height:64px;
    padding:6px 1px;
    border-radius:999px;
    font-size:clamp(.5rem,2.45vw,.61rem);
  }
  .header-card .product-nav a+a{border-left:1px solid rgba(241,200,77,.3);border-radius:0;}
  .header-card .product-nav a.active{
    min-height:64px;
    margin:-1px 0;
    border:0;
    border-radius:999px;
    background:radial-gradient(circle at 50% 32%,#fff0aa 0,#e9c25d 48%,#b88629 100%);
    box-shadow:0 0 18px rgba(241,200,77,.26);
  }
  .header-card .product-nav a.active+ a{border-left-color:transparent;}
  .header-concept{
    margin-top:15px;
    padding-top:16px;
    color:#d6d7c8;
    font-size:.91rem;
    line-height:1.72;
  }
  .header-scope-note{
    margin-top:13px;
    color:#f0eee2!important;
    font-size:.78rem;
    line-height:1.55;
  }
  main{padding-top:28px;}
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
    margin-top:22px;
    padding:18px;
    border-color:rgba(241,200,77,.42);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(3,20,11,.9),rgba(1,12,7,.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.28);
  }
  .new-card-strip-panel{margin-top:0;padding:22px 18px 18px;}
  .mini-section-head{gap:8px;margin-bottom:14px;}
  .new-cards-title-row{gap:12px;}
  .mini-section-head h2{font-size:clamp(1.35rem,6.4vw,1.72rem);}
  .new-cards-badge,.new-cards-title-row .new-cards-badge{
    min-height:31px;
    padding:5px 11px;
    font-size:.68rem;
    box-shadow:0 0 17px rgba(241,200,77,.17);
  }
  .new-cards-meta{font-size:.72rem;}
  .mini-card-strip{gap:12px;padding:0 1px 12px;}
  .mini-card-choice{
    grid-template-rows:178px auto auto auto;
    flex:0 0 calc((100% - 12px)/2.08);
    padding:12px 9px 10px;
    border-color:rgba(158,190,157,.3);
    border-radius:18px;
    background:rgba(2,15,8,.72);
  }
  .mini-card-art-action,.mini-card-art-action .full-card-thumbnail{height:178px;}
  .mini-card-choice>strong{margin-top:4px;font-size:.78rem;}
  .mini-card-choice>small{font-size:.67rem;}
  .mini-card-choice .mini-compare-action{
    min-height:38px;
    margin-top:8px;
    border:1px solid rgba(137,232,95,.62)!important;
    border-radius:12px;
    background:rgba(6,26,14,.76)!important;
    color:var(--green)!important;
    font-size:.69rem;
  }
  .mini-card-choice .mini-compare-action:hover{background:rgba(137,232,95,.12)!important;}
  .latest-expand-trigger,.latest-more-button{
    min-height:50px;
    margin-top:13px;
    border:1px solid rgba(241,200,77,.72)!important;
    border-radius:14px;
    background:rgba(2,14,8,.7)!important;
    color:var(--stadium-gold)!important;
    box-shadow:inset 0 0 18px rgba(241,200,77,.035);
  }
  .coach-step-heading{grid-template-columns:62px minmax(0,1fr);gap:0 15px;}
  .coach-step-number{
    width:62px;
    height:62px;
    border-radius:16px;
    font-size:1.08rem;
  }
  .coach-step-copy h2{font-size:clamp(1.25rem,6.2vw,1.62rem);line-height:1.12;}
  .coach-step-line{background:linear-gradient(90deg,rgba(241,200,77,.92),rgba(241,200,77,.14) 76%,transparent);}
}

@media(max-width:390px){
  .header-card{padding-inline:15px;}
  .brand{width:min(210px,100%);}
  .brand-block>strong{width:min(210px,100%);}
  .mini-card-choice{grid-template-rows:166px auto auto auto;}
  .mini-card-art-action,.mini-card-art-action .full-card-thumbnail{height:166px;}
}

/* Selected-player frame: restrained stadium lights at the two upper corners. */
.player-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(241,200,77,.32);
  background:
    radial-gradient(ellipse 58% 48% at 50% 18%,rgba(69,126,70,.1),transparent 72%),
    linear-gradient(180deg,rgba(2,16,9,.97),rgba(5,29,16,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.24);
}
.player-head::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.94;
  background:
    linear-gradient(132deg,rgba(255,247,202,.31) 0%,rgba(222,235,180,.18) 11%,rgba(156,204,132,.08) 27%,transparent 48%) left top/62% 78% no-repeat,
    linear-gradient(228deg,rgba(255,247,202,.31) 0%,rgba(222,235,180,.18) 11%,rgba(156,204,132,.08) 27%,transparent 48%) right top/62% 78% no-repeat,
    linear-gradient(145deg,transparent 5%,rgba(241,223,151,.11) 6%,rgba(185,218,157,.055) 21%,transparent 42%) left top/58% 92% no-repeat,
    linear-gradient(215deg,transparent 5%,rgba(241,223,151,.11) 6%,rgba(185,218,157,.055) 21%,transparent 42%) right top/58% 92% no-repeat;
}
.player-head::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15px 15px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at 28px 14px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at 16px 28px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 15px) 15px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 28px) 14px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 16px) 28px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px);
  filter:drop-shadow(0 0 7px rgba(222,240,193,.48));
}
.player-head>.identity,.player-head>.profile-story{position:relative;z-index:1;}

@media(max-width:700px){
  .player-head::before{
    opacity:.9;
    background:
      linear-gradient(136deg,rgba(255,247,202,.3) 0%,rgba(222,235,180,.18) 12%,rgba(156,204,132,.085) 30%,transparent 52%) left top/66% 72% no-repeat,
      linear-gradient(224deg,rgba(255,247,202,.3) 0%,rgba(222,235,180,.18) 12%,rgba(156,204,132,.085) 30%,transparent 52%) right top/66% 72% no-repeat,
      linear-gradient(146deg,transparent 5%,rgba(241,223,151,.12) 6%,rgba(185,218,157,.06) 23%,transparent 45%) left top/62% 88% no-repeat,
      linear-gradient(214deg,transparent 5%,rgba(241,223,151,.12) 6%,rgba(185,218,157,.06) 23%,transparent 45%) right top/62% 88% no-repeat;
  }
  .player-head .identity h2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:2px .28em;
    white-space:normal;
  }
  .player-head .identity h2 #playerNameText{
    max-width:100%;
    overflow:visible;
    text-overflow:clip;
  }
  .player-head #playerSeriesBadge{
    display:block;
    flex:0 0 100%;
    max-width:100%;
  }
  .player-head #playerSeriesBadge .card-series-label{
    display:block;
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
  }
}

/* Keep the selected card at 60% of its former mobile size and truly centered. */
@media(max-width:700px){
  .player-head .player-card-visual{
    display:grid;
    place-items:center;
    width:100%;
    min-height:138px;
  }
}

/* Responsive card scale: larger discovery cards on phones, restrained on iPad. */
@media(max-width:480px){
  .new-card-strip-panel .mini-card-choice{
    grid-template-rows:150px auto auto auto;
    flex-basis:128px;
    padding:10px 8px 8px;
    border-radius:14px;
  }
  .new-card-strip-panel .mini-card-art-action,
  .new-card-strip-panel .mini-card-art-action .full-card-thumbnail{height:150px;}
  .new-card-strip-panel .mini-card-choice>strong{font-size:.72rem;}
  .new-card-strip-panel .mini-card-choice>small{font-size:.62rem;}
}

@media(min-width:481px) and (max-width:700px){
  .new-card-strip-panel .mini-card-choice{
    grid-template-rows:150px auto auto auto;
    flex-basis:128px;
    padding:10px 8px 8px;
    border-radius:14px;
  }
  .new-card-strip-panel .mini-card-art-action,
  .new-card-strip-panel .mini-card-art-action .full-card-thumbnail{height:150px;}
  .new-card-strip-panel .mini-card-choice>strong{font-size:.72rem;}
  .new-card-strip-panel .mini-card-choice>small{font-size:.62rem;}
}

/* The selected player is intentionally 150% of the previous profile-card size. */
@media(max-width:700px){
  .player-head .player-card-visual{min-height:205px;}
}

/* Reference header contract: centered brand, corner language switch and stadium tabs. */
.header-card{
  padding:22px 32px 20px;
}
.header-card .headtop{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  min-height:92px;
}
.header-card .brand-block{
  display:grid;
  justify-items:center;
  flex:0 1 300px;
  max-width:300px;
  margin-inline:auto;
}
.header-card .brand{width:min(210px,100%);}
.header-card .brand-block>strong{
  width:auto;
  margin-top:4px;
  font-size:11px;
  text-align:center;
}
.header-card .head-actions{
  position:absolute;
  z-index:3;
  top:22px;
  right:32px;
}
.header-card .product-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  width:min(800px,100%);
  max-width:800px;
  margin:8px auto 0;
  padding:2px;
  overflow:hidden;
  border:1px solid rgba(241,200,77,.62);
  border-radius:10px;
  background:rgba(1,10,6,.8);
}
.header-card .product-nav a{
  display:flex;
  min-width:0;
  min-height:40px;
  flex-direction:column;
  justify-content:center;
  gap:0;
  padding:3px 8px;
  border-radius:7px;
  color:#d8d8c8;
  font-size:.67rem;
  line-height:1.12;
  text-align:center;
  white-space:normal;
}
.header-card .product-nav a+a{border-left:1px solid rgba(241,200,77,.2);}
.header-card .product-nav a.active{
  color:#070b07;
  background:linear-gradient(145deg,#f8dd83,#d3a83c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(241,200,77,.2);
}
.header-card .product-nav a.active+ a{border-left-color:transparent;}
.header-card .header-concept,
.header-card .header-scope-note{width:min(800px,100%);margin-inline:auto;}

@media(max-width:700px){
  .header-card{padding:22px 14px 20px;}
  .header-card .headtop{min-height:88px;}
  .header-card .brand-block{
    max-width:calc(100% - 92px);
    margin-inline:auto;
  }
  .header-card .brand{width:min(176px,100%);}
  .header-card .brand-block>strong{font-size:clamp(8px,2.5vw,10px);}
  .header-card .head-actions{top:22px;right:14px;}
  .header-card .product-nav{
    margin-top:7px;
    border-radius:9px;
  }
  .header-card .product-nav a{
    min-height:42px;
    padding:3px 2px;
    border-radius:6px;
    font-size:clamp(.48rem,2.15vw,.6rem);
  }
  .header-card .product-nav a.active{
    min-height:42px;
    margin:0;
  }
}

/* Alternate editorial header: clean centered wordmark with underline navigation. */
.header-card{
  border-color:rgba(241,200,77,.4);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(2,15,9,.9),rgba(1,11,6,.78));
}
.header-card .headtop{min-height:82px;}
.header-card .brand-block{max-width:260px;}
.header-card .brand{width:min(234px,100%);}
.header-card .brand-block>strong{
  margin-top:2px;
  color:#d8d8ca;
  font-size:10px;
  letter-spacing:.12em;
}
.header-card .head-actions{
  top:-10px;
  right:-6px;
  transform:scale(.595);
  transform-origin:top right;
}
.header-card .product-nav{
  position:relative;
  width:min(720px,100%);
  max-width:720px;
  margin:6px auto 0;
  padding:0;
  overflow:visible;
  border:0;
  border-bottom:1px solid rgba(241,200,77,.2);
  border-radius:0;
  background:transparent;
}
.header-card .product-nav a{
  position:relative;
  min-height:38px;
  padding:5px 6px 8px;
  border:0!important;
  border-radius:0;
  background:transparent;
  color:#d8d8ca;
  font-size:.64rem;
  letter-spacing:.055em;
}
.header-card .product-nav a:hover{
  color:var(--stadium-gold);
  background:rgba(241,200,77,.035);
}
.header-card .product-nav a.active{
  min-height:38px;
  margin:0;
  color:var(--stadium-gold);
  background:transparent;
  box-shadow:none;
}
.header-card .product-nav a.active::after{
  content:"";
  position:absolute;
  right:16%;
  bottom:-1px;
  left:16%;
  height:2px;
  border-radius:2px;
  background:var(--stadium-gold);
  box-shadow:0 0 8px rgba(241,200,77,.28);
}

@media(max-width:700px){
  .header-card{
    padding-top:18px;
    border-radius:4px;
  }
  .header-card .headtop{min-height:76px;}
  .header-card .brand-block{max-width:calc(100% - 66px);}
  .header-card .brand{width:min(208px,100%);}
  .header-card .brand-block>strong{
    font-size:clamp(7px,2.15vw,9px);
    letter-spacing:.08em;
  }
  .header-card .head-actions{top:-10px;right:2px;}
  .header-card .product-nav{margin-top:4px;}
  .header-card .product-nav a,
  .header-card .product-nav a.active{
    min-height:40px;
    padding:4px 1px 7px;
    font-size:.61rem;
  }
}

/* Compact vertical rhythm for the latest-player panel. */
@media(max-width:700px){
  .new-card-strip-panel{padding:14px 14px 12px;}
  .new-card-strip-panel .mini-section-head{gap:4px;margin-bottom:4px;}
  .new-card-strip-panel .new-cards-title-row{gap:9px;}
  .new-card-strip-panel .new-cards-meta{margin-bottom:0;}
  .new-card-strip-panel .mini-card-choice{margin-top:0;}
  .new-card-strip-panel .mini-card-strip{padding-bottom:7px;}
  .new-card-strip-panel .new-cards-title-row .latest-expand-trigger{margin:0;}
}

/* Search heading: 20% smaller than the previous mobile scale. */
@media(max-width:700px){
  .search-panel .coach-step-heading{
    grid-template-columns:50px minmax(0,1fr);
    gap:0 12px;
  }
  .search-panel .coach-step-number{
    width:50px;
    height:50px;
    border-radius:13px;
    font-size:.86rem;
  }
  .search-panel .coach-step-copy h2{
    font-size:clamp(1rem,4.96vw,1.3rem);
    line-height:1.12;
  }
  .search-panel .coach-step-line{margin-top:-10px;}
  .squad-plans .coach-step-line{margin-top:-10px;}
}

/* Unified section-title scale across the Player Review experience. */
.mini-section-head h2,
.section-heading h2,
.coach-step-copy h2,
.position-guide-head h2,
.team-suggestion-heading h1,
.method-note h2{
  font-size:1.3rem;
  line-height:1.12;
}

.header-card .header-concept{text-align:center;}

/* Borderless header experiment: expose the stadium background directly. */
.header-card{
  border:0;
  background:transparent;
  box-shadow:none;
}
.header-card::before,
.header-card::after{display:none;}

/* One navigation divider only; tighten the handoff into the first content panel. */
.header-card .header-concept{border-top:0;}
@media(max-width:700px){
  .header-card{padding-bottom:10px;}
  main{padding-top:8px;}
}

/* Cross-device visual contract: desktop and iPad share the mobile stadium language. */
body{
  background-color:#020a06;
  background-image:
    linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.2) 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;
}
body::before{display:none;}
.header-card{padding-bottom:10px;}
main{padding-top:8px;}
.new-card-strip-panel,
.search-panel,
.position-guide,
.player-results-panel,
.player-review,
.owned-section,
.squad-plans,
.method-note{
  margin-top:14px;
  padding:14px;
  border-color:rgba(241,200,77,.46);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(3,20,11,.9),rgba(1,12,7,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.28);
}
.new-card-strip-panel{margin-top:0;}
.new-card-strip-panel .latest-expand-trigger,
.new-card-strip-panel .latest-more-button{
  border:1px solid rgba(241,200,77,.72)!important;
  background:rgba(2,14,8,.72)!important;
  color:var(--stadium-gold)!important;
  box-shadow:inset 0 0 18px rgba(241,200,77,.035);
}
.new-card-strip-panel .mini-card-choice .mini-compare-action{
  border:1px solid rgba(137,232,95,.62)!important;
  background:rgba(6,26,14,.76)!important;
  color:var(--green)!important;
}
.new-card-strip-panel .mini-card-choice>strong,
.new-card-strip-panel .mini-card-choice>small,
.new-card-strip-panel .mini-card-choice>.mini-card-shard,
.new-card-strip-panel .mini-card-choice>.mini-compare-action{
  transform:translateY(-8px);
}

/* Repair Player Profile proportions on iPad and desktop. */
@media(min-width:701px) and (max-width:1180px){
  .player-head .player-card-visual{min-height:205px;}
}
@media(min-width:1181px){
  .player-head .identity{align-items:center;gap:24px;}
  .player-head .player-card-visual{
    width:225px;
    min-width:225px;
    min-height:205px;
  }
}

/* One centered Player Profile axis on every viewport. */
.player-head{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
}
.player-head .identity{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  width:100%;
  gap:12px;
}
.player-head .player-card-visual{
  width:100%;
  min-width:0;
  min-height:205px;
}
.player-head .profile-copy{
  width:100%;
  min-width:0;
  text-align:center;
}
.player-head .identity h2{
  justify-content:center;
  flex-wrap:wrap;
  width:100%;
  white-space:normal;
}
.player-head .story-toggle{margin-inline:auto;}
.player-head .player-head-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,650px);
  margin:12px auto 0;
}
.player-head .player-head-actions .change-player,
.player-head .player-head-actions .compare-player-action{
  width:100%;
  min-width:0;
}
.player-head .player-head-actions .compare-player-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}

/* Event-set wallpaper preview: darkened artwork keeps the player card dominant. */
.player-head[data-event-set="champions"]{
  border-color:rgba(241,200,77,.56);
  background:
    linear-gradient(180deg,rgba(0,0,0,.34),rgba(1,13,7,.8) 74%,rgba(2,17,9,.94)),
    radial-gradient(ellipse 54% 48% at 50% 28%,rgba(255,220,118,.16),transparent 72%),
    url("/players/assets/backgrounds/champions-profile-wallpaper-v1.jpg") center 42%/cover no-repeat;
}
.player-head[data-event-set="champions"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.48),transparent 24%,transparent 76%,rgba(0,0,0,.48)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 15%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.62));
}
.player-head[data-event-set="champions"]::after{opacity:.5;}
.player-head[data-event-set="champions"] #playerCardArt{
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.78)) drop-shadow(0 0 14px rgba(255,221,126,.17));
}
.player-head[data-event-set="game-changer"]{
  border-color:rgba(255,193,38,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(4,12,7,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(255,200,39,.13),transparent 72%),
    url("/players/assets/backgrounds/game-changer-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="game-changer"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-set="game-changer"]::after{opacity:.34;}
.player-head[data-event-set="game-changer"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(255,195,42,.2));
}
.player-head[data-event-set="summer-special"]{
  border-color:rgba(238,104,220,.58);
  background:
    linear-gradient(180deg,rgba(0,0,0,.48),rgba(8,8,24,.78) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(61,208,255,.13),transparent 72%),
    url("/players/assets/backgrounds/summer-special-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="twg"]{
  border-color:rgba(142,101,255,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(14,5,35,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(153,115,255,.14),transparent 72%),
    url("/players/assets/backgrounds/the-world-game-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="numero"]{
  border-color:rgba(177,131,255,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.57),rgba(12,8,21,.82) 72%,rgba(2,17,9,.96)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(178,108,255,.13),transparent 72%),
    url("/players/assets/backgrounds/numero-profile-wallpaper-v1.webp") center 48%/cover no-repeat;
}
.player-head[data-event-set="tots"]{
  border-color:rgba(96,173,255,.68);
  background:
    linear-gradient(180deg,rgba(0,0,0,.48),rgba(2,9,34,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(76,166,255,.16),transparent 72%),
    url("/players/assets/backgrounds/tots-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="summer-special"]::before,
.player-head[data-event-set="twg"]::before,
.player-head[data-event-set="numero"]::before,
.player-head[data-event-set="tots"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-set="summer-special"]::after,
.player-head[data-event-set="twg"]::after,
.player-head[data-event-set="numero"]::after,
.player-head[data-event-set="tots"]::after{opacity:.3;}
.player-head[data-event-set="summer-special"] #playerCardArt,
.player-head[data-event-set="twg"] #playerCardArt,
.player-head[data-event-set="numero"] #playerCardArt,
.player-head[data-event-set="tots"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(196,150,255,.18));
}
.player-head[data-event-wallpaper="auto"]{
  border-color:rgba(var(--profile-accent-rgb),.68);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(3,15,8,.82) 72%,rgba(2,17,9,.96)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.14),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}
.player-head[data-event-wallpaper="auto"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-wallpaper="auto"]::after{opacity:.3;}
.player-head[data-event-wallpaper="auto"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(var(--profile-accent-rgb),.2));
}
.player-head[data-event-set="signature"]{
  border-color:#f4d995;
  background:
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(15,11,7,.32) 62%,rgba(2,14,8,.72) 100%),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(255,235,194,.1),transparent 72%),
    url("/players/assets/backgrounds/signature-profile-wallpaper-v1.jpg") center 46%/cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,250,226,.92),
    inset 0 0 20px rgba(243,203,112,.12),
    0 0 0 1px rgba(139,94,30,.52),
    0 12px 30px rgba(0,0,0,.36),
    0 0 17px rgba(231,188,89,.16);
}
.player-head[data-event-set="signature"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.2),transparent 20%,transparent 80%,rgba(0,0,0,.2)),
    radial-gradient(ellipse 64% 60% at 50% 31%,transparent 38%,rgba(0,0,0,.12) 76%,rgba(0,0,0,.28));
}
.player-head[data-event-set="signature"]::after{opacity:.14;}
.player-head[data-event-set="signature"] #playerCardArt{
  filter:drop-shadow(0 19px 26px rgba(0,0,0,.84)) drop-shadow(0 0 16px rgba(255,226,173,.22));
}
@media(orientation:landscape) and (max-height:520px) and (max-width:980px){
  .player-head[data-event-set="champions"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.56),rgba(1,12,7,.86) 72%,rgba(2,17,9,.96)),
      radial-gradient(ellipse 48% 50% at 50% 28%,rgba(255,220,118,.1),transparent 72%),
      url("/players/assets/backgrounds/champions-profile-wallpaper-v1.jpg") center 42%/cover no-repeat;
  }
  .player-head[data-event-set="champions"]::after{opacity:.32;}
  .player-head[data-event-set="champions"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="game-changer"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(2,10,6,.86) 72%,rgba(2,17,9,.97)),
      radial-gradient(ellipse 46% 48% at 50% 28%,rgba(255,196,28,.08),transparent 72%),
      url("/players/assets/backgrounds/game-changer-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="game-changer"]::after{opacity:.24;}
  .player-head[data-event-set="game-changer"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="summer-special"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(7,5,20,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/summer-special-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="twg"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(12,4,31,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/the-world-game-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="numero"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.66),rgba(10,6,18,.89) 72%,rgba(2,17,9,.98)),
      url("/players/assets/backgrounds/numero-profile-wallpaper-v1.webp") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="tots"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(2,7,28,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/tots-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-wallpaper="auto"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.64),rgba(2,13,7,.88) 72%,rgba(2,17,9,.98)),
      var(--profile-wallpaper-image) center 48%/cover no-repeat;
  }
  .player-head[data-event-wallpaper="auto"]::after{opacity:.22;}
  .player-head[data-event-wallpaper="auto"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="summer-special"]::after,
  .player-head[data-event-set="twg"]::after,
  .player-head[data-event-set="numero"]::after,
  .player-head[data-event-set="tots"]::after{opacity:.22;}
  .player-head[data-event-set="summer-special"] .player-card-visual,
  .player-head[data-event-set="twg"] .player-card-visual,
  .player-head[data-event-set="numero"] .player-card-visual,
  .player-head[data-event-set="tots"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="signature"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.2),rgba(15,11,7,.38) 64%,rgba(2,14,8,.74) 100%),
      url("/players/assets/backgrounds/signature-profile-wallpaper-v1.jpg") center 46%/cover no-repeat;
  }
  .player-head[data-event-set="signature"]::after{opacity:.1;}
  .player-head[data-event-set="signature"] .player-card-visual{min-height:190px;}
}

@media(max-width:440px){
  .player-head .player-head-actions{width:100%;}
}

/* Compact finder: advanced OVR and PlayStyle controls are opt-in. */
.search-panel .search-grid{grid-template-columns:minmax(260px,1.35fr) minmax(330px,.9fr);align-items:end}
.search-panel .search-field{grid-column:1;grid-template-rows:22px 48px}
.search-panel .position-filter-group{display:grid;grid-column:2;grid-template-columns:minmax(150px,.9fr) minmax(170px,1.1fr);grid-template-rows:22px 48px;align-items:stretch;gap:7px 14px;min-width:0}
.search-panel .position-filter-group>.position-first{display:contents}
.position-label-row{display:flex;grid-column:1/-1;grid-row:1;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.position-label-row>label{display:flex;align-items:center;gap:5px;min-width:0;color:var(--green);font-size:.76rem;font-weight:800;line-height:1;white-space:nowrap}
.position-label-row>label small{color:var(--muted);font-size:.66rem;font-weight:500}
.position-filter-group>.position-first>select{grid-column:1;grid-row:2}
.position-filter-group>button.switch-row.compact-switch{grid-column:2;grid-row:2}
.advanced-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-height:25px;margin-left:auto;padding:3px 10px;border:1px solid rgba(140,219,104,.52);border-radius:999px;background:rgba(140,219,104,.055);color:var(--green);font:800 .61rem 'Chakra Petch',sans-serif;white-space:nowrap;cursor:pointer}
.advanced-filter-toggle:hover,.advanced-filter-toggle:focus-visible{border-color:var(--green);background:rgba(140,219,104,.12)}
.advanced-filter-chevron{font-size:.66rem;line-height:1;transition:transform .18s}
.advanced-filter-toggle[aria-expanded="true"] .advanced-filter-chevron{transform:rotate(180deg)}
.advanced-search-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin-top:2px;padding-top:13px;border-top:1px solid rgba(232,188,54,.22)}
.advanced-search-filters[hidden]{display:none!important}
.advanced-search-filters>.field{display:grid;grid-template-rows:22px 48px;gap:7px;min-width:0}
.advanced-search-filters>:is(#playstyleFilter,#playstyleFilter2){min-width:0;align-self:end}
.advanced-search-filters>.field>span:first-child,.advanced-search-filters>.playstyle-filter-field>span:first-child,.role-filter-heading>label{color:var(--green);font-size:.76rem;font-weight:800;line-height:1}
@media(max-width:700px){.search-panel .search-grid{grid-template-columns:1fr}.search-panel .search-field,.search-panel .position-filter-group{grid-column:1}.search-panel .position-filter-group{grid-template-columns:1fr;grid-template-rows:22px 48px 48px}.position-label-row,.position-filter-group>.position-first>select,.position-filter-group>button.switch-row.compact-switch{grid-column:1}.position-label-row{grid-row:1}.position-filter-group>.position-first>select{grid-row:2}.position-filter-group>button.switch-row.compact-switch{grid-row:3}.advanced-search-filters{grid-column:1;grid-template-columns:1fr;gap:10px}.advanced-search-filters>.field{grid-template-rows:22px 48px}}

/* Search CTA gold-gradient visual test. */
.search-panel .search-submit{
  border:1px solid rgba(255,226,132,.9);
  background:linear-gradient(135deg,#f8dd83 0%,#e6bd50 48%,#c9952d 100%);
  color:#121006;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 8px 22px rgba(201,149,45,.18);
  transition:filter .18s ease,box-shadow .18s ease,transform .18s ease;
}
.search-panel .search-submit .search-product-icon{display:block;width:27px;height:27px;object-fit:contain;filter:brightness(0) saturate(100%);flex:none;transition:none}
.search-panel .search-submit .search-submit-text{font-size:.98rem}
.search-panel .search-submit:hover,
.search-panel .search-submit:focus-visible{
  filter:brightness(1.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 11px 28px rgba(201,149,45,.27);
  transform:translateY(-1px);
}
.search-panel .search-submit span{transition:transform .18s ease;}
.search-panel .search-submit:hover span,
.search-panel .search-submit:focus-visible span{transform:translateX(4px);}

/* Latest-card analysis CTA: keep the whole hover state readable on dark cards. */
.new-card-strip-panel .mini-card-choice .latest-analyse-action:hover,
.new-card-strip-panel .mini-card-choice .latest-analyse-action:focus-visible{
  border-color:#f3cf63!important;
  background:linear-gradient(135deg,#b87912 0%,#8e590b 52%,#603805 100%)!important;
  color:#fff5cf!important;
  box-shadow:inset 0 1px 0 rgba(255,244,195,.24),0 8px 20px rgba(197,137,21,.3);
  filter:none!important;
}
.new-card-strip-panel .mini-card-choice .latest-analyse-action:hover .analyse-action-icon,
.new-card-strip-panel .mini-card-choice .latest-analyse-action:focus-visible .analyse-action-icon{
  filter:brightness(0) saturate(100%) invert(96%) sepia(23%) saturate(795%) hue-rotate(331deg) brightness(106%) contrast(105%)!important;
}

/* Player Profile identity hierarchy and NUMERO luminous-blue contract. */
.player-head .profile-copy{gap:0;}
.player-head .profile-copy #reviewStep{margin-bottom:4px;}
.player-head .identity h2#playerName{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:.18em;
  width:100%;
  max-width:100%;
  margin:3px 0 0;
  color:#fff;
  font:900 clamp(2.65rem,7vw,4rem)/.98 "Chakra Petch","Anuphan",sans-serif;
  letter-spacing:-.045em;
  text-align:center;
  text-shadow:0 3px 14px rgba(0,0,0,.72);
  white-space:nowrap;
}
.player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(2.3rem,5.8vw,3.4rem);}
.player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1.85rem,4.7vw,2.7rem);}
.profile-signature-badge{display:block;width:1.09em;height:1.09em;flex:0 0 1.09em;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.72));}
.profile-signature-badge[hidden]{display:none;}
.player-head .player-series-line{display:block;width:100%;margin:8px 0 0!important;color:#a9bbb0;text-align:center;}
.player-head #playerSeriesBadge{display:block;width:100%;}
.player-head #playerSeriesBadge .card-series-label{display:block;color:#b8c8bd;font:800 1rem/1.15 "Chakra Petch","Anuphan",sans-serif;letter-spacing:.02em;text-align:center;}
.player-head .profile-copy .player-version-line{display:flex;width:100%;align-items:center;justify-content:center;gap:0;margin:9px 0 0!important;color:#afbeb4;text-align:center;}
.player-head #playerVersion{display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0;font:600 .96rem/1.35 "Chakra Petch","Anuphan",sans-serif;}
.player-head #playerVersion strong{color:#f6fbf7;font-weight:900;}
.player-head #playerVersion span{color:#afbeb4;font-weight:600;}
.player-head .profile-copy .star-signings-price{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
  min-height:0;
  margin:8px 0 0!important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#5adfff;
  font:800 .88rem/1.25 "Chakra Petch","Anuphan",sans-serif;
  letter-spacing:.01em;
}
.player-head .profile-copy .star-signings-price[hidden]{display:none;}
.star-shard-label{color:#5adfff;text-shadow:0 0 12px rgba(90,223,255,.2);}
.star-shard-value{display:inline-flex;align-items:center;gap:5px;color:#e8fbff;}
.player-head .star-shard-icon{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(90,223,255,.38));}
.player-head .profile-collection-badge{order:initial;margin-top:9px;}
.player-head[data-event-set="numero"]{
  border:2px solid rgba(91,219,255,.95);
  box-shadow:0 0 0 1px rgba(177,240,255,.2),0 0 28px rgba(70,204,255,.24),inset 0 0 24px rgba(73,204,255,.08),0 18px 45px rgba(0,0,0,.34);
}
@media(max-width:700px){
  .player-head .identity h2#playerName{font-size:clamp(2.55rem,14.5vw,4rem);}
  .player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(1.95rem,9.4vw,2.65rem);}
  .player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1.55rem,7.2vw,2.05rem);}
  .player-head #playerSeriesBadge .card-series-label{font-size:.92rem;}
  .player-head #playerVersion{font-size:.88rem;}
  .player-head .profile-copy .star-signings-price{font-size:.8rem;}
}

/* Every Player Profile uses one accent contract for its frame and both actions. */
.player-head{--profile-accent-rgb:140,219,104;}
.player-head[data-event-set="champions"]{--profile-accent-rgb:241,200,77;}
.player-head[data-event-set="game-changer"]{--profile-accent-rgb:255,193,38;}
.player-head[data-event-set="summer-special"]{--profile-accent-rgb:238,104,220;}
.player-head[data-event-set="twg"]{--profile-accent-rgb:255,255,255;}
.player-head[data-event-set="numero"]{--profile-accent-rgb:91,219,255;}
.player-head[data-event-set="tots"]{--profile-accent-rgb:79,157,255;}
.player-head[data-event-set="signature"]{--profile-accent-rgb:244,217,149;}
.player-head[data-event-family="champions"]{--profile-accent-rgb:241,200,77;}
.player-head[data-event-family="game-changer"]{--profile-accent-rgb:255,193,38;}
.player-head[data-event-family="summer-special"]{--profile-accent-rgb:238,104,220;}
.player-head[data-event-family="twg"]{--profile-accent-rgb:255,255,255;}
.player-head[data-event-family="numero"]{--profile-accent-rgb:91,219,255;}
.player-head[data-event-family="tots"]{--profile-accent-rgb:79,157,255;}
.player-head{
  border-color:rgba(var(--profile-accent-rgb),.76);
  box-shadow:0 0 0 1px rgba(var(--profile-accent-rgb),.13),0 0 25px rgba(var(--profile-accent-rgb),.17),inset 0 0 22px rgba(var(--profile-accent-rgb),.055),0 18px 45px rgba(0,0,0,.34);
}
.player-head[data-event-set]{border-width:2px;border-color:rgba(var(--profile-accent-rgb),.95);}
.player-head .player-head-actions .change-player,
.player-head .player-head-actions .compare-player-action{
  border:1px solid rgba(var(--profile-accent-rgb),.92)!important;
  background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.16),rgba(3,20,16,.96) 78%)!important;
  color:#f4fcff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 16px rgba(var(--profile-accent-rgb),.2),0 9px 22px rgba(0,0,0,.28);
}
.player-head .player-head-actions .compare-player-action img{filter:brightness(0) invert(1);opacity:.9;}
.player-head .player-head-actions .change-player:hover,
.player-head .player-head-actions .change-player:focus-visible,
.player-head .player-head-actions .compare-player-action:hover,
.player-head .player-head-actions .compare-player-action:focus-visible{
  border-color:rgba(var(--profile-accent-rgb),1)!important;
  background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.27),rgba(4,28,22,.98) 80%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 0 25px rgba(var(--profile-accent-rgb),.38),0 11px 25px rgba(0,0,0,.32);
  transform:translateY(-1px);
}

/* TeeO-approved mobile profile name size V53. */
@media(max-width:700px){
  .player-head .identity h2#playerName{font-size:clamp(1.367rem,7.027vw,1.744rem)}
  .player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(1.18rem,6vw,1.5rem)}
  .player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1rem,5vw,1.28rem)}
}

/* Latest update rows expose the destination before the trailing arrow. */
.new-card-strip-panel .latest-row-card{grid-template-columns:104px minmax(0,1fr) auto}
.latest-row-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;white-space:nowrap}
.latest-row-action>img{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain}
.latest-row-action-label{display:inline}
.latest-row-action .latest-row-arrow{font-size:1rem;line-height:1}
@media(max-width:600px){
  .new-card-strip-panel .latest-row-card{grid-template-columns:84px minmax(0,1fr) 45px}
  .latest-row-action{gap:4px}
  .latest-row-action-label{display:none}
  .latest-row-action>img{width:21px;height:21px;flex-basis:21px}
}

/* Align the role title/rank and role level/skill guide as two shared rows. */
.role-verdict-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px}
.role-card-copy,.role-card-actions{display:contents}
.role-title-line{grid-column:1;grid-row:1}
.role-card-actions .role-rank-badge{grid-column:2;grid-row:1;align-self:start;justify-self:end}
.role-card-copy>span{grid-column:1;grid-row:2;align-self:center}
.role-verdict .role-skill-toggle{
  grid-column:2;
  grid-row:2;
  justify-self:end;
  align-self:center;
  min-height:auto;
  padding:2px 5px;
  border:0;
  border-radius:5px;
  background:rgba(140,219,104,.065);
  box-shadow:none;
  color:var(--green);
  text-decoration:none;
}
.role-verdict .role-skill-toggle:hover,
.role-verdict .role-skill-toggle:focus-visible,
.role-verdict .role-skill-toggle[aria-expanded="true"]{
  border:0;
  background:rgba(140,219,104,.12);
  box-shadow:none;
  text-decoration:none;
}

@media(max-width:700px){
  .similar-list{grid-template-columns:1fr}
  .similar-card{grid-template-columns:70px minmax(0,1fr) 80px;gap:10px;padding:9px 10px}
  .similar-portrait{width:70px;height:76px}
  .similar-portrait>.ps-card-overlay,.similar-portrait>.ps-card-overlay>.full-card-thumbnail{width:70px!important;height:76px!important}
  .similar-copy{padding-left:7px}
  .similar-card strong{font-size:.76rem}.similar-card small{font-size:.62rem}
  .similar-actions{width:80px;gap:4px}.similar-action{min-height:26px;padding:3px 5px;font-size:.5rem}.similar-action img{width:15px;height:15px}
}

/* Latest players sit directly on the stadium; only the individual player cards stay framed. */
.new-card-strip-panel{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.new-card-strip-panel::before{display:none!important}

/* Player Review headings no longer reserve a numbered step column. */
.search-panel .unnumbered-step-heading,
.player-review .unnumbered-step-heading{
  grid-template-columns:minmax(0,auto) minmax(42px,1fr) auto;
}
.search-panel .unnumbered-step-heading .coach-step-copy,
.player-review .unnumbered-step-heading .coach-step-copy{grid-column:1}
.search-panel .unnumbered-step-heading .coach-step-line,
.player-review .unnumbered-step-heading .coach-step-line{grid-column:2}
.search-panel .unnumbered-step-heading>.count{grid-column:3}
.player-review{border:0!important}
@media(max-width:700px){
  .search-panel .unnumbered-step-heading,
  .player-review .unnumbered-step-heading{grid-template-columns:minmax(0,auto) minmax(28px,1fr) auto;gap:0 10px}
  .search-panel .unnumbered-step-heading .coach-step-copy,
  .player-review .unnumbered-step-heading .coach-step-copy{grid-column:1}
  .search-panel .unnumbered-step-heading .coach-step-line,
  .player-review .unnumbered-step-heading .coach-step-line{grid-column:2;margin-top:20px}
  .search-panel .unnumbered-step-heading>.count{grid-column:3;margin-top:10px}
}

/* Full attributes follow the headline stats and read in familiar attribute families. */
.headline-stat-block .all-stats{margin:14px -12px -12px;padding:12px;border:0;border-top:1px solid rgba(140,219,104,.3);border-radius:0 0 11px 11px;background:rgba(140,219,104,.035)}
.headline-stat-block .all-stats summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:.78rem;white-space:nowrap}
.headline-stat-block .all-stats summary span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;min-width:0;min-height:26px;padding:3px 7px;border:1px solid rgba(140,219,104,.42);border-radius:999px;background:rgba(140,219,104,.08);color:var(--green);font-size:.6rem;line-height:1;white-space:nowrap}
.headline-stat-block .all-stats[open] summary span{background:rgba(140,219,104,.14)}
.stat-name-label{display:inline-flex;align-items:baseline;min-width:0}
.stat-category-prefix{color:var(--gold);font:800 .68rem 'Chakra Petch',sans-serif;letter-spacing:.055em}
.stat-category-separator{color:var(--muted)}
#allStatsBody tr.stat-group-start:not(:first-child) td{padding-top:15px;border-top:1px solid rgba(241,200,77,.32)}
#allStatsBody tr[data-stat-category="other"] .stat-name-label{color:var(--muted)}

/* Mobile Role Knowledge: one compact header, one horizontal role rail and a tighter reading block. */
@media(max-width:700px){
  .position-guide{padding:12px 12px 14px}
  .position-guide-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
  .position-guide-head .heading-with-icon{min-width:0;gap:9px}
  .position-guide .book-icon{width:34px;height:34px;border-radius:9px}
  .position-guide .book-icon svg{width:18px;height:18px}
  .role-guide-dialog .position-guide-head .step{display:none}
  .position-guide-head h2{margin:0;font-size:clamp(.96rem,4.25vw,1.08rem);line-height:1.16;letter-spacing:-.015em}
  .position-guide-head p:not(.step){margin-top:3px;font-size:.67rem;line-height:1.3}
  .guide-position-picker{position:relative;display:block;width:auto;align-self:start}
  .guide-position-picker>span{display:none}
  .guide-position-picker select{-webkit-appearance:none;appearance:none;width:70px;min-width:70px;min-height:36px;padding:0 25px 0 8px;border-radius:10px;font-family:'Anuphan',sans-serif!important;font-size:.78rem;font-weight:700;line-height:1;letter-spacing:0;text-align:center;text-align-last:center}
  .guide-position-picker::after{content:"";position:absolute;top:50%;right:11px;width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none;transform:translateY(-72%) rotate(45deg)}
  .guide-details{margin-top:12px;padding-top:12px}
  .position-guide .role-tabs{display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;padding:0 0 8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .position-guide .role-tabs::-webkit-scrollbar{display:none}
  .position-guide .role-tab{flex:0 0 auto;gap:6px;padding:6px 10px 6px 7px;font-size:.68rem;line-height:1.2;white-space:nowrap}
  .position-guide .role-tab-icon{width:19px;height:19px;flex-basis:19px;border-radius:5px}
  .position-guide .role-tab-icon svg{width:13px;height:13px}
  .position-guide .guide-copy{grid-template-columns:1fr;gap:11px;margin-top:9px;padding-top:12px}
  .position-guide .guide-copy>div:first-child{min-width:0}
  .position-guide .guide-copy>div:first-child .guide-role-position{font-size:.67rem}
  .position-guide .guide-role-heading{grid-template-columns:34px minmax(0,1fr) auto;column-gap:9px!important;row-gap:0!important}
  .position-guide .guide-role-icon{width:34px;height:34px;border-radius:9px}
  .position-guide .guide-role-icon svg{width:19px;height:19px}
  .position-guide .guide-role-position,.position-guide .guide-role-heading h3{grid-column:2}
  .position-guide .guide-role-heading .guide-player-search{grid-column:3;grid-row:1/3;min-height:32px;padding:6px 9px;font-size:.64rem}
  .position-guide .guide-copy h3{min-width:0;margin:0;font-size:1.02rem;line-height:1.2}
  .position-guide .guide-reading{gap:10px}
  .position-guide .guide-reading-block{gap:5px}
  .position-guide .guide-reading-block h4{font-size:.61rem;letter-spacing:.07em}
  .position-guide .guide-copy p{font-size:.76rem;line-height:1.62}
  .position-guide .guide-impact{padding:9px 10px}
  .position-guide .fit-line{margin-top:1px!important;padding:9px 10px;border:1px solid rgba(140,219,104,.18);border-radius:8px;background:rgba(140,219,104,.065);line-height:1.56}
  .position-guide .guide-next-actions{grid-template-columns:1fr;gap:7px}
  .position-guide .guide-next-link{min-height:38px;padding:8px 10px;font-size:.68rem}
  .position-guide .guide-formation-list{grid-column:1;padding-top:0}
  .position-guide .guide-formation-card{padding:8px 9px;gap:8px}
  .position-guide .guide-formation-card strong{font-size:.71rem}
  .position-guide .guide-formation-card small{font-size:.61rem}
  .position-guide .guide-map-toggle{min-width:58px;padding:4px 5px}
  .position-guide .guide-pitch-field{min-height:176px;aspect-ratio:1.5/1}
}

/* Role Knowledge lives outside the Player Review reading flow: modal on desktop, bottom sheet on phones. */
.search-heading-tools{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.search-panel .unnumbered-step-heading>.search-heading-tools{grid-column:3}
.role-guide-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 13px;border:1px solid rgba(241,200,77,.68);border-radius:999px;background:linear-gradient(145deg,rgba(241,200,77,.13),rgba(5,25,15,.92));color:#f4d366;box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.2);font:800 .72rem/1 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer}
.role-guide-launch:hover,.role-guide-launch:focus-visible{border-color:var(--gold);background:linear-gradient(145deg,rgba(241,200,77,.22),rgba(8,35,21,.96));transform:translateY(-1px)}
.role-guide-launch-icon{font-size:1rem;line-height:1}
.role-guide-dialog{position:fixed;inset:0;width:min(900px,calc(100% - 40px));max-width:none;max-height:min(86dvh,760px);margin:auto;padding:0;overflow:visible;border:0;border-radius:24px;background:transparent;color:var(--text);box-shadow:none}
.role-guide-dialog::backdrop{background:rgba(0,7,4,.78);backdrop-filter:blur(6px)}
.role-guide-dialog-shell{max-height:min(86dvh,760px);overflow:auto;border:1px solid rgba(241,200,77,.55);border-radius:24px;background:#06130c;box-shadow:0 28px 90px rgba(0,0,0,.74)}
.role-guide-dialog[open] .role-guide-dialog-shell{animation:roleGuideModalIn .22s ease-out both}
.role-guide-dialog-bar{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 10px 7px 18px;border-bottom:1px solid rgba(241,200,77,.2);background:rgba(4,19,11,.96);backdrop-filter:blur(12px);color:var(--gold);font:900 .7rem/1 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.11em}
.role-guide-close{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(241,200,77,.5);border-radius:50%;background:rgba(241,200,77,.08);color:#f7dd82;font:500 1.25rem/1 sans-serif;cursor:pointer}
.role-guide-close:hover,.role-guide-close:focus-visible{border-color:var(--gold);background:rgba(241,200,77,.17)}
.role-guide-dialog .position-guide{margin:0;border:0;border-radius:0;box-shadow:none}
@keyframes roleGuideModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .search-panel .unnumbered-step-heading{grid-template-rows:auto;align-items:center;row-gap:0}
  .search-panel .unnumbered-step-heading .coach-step-line{align-self:center;margin:0 3px 0 0;min-width:0}
  .search-panel .unnumbered-step-heading>.search-heading-tools{display:flex}
  .search-heading-tools>.role-guide-launch{position:relative;z-index:1}
  .role-guide-launch{min-height:34px;padding:6px 9px;gap:5px;font-size:.6rem}
  .role-guide-launch-icon{font-size:.85rem}
  .role-guide-dialog{inset:auto 0 0;width:100%;max-height:90dvh;margin:0;border-radius:20px 20px 0 0}
  .role-guide-dialog-shell{max-height:90dvh;border-width:1px 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .role-guide-dialog[open] .role-guide-dialog-shell{animation:roleGuideSheetIn .26s cubic-bezier(.2,.8,.2,1) both}
  .role-guide-dialog-bar{min-height:42px;padding:8px 10px 7px 16px;border-radius:20px 20px 0 0}
  .role-guide-dialog-bar::before{content:"";position:absolute;top:5px;left:50%;width:36px;height:3px;border-radius:999px;background:#728077;transform:translateX(-50%)}
  .role-guide-close{width:29px;height:29px;font-size:1.1rem}
  .role-guide-dialog .position-guide{padding-top:10px}
  @keyframes roleGuideSheetIn{from{opacity:.65;transform:translateY(100%)}to{opacity:1;transform:none}}
}

.player-results-panel .shortlist-heading{align-items:flex-start}
.player-results-panel .shortlist-count{flex:0 0 auto;margin:0;align-self:flex-start}
@media(max-width:700px){
  .player-results-panel .shortlist-heading{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px}
  .player-results-panel .shortlist-heading>div{min-width:0;flex:1 1 auto}
  .player-results-panel .shortlist-count{margin-top:0;font-size:.68rem}
}

/* Compact history action stays in the profile card corner. */
.player-head .story-toggle {
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin:0;
  padding:10px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  color:var(--gold);
}
.player-head .story-toggle .story-toggle-icon { width:22px; height:22px; }
.player-head .story-toggle:hover,
.player-head .story-toggle[aria-expanded="true"] { background:rgba(242,193,78,.18); }
.player-head .story-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

.player-head #playerCardOverlay > .story-toggle { top:10px; right:18px; }
.player-head > .profile-close {
  position:absolute; top:8px; right:8px; z-index:3;
  display:grid; place-items:center; width:44px; height:44px;
  padding:0; border:0; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.12); color:#f4f7f2;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  font:400 28px/1 sans-serif;
}
.player-head > .profile-close:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

/* Smaller visible history control with the same comfortable tap target. */
.player-head #playerCardOverlay > .story-toggle {
  padding:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head #playerCardOverlay > .story-toggle .story-toggle-icon {
  width:32px;
  height:32px;
  padding:8px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.player-head #playerCardOverlay > .story-toggle:hover .story-toggle-icon,
.player-head #playerCardOverlay > .story-toggle[aria-expanded="true"] .story-toggle-icon {
  background:rgba(242,193,78,.18);
}

/* History belongs beside the player name, leaving card artwork clear. */
.player-head .identity h2#playerName > .story-toggle {
  position:relative;
  top:auto;
  right:auto;
  flex:0 0 36px;
  width:36px;
  height:44px;
  margin:0 0 0 2px;
  padding:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head #playerName > .story-toggle .story-toggle-icon {
  width:28px;
  height:28px;
  padding:6px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.player-head #playerName > .story-toggle:hover .story-toggle-icon,
.player-head #playerName > .story-toggle[aria-expanded="true"] .story-toggle-icon { background:rgba(242,193,78,.18); }

/* A wider open-book silhouette remains recognizable beside the name. */
.player-head #playerName > .story-toggle .story-toggle-icon {
  width:30px;
  height:30px;
  padding:5px;
}
.player-head #playerName > .story-toggle .story-toggle-icon svg {
  stroke-width:1.7;
}

/* Reduce close-button chrome while retaining the 44px tap target. */
.player-head > .profile-close {
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head > .profile-close > span,
.player-head > .profile-share > span {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}

/* Quiet, close-set introduction under Player Review navigation. */
body:not(.team-suggestion-mode) .header-card #headerConcept {
  margin-top:4px;
  padding-top:0;
  font-size:12px;
  line-height:1.5;
}
@media (max-width:700px) {
  body:not(.team-suggestion-mode) .header-card #headerConcept { font-size:11px; }
}

/* Keep the scope note and latest players close to the compact introduction. */
body:not(.team-suggestion-mode) .header-card #databaseScopeNote {
  margin-top:2px;
  margin-bottom:0;
  padding:0;
  font-family:'Anuphan',sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
body:not(.team-suggestion-mode) .header-card { padding-bottom:2px; }
body:not(.team-suggestion-mode) main.shell { padding-top:0; }
body:not(.team-suggestion-mode) .new-card-strip-panel { margin-top:0; padding-top:4px; }
@media (max-width:700px) {
  body:not(.team-suggestion-mode) .header-card #databaseScopeNote { font-size:11px; }
}

.latest-row-copy > .mini-card-shard {
  justify-content:flex-start;
  margin-top:2px;
  font-size:.72rem;
}
.latest-row-copy > .mini-card-shard img { width:17px; height:17px; flex-basis:17px; }
.latest-row-copy > .mini-card-shard.unavailable { font-size:.65rem; }

/* The close icon replaces Change player; keep Compare centered. */
.player-head .player-head-actions { display:flex; justify-content:center; }
.player-head .player-head-actions .compare-player-action { width:auto; min-width:132px; }

/* Collection members remain compact; only the selected assessment is shown. */
.profile-collection-member { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:4px 8px 4px 4px; }
.profile-collection-select { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:8px; min-width:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.profile-collection-select > span:last-child { display:grid; gap:3px; min-width:0; }
.profile-collection-member.is-selected { border-color:#efc84e; background:rgba(232,188,54,.12); }
.profile-collection-member .profile-collection-review { min-height:44px; padding:4px; border:0; background:transparent; cursor:pointer; }
.profile-collection-summary { margin:10px 0 0; color:#d6dece; font-size:.72rem; line-height:1.5; }
.profile-collection-select-hint { margin:0 0 8px; font-size:.68rem; color:#aebdb3; }
.profile-collection-analysis { margin-top:12px; }
.profile-collection-analysis > h3 { margin-top:12px; }
#profileCollectionAssessment .profile-collection-assessment { margin-top:0; }

.collection-assessment-player{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.collection-assessment-player .profile-collection-art{width:72px;flex:0 0 72px;}
.collection-assessment-player h4{margin:0;}

.profile-collection-analysis>summary{cursor:pointer;padding:12px 0;font-size:.78rem;font-weight:800;color:#c7e6aa;}

.collection-bonus-trigger{justify-self:start;border:0;border-bottom:1px solid currentColor;background:transparent;color:#dfca75;padding:5px 0;font:inherit;font-size:.7rem;cursor:pointer;}
.profile-collection-analysis[hidden]{display:none!important;}

.profile-collection-member .profile-collection-review{display:flex;align-items:center;gap:4px;}
.profile-collection-review img{width:16px;height:16px;object-fit:contain;}

.collection-bonus-trigger{border:0;padding:1px 0;line-height:1.3;text-decoration:none;}
.profile-collection-select > span:last-child{gap:2px;}
.profile-collection-member > .profile-collection-analysis{grid-column:1 / -1;width:100%;min-width:0;margin-top:4px;border-top:1px solid rgba(255,255,255,.1);}
.profile-collection-member > .profile-collection-analysis > h3{margin:10px 0 8px;font-size:.72rem;}
.profile-collection-member .profile-collection-assessment{margin:0;padding:8px;}

.bonus-chevron{display:inline-block;font-size:.65em;margin-left:3px;}
.collection-bonus-trigger[aria-expanded="true"] .bonus-chevron{transform:rotate(180deg);}

.player-head .player-head-actions{gap:8px;flex-wrap:wrap;}
#addPlayerToTeamButton{font-size:.78rem;padding:10px 12px;cursor:pointer;}
#addPlayerToTeamButton:disabled{opacity:.7;cursor:default;}

.player-head .player-head-actions #addPlayerToTeamButton{font:800 .72rem/1.25 "Chakra Petch",sans-serif;padding:9px 13px;min-height:44px;}

.player-head .player-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.player-head .player-head-actions .compare-player-action{width:100%;min-width:0!important;box-sizing:border-box;grid-template-columns:22px auto;justify-content:center;min-height:44px;}

/* NUMERO frame follows the wallpaper: blue, gold, purple and red. */
.player-head[data-event-set="numero"]{border-color:transparent;box-shadow:0 -5px 24px rgba(53,165,234,.15),5px 0 24px rgba(242,198,39,.12),0 5px 24px rgba(174,76,224,.15),-5px 0 24px rgba(242,71,35,.12),0 18px 45px rgba(0,0,0,.34);}
.player-head[data-event-set="numero"]::after{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from -45deg,#35a5ea 0deg,#35a5ea 75deg,#f2c627 105deg,#f2c627 165deg,#ae4ce0 195deg,#ae4ce0 255deg,#f24723 285deg,#f24723 345deg,#35a5ea 360deg);opacity:1;pointer-events:none;z-index:5;transform:none;filter:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;}
.player-head[data-event-set="numero"]::after{inset:0;padding:3px;width:auto;height:auto;}
.player-head[data-event-set="numero"] .player-head-actions .compare-player-action{position:relative;border:1px solid transparent!important;background:linear-gradient(145deg,#17252b,#031410) padding-box,linear-gradient(120deg,#35a5ea,#f2c627 35%,#ae4ce0 68%,#f24723) border-box!important;box-shadow:0 0 12px rgba(174,76,224,.18),inset 0 1px 0 rgba(255,255,255,.12);}

/* Compact PlayStyle icons; expand every explanation together. */
.property-section.expanded #playstyleList{grid-template-columns:1fr;}
.property-section.expanded #playstyleList .property-detail{display:block;max-height:none;overflow:visible;white-space:normal;-webkit-line-clamp:unset;}

.property-section:not(.expanded) #playstyleList .playstyle-icon{display:none;}
.property-section:not(.expanded) #playstyleList .playstyle-card{grid-template-columns:minmax(0,1fr);min-height:0;padding:7px 9px!important;}
.property-section.expanded #playstyleList .playstyle-icon{display:block;}
.property-section:not(.expanded) #playstyleList{display:none!important;}
.property-heading{align-items:center;gap:8px;}
.property-heading .property-toggle{flex:0 0 auto;width:auto!important;min-width:0!important;align-self:center;white-space:nowrap;padding:5px 8px!important;line-height:1.25;}
.primary-properties{align-items:start;}
.property-section:not(.expanded) #traitList{display:none!important;}
#profileSkillTree .skill-tree-layout:not(.expanded){display:none!important;}
#profileSkillTree .skill-tree-heading{align-items:center;margin-bottom:0;}
#profileSkillTree .skill-tree-toggle{flex:0 0 auto;width:auto!important;min-width:0!important;white-space:nowrap;padding:5px 8px!important;line-height:1.25;}
/* No reserved content spacing while property panels are collapsed. */
.primary-properties .property-section:not(.expanded) .property-heading{margin-bottom:0!important;}
.primary-properties .property-section:not(.expanded){padding:8px 10px!important;min-height:0;}

.headline-stat-block .all-stats{margin-top:8px;padding:7px 12px;}
.headline-stat-block .all-stats summary{font-size:.75rem;}
.headline-stat-block .all-stats summary span{min-height:22px;padding:3px 6px;}

.comparison-help #comparisonBody{display:none;}
.comparison-help{padding:10px 0!important;background:transparent!important;border:0!important;}
#comparisonTitle{font-size:.7rem;}
#percentileLegend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin-top:8px;}
#percentileLegend .legend-band{display:flex;flex-direction:column;align-items:center;padding:6px 1px;border:0;border-top:6px solid var(--level-color);border-radius:0;background:transparent;font-size:.6rem;gap:3px;}
#percentileLegend .legend-band small{font-size:.55rem;white-space:nowrap;}
#percentileLegend .band-caution{--level-color:#d68676;}#percentileLegend .band-standard{--level-color:#9daab0;}#percentileLegend .band-good{--level-color:#8cc987;}#percentileLegend .band-excellent{--level-color:#61cbd7;}#percentileLegend .band-elite{--level-color:#e9cd6d;}

.role-card-copy,.role-title-line{min-width:0;}
#primaryRole,#secondaryRole{display:block;min-width:0;white-space:nowrap;flex:0 1 auto;}
.role-title-line .role-info-button{flex-shrink:0;}

.mode-brief p{font-size:.78rem;line-height:1.55;margin:8px 0;}
.mode-brief p>b{display:block;color:var(--green);}
.mode-more{margin-top:10px;border-top:1px solid #ffffff18;padding-top:8px;}
.mode-more summary{cursor:pointer;font-size:.72rem;color:var(--green);}

.mode-title-with-icon{display:flex;align-items:center;gap:9px;}
.mode-trophy{display:block;flex:0 0 48px;width:48px;height:48px;background:url('/players/assets/mode-trophies-v1-864.webp') no-repeat;background-size:300% 100%;}
.mode-trophy-vsa{background-position:left center;}.mode-trophy-h2h{background-position:center center;}.mode-trophy-manager{background-position:right center;}

.mode-score-stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;}
.mode-card .mode-card-top .mode-score-stack b{font-size:1rem;line-height:1.2;}
.mode-score-stack small{font-size:.65rem;line-height:1.2;color:var(--muted);white-space:nowrap;}

.mode-card .mode-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;}
.mode-title-with-icon{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;min-width:0;}
.mode-title-with-icon>strong{text-align:center;white-space:nowrap;}
@media(max-width:700px){.mode-card.manager .mode-title-with-icon>strong{font-size:clamp(.65rem,2.9vw,.85rem)!important;}.mode-title-with-icon{grid-template-columns:38px minmax(0,1fr);gap:4px;}.mode-trophy{width:38px;height:38px;}.mode-title-with-icon>strong{font-size:.85rem;}}

#modeAnalysisGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;}
#modeAnalysisGrid .mode-card{display:contents;}
#modeAnalysisGrid .mode-select{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;padding:12px 4px;background:rgba(140,219,104,.04);border:1px solid rgba(140,219,104,.22);border-radius:14px;color:var(--text);cursor:pointer;}
#modeAnalysisGrid .mode-title-with-icon{display:flex;flex-direction:column;gap:6px;}
#modeAnalysisGrid .mode-title-with-icon>strong{font-size:.72rem!important;white-space:nowrap;}
#modeAnalysisGrid .mode-trophy{width:48px;height:48px;flex-basis:48px;}
#modeAnalysisGrid .mode-score-stack{align-items:center;}
#modeAnalysisGrid .mode-select[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.12);}
#modeAnalysisGrid .mode-panel{grid-row:2;grid-column:1 / -1;padding:10px 14px;border:1px solid rgba(140,219,104,.2);border-radius:12px;}
#modeAnalysisGrid .mode-panel[hidden]{display:none!important;}

/* Shared findings: content occupies the text track, never the icon track. */
.finding-content{min-width:0;overflow-wrap:anywhere;}
.finding-content>strong{display:block;}
.full-review-card>div:only-child{grid-column:1 / -1;min-width:0;}

.playstyle-ai-analysis{grid-column:1 / -1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;}
.playstyle-ai-analysis h4{margin:0 0 8px;color:var(--green);font-size:.85rem;}
.playstyle-ai-analysis p{margin:0 0 12px;color:#cbd6ce;font-size:.83rem;line-height:1.7;}
.playstyle-ai-analysis p:last-child{margin-bottom:0;}
#profileSkillTree{padding:8px 10px!important;}

.role-title-line .role-info-button{width:18px;height:18px;}
.role-title-line .role-info-button svg{display:block;width:14px;height:14px;}

.role-info-button,.result-role .role-info-button{width:18px;height:18px;}
.role-info-button svg{display:block;width:14px;height:14px;}

.mode-analysis-heading{padding-bottom:5px;margin-bottom:10px;}
.mode-analysis-heading #modeAnalysisTitle{margin-bottom:0;}

.mode-disclosure{display:inline-block;font-size:.65em;transition:transform .15s;}
.mode-select[aria-expanded="true"] .mode-disclosure{transform:rotate(180deg);}

.findings-tabs{display:flex;gap:8px;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:10px;}
.findings-tabs button{border:1px solid var(--line);border-radius:9px;padding:7px 14px;background:transparent;color:var(--muted);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;}
.findings-tabs button[aria-selected="true"]{background:rgba(140,219,104,.14);border-color:var(--green);color:var(--green);}
#findingsBox [role="tabpanel"][hidden]{display:none!important;}

.findings-tabs button{display:inline-flex;align-items:center;gap:7px;}
.findings-tabs button::before{content:"";display:inline-block;flex:0 0 16px;width:16px;height:16px;background-color:currentColor;mask:var(--finding-tab-icon) center/contain no-repeat;-webkit-mask:var(--finding-tab-icon) center/contain no-repeat;}
#strengthTitle{--finding-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4L19 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#cautionTitle{--finding-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 21h20L12 3zM12 9v5m0 3v.1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#cautionTitle[aria-selected="true"]{color:var(--gold);border-color:var(--gold);background:rgba(241,200,77,.1);}

.findings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.findings-tabs button{width:100%;min-width:0;justify-content:center;min-height:38px;}

.finding-stat-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.finding-stat-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;background:rgba(140,219,104,.09);color:var(--green);font-size:.7rem;line-height:1.5;}
.finding-stat-badge.band-elite{color:var(--gold);background:rgba(241,200,77,.1);}
.finding-stat-badge.band-caution{color:#edb16c;background:rgba(237,177,108,.1);}
.finding-stat-badge.band-standard{color:var(--muted);background:rgba(255,255,255,.06);}


.mode-analysis-heading #modeAnalysisTitle{display:block;text-align:center;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;}
.mode-analysis-heading{padding-bottom:0;}
.mode-analysis-heading::after{display:none;}
.mode-analysis-heading #modeAnalysisTitle{display:flex;align-items:center;gap:10px;}
.mode-analysis-heading #modeAnalysisTitle::before,.mode-analysis-heading #modeAnalysisTitle::after{content:"";flex:1 1 0;min-width:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,200,77,.55));}
.mode-analysis-heading #modeAnalysisTitle::after{background:linear-gradient(90deg,rgba(241,200,77,.55),transparent);}

#versionPicker{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;}
#versionPicker[hidden]{display:none;}
#versionPickerTitle{margin:0;flex:0 0 auto;white-space:nowrap;font-size:.75rem;}
#versionButtons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;overflow-x:auto;}
#versionButtons button{flex:0 0 auto;white-space:nowrap;margin:0;font-size:.72rem;padding:6px 9px;}

#versionButtons{margin:0;}

#formationDetailsToggle{display:inline-flex;list-style:none;cursor:pointer;}
#formationDetailsToggle::-webkit-details-marker{display:none;}
#formationDetails[open] .formation-fit-list{margin-top:12px;}

.formation-heading{margin:0 0 10px;line-height:1.4;font-size:clamp(.8rem,3.5vw,1.05rem);white-space:nowrap;}

.player-review .formation-property{padding:8px 10px;min-height:0;border:1px solid var(--line);border-radius:12px;background:rgba(7,26,15,.72);margin:16px 0;}
.formation-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;margin:0;}
.formation-summary::-webkit-details-marker{display:none;}
.formation-summary .formation-heading{margin:0;font-size:clamp(.65rem,2.7vw,.95rem);min-width:0;}
.formation-summary #formationDetailsToggle{flex-shrink:0;}

.formation-summary .formation-heading{font-size:1rem;font-weight:700;line-height:1.65;white-space:normal;}
.formation-summary{flex-wrap:wrap;}

.player-review .formation-property{background:rgba(0,0,0,.11);border-color:rgba(140,219,104,.22);border-radius:11px;box-shadow:none;}

#searchTitle,#profileSectionTitle{white-space:nowrap;max-width:100%;min-width:0;}
.search-panel .coach-step-copy,.player-profile-step .coach-step-copy{min-width:0;}

body.stadium-daytime{background-image:linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.2) 72%,#020a06 100%),url('/players/assets/brand/player-review-stadium-day-v1.webp');}

body.stadium-daytime{background-color:#000;background-image:linear-gradient(180deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.28) 60px,rgba(0,0,0,.78) 112px,rgba(0,0,0,.92) 164px,#000 260px),url('/players/assets/brand/player-review-stadium-day-v1.webp');background-size:100% 177.6833vw,100% auto;}

body:not(.team-suggestion-mode) .new-card-strip-panel{margin-top:12px;}

/* Lift the artwork and its PlayStyle overlay together inside latest cards. */
.filter-adjust-icon{display:none;}
@media(max-width:700px){
  body .search-panel,
  body .search-panel *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
  body .search-panel .field>span:first-child,
  body .search-panel .position-label-row>label,
  body .search-panel .role-filter-heading>label,
  body .search-panel :is(#playstyleFilter,#playstyleFilter2)>span:first-child{font-size:.76rem;font-weight:600;line-height:1.4;}
  body .search-panel input,
  body .search-panel select,
  body .search-panel .ps-filter-trigger{font-size:.875rem;font-weight:600;}
  body .filter-adjust-icon{display:block;width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:6px;}
  body .search-panel{margin-top:6px;}
  body .advanced-filter-chevron{display:none;}
  .new-card-strip-panel .mini-card-choice{grid-template-rows:136px auto auto auto;padding-top:6px;}
  .new-card-strip-panel .mini-card-art-action{position:relative;top:-14px;}
  body .search-panel #searchNameLabel{
    position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
  body .search-panel .search-field{grid-template-rows:48px;gap:0;}
  body .search-panel .section-heading{margin-bottom:10px;}
  body .search-panel .coach-step-copy{grid-column:1/-1;width:100%;text-align:center;}
  body .search-panel #searchTitle{text-align:center;}
  body .search-panel #headerConcept{display:none;}
  body .search-panel .search-submit>span[aria-hidden="true"]{display:none;}
  body .search-panel .search-submit{justify-content:center;}
  body .search-panel .search-submit .search-submit-text{flex:0 0 auto;margin:0;transform:none;}
  .role-filter-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;}
  .role-filter-heading .role-guide-launch{margin-left:0;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  body .search-panel .search-heading-tools,
  body .search-panel .coach-step-line{display:none;}
  body .search-panel .position-filter-group{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:22px 48px;column-gap:10px;
  }
  body .position-label-row{grid-column:1/-1;}
  body .search-panel select,
  body .search-panel .ps-filter-trigger{
    -webkit-appearance:none;appearance:none;padding-right:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23e8ce79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;
  }
  body .search-panel .ps-filter-trigger>b{display:none;}
  body .position-filter-group>button.switch-row.compact-switch{
    grid-column:2;grid-row:2;border:1px solid var(--line);border-radius:12px;background:transparent;box-shadow:none;padding:0;justify-content:center;
  }
}

.overview-section + .overview-section{margin-top:18px}.overview-section h4{margin:0 0 6px;font-size:1rem;color:var(--text)}.overview-section p{margin:6px 0;line-height:1.65}

/* Desktop search shares the comparison finder styling. */
@media(min-width:701px){
  body .search-panel,
  body .search-panel *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
  body .search-panel .field>span:first-child,
  body .search-panel .position-label-row>label,
  body .search-panel .role-filter-heading>label,
  body .search-panel :is(#playstyleFilter,#playstyleFilter2)>span:first-child{font-size:.76rem;font-weight:600;line-height:1.4;}
  body .search-panel input,
  body .search-panel select,
  body .search-panel .ps-filter-trigger{font-size:.875rem;font-weight:600;}
  body .filter-adjust-icon{display:block;width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  body .search-panel{margin-top:6px;}
  body .advanced-filter-chevron{display:none;}
  body .search-panel #searchNameLabel{
    position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
  body .search-panel .search-field{grid-template-rows:48px;gap:0;}
  body .search-panel .section-heading{margin-bottom:10px;}
  body .search-panel .coach-step-copy{grid-column:1/-1;width:100%;text-align:center;}
  body .search-panel #searchTitle{text-align:center;}
  body .search-panel #headerConcept{display:none;}
  body .search-panel .search-submit>span[aria-hidden="true"]{display:none;}
  body .search-panel .search-submit{justify-content:center;}
  body .search-panel .search-submit .search-submit-text{flex:0 0 auto;margin:0;transform:none;}
  .role-filter-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;}
  .role-filter-heading .role-guide-launch{margin-left:0;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  body .search-panel .search-heading-tools,
  body .search-panel .coach-step-line{display:none;}
  body .search-panel .position-filter-group{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:22px 48px;column-gap:10px;
  }
  body .position-label-row{grid-column:1/-1;}
  body .search-panel select,
  body .search-panel .ps-filter-trigger{
    -webkit-appearance:none;appearance:none;padding-right:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23e8ce79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;
  }
  body .search-panel .ps-filter-trigger>b{display:none;}
  body .position-filter-group>button.switch-row.compact-switch{
    grid-column:2;grid-row:2;border:1px solid var(--line);border-radius:12px;background:transparent;box-shadow:none;padding:0;justify-content:center;
  }

  body .search-panel{padding:14px!important;border-radius:14px!important;}
  body .search-panel .coach-step-heading{grid-template-columns:minmax(0,auto) minmax(42px,1fr);gap:16px;align-items:center;}
  body .search-panel .coach-step-copy{grid-column:1;width:auto;text-align:left;}
  body .search-panel #searchTitle{text-align:left;font-size:1.3rem;line-height:1.3;}
  body .search-panel #headerConcept{display:block;}
  body .search-panel .coach-step-line{display:block;grid-column:2;align-self:center;margin-top:0;}
  body .search-panel #searchNameLabel{position:static;width:auto;height:22px;overflow:visible;clip-path:none;white-space:normal;}
  body .search-panel .search-field{grid-template-rows:22px 48px;gap:7px;}
  body .search-panel .search-submit{min-height:48px;margin-top:13px;padding:10px 18px;font-size:.98rem;border-radius:11px;}
}

@media(min-width:701px){
  body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{grid-template-rows:136px auto auto auto;padding-top:6px;}
  body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action{position:relative;top:-14px;}
}

@media(min-width:701px){
  body .search-panel .coach-step-line{align-self:start;margin-top:calc(.845rem + 4px);}
}

/* A quieter reading layout for the role guide. */
#roleGuideDialog,#roleGuideDialog *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
#roleGuideDialog .role-guide-dialog-bar{gap:14px;padding:14px 20px;min-height:64px;font-size:.95rem;}
#roleGuideDialog .guide-position-picker{margin-left:auto;display:block;}
#roleGuideDialog .guide-position-picker>span{display:none;}
#roleGuideDialog .guide-position-picker select{min-width:80px;height:38px;font-size:.85rem;}
#roleGuideDialog .position-guide-head{display:none;}
#roleGuideDialog .position-guide{padding:20px 24px 28px;}
#roleGuideDialog .role-tabs{gap:8px;padding:0 0 18px;}
#roleGuideDialog .role-tabs button{font-size:.8rem;min-height:38px;padding:8px 12px;}
#roleGuideDialog .guide-copy{margin-top:6px;padding-top:22px;gap:24px;}
#roleGuideDialog .guide-role-heading h3{font-size:1.35rem;line-height:1.4;}
.guide-role-heading .guide-role-en{display:inline-block;margin-left:2px;font-size:.68em;font-weight:400;letter-spacing:.02em;color:#A2B5A8;white-space:nowrap;vertical-align:baseline}
#roleGuideDialog .guide-role-position{font-size:.78rem;}
#roleGuideDialog .guide-role-heading .guide-player-search{min-height:40px;font-size:.82rem;padding:9px 14px;}
#roleGuideDialog .guide-reading{display:grid;gap:22px;}
#roleGuideDialog .guide-reading-block,#roleGuideDialog .fit-line{margin:0;padding:0;border:0;background:transparent;box-shadow:none;}
#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{display:block;margin:0 0 7px;font-size:.84rem;color:#d8c98d;}
#roleGuideDialog .guide-reading p{font-size:.92rem;line-height:1.8;}
#roleGuideDialog .guide-next-actions{margin-top:2px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);}
#roleGuideDialog .guide-formation-toggle{font-size:.84rem;min-height:44px;background:transparent;border-color:rgba(255,255,255,.14);}
@media(max-width:700px){
 #roleGuideDialog{height:auto;max-height:80dvh;}
 #roleGuideDialog .role-guide-dialog-shell{height:auto;max-height:80dvh;}
 #roleGuideDialog .role-guide-dialog-bar{padding:16px 16px 12px;}
 #roleGuideDialog .position-guide{padding:18px 18px 28px;}
 #roleGuideDialog .guide-role-heading{grid-template-columns:34px minmax(0,1fr) auto;}
 #roleGuideDialog .guide-role-heading h3{font-size:1.18rem;}
 #roleGuideDialog .guide-role-heading .guide-player-search{font-size:.76rem;padding:8px 10px;}
}

#roleGuideDialog .role-tab-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:none;border:0;border-radius:0;box-shadow:none;}
#roleGuideDialog .role-tab-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
#roleGuideDialog .guide-role-icon{display:grid;place-items:center;background:none;border:0;box-shadow:none;color:#d8c98d;}
#roleGuideDialog .guide-role-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;}

#roleGuideDialog .guide-role-heading .guide-player-search,
#roleGuideDialog .guide-role-heading .guide-player-search:visited{background:transparent;border:1px solid rgba(198,211,201,.22);color:#b8c6bd!important;box-shadow:none;}
#roleGuideDialog .guide-role-heading .guide-player-search span,
#roleGuideDialog .guide-role-heading .guide-player-search b{color:inherit!important;}
#roleGuideDialog .guide-role-heading .guide-player-search:hover,
#roleGuideDialog .guide-role-heading .guide-player-search:focus-visible{background:rgba(255,255,255,.05);border-color:rgba(198,211,201,.45);color:#e2e9e4!important;box-shadow:none;}

/* Role guide uses the site's dark and muted-gold palette. */
#roleGuideDialog{--green:#d9c17c;--gold:#e8ce79;--muted:#a8ada8;--text:#eeefea;}
#roleGuideDialog .role-guide-dialog-shell{background:#080b09;border-color:rgba(232,206,121,.28);}
#roleGuideDialog .role-guide-dialog-bar{background:#0b0e0b;border-bottom-color:rgba(232,206,121,.16);color:#e8ce79;}
#roleGuideDialog .position-guide{background:transparent;}
#roleGuideDialog .role-tabs .role-tab{background:transparent;border:1px solid rgba(232,206,121,.14);color:#aeb5ad;box-shadow:none;}
#roleGuideDialog .role-tabs .role-tab.active{background:rgba(232,206,121,.12);border-color:rgba(232,206,121,.5);color:#edda9e;box-shadow:none;}
#roleGuideDialog .role-tabs .role-tab:hover{background:rgba(232,206,121,.08);color:#edda9e;}
#roleGuideDialog .guide-position-picker select{background-color:#10130f;color:#e8ce79;border-color:rgba(232,206,121,.3);}
#roleGuideDialog .guide-role-heading h3{color:#eeefea;}
#roleGuideDialog .guide-role-icon,#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{color:#d9c17c;}
#roleGuideDialog .guide-reading p{color:#bec3bb;}
#roleGuideDialog .guide-formation-toggle{color:#d9c17c;border-color:rgba(232,206,121,.18);background:transparent;box-shadow:none;}
#roleGuideDialog .guide-role-heading .guide-player-search{border-color:rgba(232,206,121,.22);color:#c5bd9f!important;}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{color:#edda9e;background:none;}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon svg{stroke:currentColor;}
#roleGuideDialog .guide-position-picker select:focus-visible{outline:2px solid rgba(232,206,121,.55);outline-offset:2px;box-shadow:none;}

/* Match the Player Collection bonus dialog's actual palette and lighting. */
#roleGuideDialog .role-guide-dialog-shell{border-color:rgba(232,188,54,.68);background:radial-gradient(circle at 7% 0,rgba(242,198,65,.18),transparent 25%),radial-gradient(circle at 23% 8%,rgba(137,232,95,.11),transparent 29%),linear-gradient(155deg,#062014,#020f09 72%);box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,238,176,.08);}
#roleGuideDialog .role-guide-dialog-bar{background:linear-gradient(110deg,#29331b,#082015 65%);border-bottom-color:rgba(232,188,54,.34);color:#f4d36d;}
#roleGuideDialog .role-guide-close{border-color:rgba(232,188,54,.45);background:#0b2a19;color:#f4d36d;}
#roleGuideDialog .role-tabs .role-tab{border-color:rgba(232,188,54,.34);background:rgba(232,188,54,.065);color:#d6dece;}
#roleGuideDialog .role-tabs .role-tab.active{border-color:#efc84e;background:linear-gradient(135deg,#ffe99b,#e9bd46 60%,#c98e1d);color:#081109;box-shadow:inset 0 1px rgba(255,255,255,.35);}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{color:#081109;}
#roleGuideDialog .guide-role-icon,#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{color:#f4c63d;}
#roleGuideDialog .guide-position-picker select{background-color:#0b2a19;border-color:rgba(232,188,54,.45);color:#f4d36d;}
#roleGuideDialog .guide-formation-toggle{background:rgba(232,188,54,.065);border-color:rgba(232,188,54,.34);color:#f4d36d;}

#roleGuideDialog .guide-details{margin-top:0;padding-top:0;border-top:0;}
#roleGuideDialog .role-tabs{border:0;padding-bottom:0;}
#roleGuideDialog .guide-copy{border-top:0;margin-top:0;padding-top:24px;}
#roleGuideDialog .role-tabs{padding-bottom:18px;border-bottom:1px solid rgba(232,188,54,.2);}
#roleGuideDialog .guide-role-heading{grid-template-columns:34px minmax(0,1fr);}
#roleGuideDialog .guide-browse-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
#roleGuideDialog .guide-role-heading .guide-browse-actions .guide-player-search{grid-column:auto;grid-row:auto;display:flex;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:9px 8px;border-radius:10px;white-space:normal;text-align:center;font-size:.76rem;line-height:1.5;}
#roleGuideDialog .guide-reading .guide-browse-actions{margin-top:0;grid-column:auto;grid-row:auto;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:9px 8px;border:1px solid rgba(232,188,54,.22);border-radius:10px;background:transparent;box-shadow:none;color:#c5bd9f!important;white-space:normal;text-align:center;font-size:.76rem;line-height:1.5;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search span{color:inherit!important;}
#roleGuideDialog .guide-reading .guide-browse-actions{gap:8px;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search{min-height:44px;padding:9px 7px;border-color:rgba(232,188,54,.16);border-radius:9px;background:rgba(232,188,54,.035);font-size:.72rem;font-weight:500;line-height:1.4;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search b{display:none;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search:hover{border-color:rgba(232,188,54,.4);background:rgba(232,188,54,.08);}
#roleGuideDialog .guide-browse-actions .guide-action-icon{display:block;width:16px;height:16px;flex:0 0 16px;object-fit:contain;color:#d9c17c;}
#roleGuideDialog .guide-browse-actions .guide-action-top10{width:22px;height:22px;flex-basis:22px;}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{padding-top:4px;margin-top:-8px;}
 #roleGuideDialog .position-guide{padding-bottom:40px;}
}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{margin-top:-14px;}
}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{margin-top:-10px;padding-top:12px;}
 #roleGuideDialog .guide-next-actions .guide-formation-toggle{margin-top:0;}
}
#roleGuideDialog .guide-formation-toggle,
#roleGuideDialog .guide-formation-toggle span{font-weight:400;}
#roleGuideDialog .guide-formation-toggle strong{font-weight:700;}
#roleGuideDialog .role-guide-title-group{display:inline-flex;align-items:center;gap:9px;}
#roleGuideDialog .role-guide-book-icon{width:21px;height:21px;flex:none;color:#f4d36d;}
@media(min-width:701px){
 body .search-panel .section-heading{margin-bottom:-2px;}
}
html.collection-embed,html.collection-embed body{background:transparent!important;}
html.collection-embed body>header,html.collection-embed body>main,html.collection-embed body>footer,html.collection-embed .fct-campaign-teaser{display:none!important;}
html.collection-embed .profile-collection-dialog::backdrop{background:rgba(0,7,4,.6);}
html.collection-embed .profile-collection-dialog{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;max-height:100dvh;border:0;border-radius:0;box-shadow:none;}
html.collection-embed .profile-collection-close,html.collection-embed .profile-collection-handle{display:none!important;}
html.collection-embed .profile-collection-dialog::backdrop{background:transparent;backdrop-filter:none;}

#profileCollectionDialogTitle:focus { outline: none; }
/* Search actions share the softer gold used by Top 10. */
#searchSubmit{background:linear-gradient(135deg,#dae321,#cbd21f)!important;border-color:#dae321!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
#searchSubmit:hover{background:linear-gradient(135deg,#e3eb4d,#d8e02f)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
body.team-suggestion-mode #searchSubmit{background:linear-gradient(135deg,#dae321,#cbd21f)!important;border-color:#dae321!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
body.team-suggestion-mode #searchSubmit:hover{background:linear-gradient(135deg,#e3eb4d,#d8e02f)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
body.team-suggestion-mode #searchSubmit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-family:'Anuphan',sans-serif;font-size:16px;font-weight:700;line-height:1.4}
body.team-suggestion-mode #searchSubmit>span[aria-hidden="true"]{display:none}
body.team-suggestion-mode #searchSubmit .search-submit-text{flex:0 0 auto;margin:0;transform:none}
body.team-suggestion-mode #searchSubmit .search-product-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.squad-plan-entry>.squad-lineup-toggle{width:auto;justify-self:end;min-height:28px;padding:3px 9px;font-size:11px;margin:0;}.squad-plan-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;min-width:0}
.squad-plan-actions .squad-lineup-toggle{display:inline-flex;align-items:center;gap:4px;width:auto;min-height:24px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;font:600 11px/1.4 'Anuphan',sans-serif;white-space:nowrap;color:#dfc477}
.squad-plan-actions .squad-lineup-toggle span{font-size:11px}
.squad-plan-actions .squad-lineup-toggle span{display:inline;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;line-height:1}
@media(max-width:700px){
body.team-suggestion-mode .squad-plan-entry>.squad-plan{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px 10px;align-items:start}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:first-child{grid-column:1;grid-row:1;min-width:0}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){grid-column:1;grid-row:2;min-width:0}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end}
}
body.team-suggestion-mode .squad-plan-entry>.squad-plan{grid-template-columns:minmax(0,1fr) 64px!important;width:100%;box-sizing:border-box}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{grid-column:2!important;grid-row:1 / span 2!important;width:64px!important;justify-self:end!important;align-items:flex-end!important;margin:0!important;padding:0!important;text-align:right;transform:none}
body.team-suggestion-mode .squad-plan-actions>.score{width:auto!important;margin:0!important;padding:0!important;text-align:right}
@media(max-width:700px){
body.team-suggestion-mode .squad-plan-entry>.squad-plan{position:relative!important;display:block!important;padding-right:74px!important;min-height:66px}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){margin-top:8px}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:64px!important}
}
body.team-suggestion-mode .owned-section .coach-step-number,
body.team-suggestion-mode .squad-plans .coach-step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;flex:0 0 42px;border-radius:50%!important;background:linear-gradient(135deg,#dfc477,#c9a44d)!important;border:1px solid #d1af5a!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important;font:700 19px/1 'Anuphan',sans-serif;padding:0}
body.team-suggestion-mode .owned-section,
body.team-suggestion-mode .squad-plans{background:linear-gradient(145deg,rgba(4,25,14,.94),rgba(1,13,8,.96))!important;border-color:rgba(209,175,90,.4)!important}
body.team-suggestion-mode .owned-section>.coach-step-heading,
body.team-suggestion-mode .squad-plans>.coach-step-heading{column-gap:8px!important}
@media(max-width:700px){
body.team-suggestion-mode .owned-section>.coach-step-heading,
body.team-suggestion-mode .squad-plans>.coach-step-heading{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}
body.team-suggestion-mode .owned-section>.coach-step-heading .coach-step-copy,
body.team-suggestion-mode .squad-plans>.coach-step-heading .coach-step-copy{min-width:0;margin:0!important;padding:0!important}
body.team-suggestion-mode #ownedTitle,
body.team-suggestion-mode #squadPlanTitle{font-size:22px;line-height:1.3;white-space:nowrap;letter-spacing:0}
}
/* Preview: player artwork rises above the lower information frame. */
.new-card-strip-panel .mini-card-choice{isolation:isolate;border-color:transparent!important;background:transparent!important;box-shadow:none!important;overflow:visible;}
.new-card-strip-panel .mini-card-choice::before{content:"";position:absolute;inset:85px -1px -1px;z-index:-1;border:1px solid rgba(137,232,95,.38);border-radius:14px;background:linear-gradient(180deg,rgba(21,48,28,.78),rgba(3,17,9,.96));box-shadow:0 8px 18px rgba(0,0,0,.24);pointer-events:none;}
@media(max-width:700px){.new-card-strip-panel .mini-card-choice::before{top:74px;}}
/* Open upper edge so the artwork emerges from the frame. */
.new-card-strip-panel .mini-card-choice::before{border-top:0;border-top-left-radius:0;border-top-right-radius:0;background:linear-gradient(180deg,rgba(21,48,28,0),rgba(12,33,19,.72) 35%,rgba(3,17,9,.96));}
/* Outline only: no fill behind the player information. */
.new-card-strip-panel .mini-card-choice::before{background:transparent!important;box-shadow:none!important;}
/* Restore the upper outline at artwork midpoint; keep the frame unfilled. */
.new-card-strip-panel .mini-card-choice::before{border-top:1px solid rgba(137,232,95,.38);border-top-left-radius:14px;border-top-right-radius:14px;}
/* Tighten discovery row after raising artwork above its frame. */
.new-card-strip-panel .mini-section-head{margin-bottom:0!important;}
.new-card-strip-panel #latestCardStrip{margin-top:-12px;}

/* Mobile needs breathing room below the card-data date. */
@media(max-width:700px){.new-card-strip-panel #latestCardStrip{margin-top:2px;}}
/* Overview headings share the soft green used by utility controls. */
#overviewTitle,#analysisOverview h4{color:#8cdb68!important;}
/* Match Rank Skill spacing to the 10px PlayStyle / Trait gap. */
#profileSkillTree{margin-bottom:10px;}
/* Mode trophies rise above an unfilled frame, matching player cards. */
#modeAnalysisGrid .mode-select{position:relative;isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none;overflow:visible;}
#modeAnalysisGrid .mode-select::before{content:"";position:absolute;inset:54px -1px -1px;z-index:-1;border:1px solid rgba(140,219,104,.3);border-radius:14px;background:transparent;pointer-events:none;}
#modeAnalysisGrid .mode-select[aria-expanded="true"]::before{border-color:var(--green);}
#modeAnalysisGrid .mode-trophy{filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));}

/* Keep explore button content centered with the original palette. */
#similarPlayers .similar-action{justify-content:center;align-items:center;}

/* Preview: transparent explore cards, retaining outlines and actions. */
#similarPlayers .similar-card,#similarPlayers .similar-card:hover,#similarPlayers .similar-card:focus-visible{background:transparent!important;box-shadow:none!important;}

/* Search scope follows the action, matching Top 10 explanatory copy. */
#databaseScopeNote.search-scope-note{grid-column:1 / -1;margin:10px 0 0!important;text-align:left;font-size:12px!important;font-weight:400!important;line-height:1.65;color:var(--muted)!important;}

/* Team guide: reveal entry panels, then grouped bench and formations. */
.team-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.team-entry-buttons button{padding:12px;border:1px solid var(--green);border-radius:12px;background:transparent;color:var(--green);font:600 15px 'Anuphan',sans-serif}
.team-entry-buttons button[aria-expanded="true"]{background:rgba(140,219,104,.14)}
body.team-suggestion-mode:not(.team-search-open) .search-panel,body.team-suggestion-mode:not(.team-search-open) #playerResultsPanel,body.team-suggestion-mode:not(.team-latest-open) .team-latest-block{display:none!important}
body.team-suggestion-mode #ownedPlayers{display:grid;grid-template-columns:1fr;gap:16px}
.bench-zone{padding:14px;border:1px solid rgba(140,219,104,.2);border-radius:14px;background:rgba(0,0,0,.15)}
.bench-zone h3{margin:0 0 12px;color:var(--green);font-size:16px}.bench-zone h3 span{float:right;font-size:13px}
.bench-seats{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;border-bottom:4px solid #294431}
.bench-seats .owned-chip{position:relative;flex:0 0 140px;width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;background:transparent}
.bench-seats .owned-chip>span:nth-child(2){font-size:12px}.bench-seats .owned-chip button{position:absolute;right:0;top:0}.bench-empty{font-size:13px;color:var(--muted);margin:8px 0}
body.team-suggestion-mode #ownedTitle{font-size:22px}

/* Latest-list action: arrow sits below its icon. */
.latest-row-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.latest-row-action .latest-row-arrow{text-align:center;}

.latest-row-action>img{width:21px;height:21px;flex-basis:21px;}

/* Team Guide typography follows the Player Review reference. */
body.team-suggestion-mode #teamSuggestionTitle,
body.team-suggestion-mode #ownedTitle,
body.team-suggestion-mode #squadPlanTitle,
body.team-suggestion-mode #teamLatestTitle,
body.team-suggestion-mode #searchTitle{font-size:1.3rem!important;line-height:1.3!important;font-weight:700;white-space:normal!important;}
body.team-suggestion-mode #teamSuggestionHelp,
body.team-suggestion-mode #ownedHelp,
body.team-suggestion-mode #teamLatestHint,
body.team-suggestion-mode #teamRecommendationPolicy,
body.team-suggestion-mode .squad-warning,
body.team-suggestion-mode .bench-empty{font-size:.92rem;line-height:1.8;}
body.team-suggestion-mode .team-entry-buttons button,
body.team-suggestion-mode #searchSubmit,
body.team-suggestion-mode .team-budget-modes button{font-size:.9rem;line-height:1.4;}
body.team-suggestion-mode .bench-zone h3{font-size:1rem;line-height:1.4;}
body.team-suggestion-mode .bench-zone h3 span,
body.team-suggestion-mode .team-suggestion-count,
body.team-suggestion-mode #ownedCount{font-size:.76rem;}

/* Compact Team Guide introductory copy. */
body.team-suggestion-mode #teamSuggestionStep{margin:0 0 4px;line-height:1.2;}
body.team-suggestion-mode #teamSuggestionTitle{margin:0 0 6px;line-height:1.2!important;}
body.team-suggestion-mode #teamSuggestionHelp{margin:0;line-height:1.45;}
body.team-suggestion-mode .team-suggestion-heading{padding-bottom:12px;}
body.team-suggestion-mode .team-entry-buttons{margin-top:12px;}

/* Compact the selected-player bench, especially its empty state. */
body.team-suggestion-mode .owned-section #ownedTitle{font-size:1.12rem!important;line-height:1.25!important;}
body.team-suggestion-mode #ownedHelp{font-size:.8rem;line-height:1.45;margin:5px 0 0;}
body.team-suggestion-mode .owned-section .section-heading{margin-bottom:12px;row-gap:8px!important;}
body.team-suggestion-mode .owned-section .coach-step-number{width:34px;height:34px;min-width:34px;flex-basis:34px;font-size:16px;}
body.team-suggestion-mode .owned-section .coach-step-heading{grid-template-columns:34px minmax(0,1fr)!important;}
body.team-suggestion-mode #ownedPlayers{gap:10px;}
body.team-suggestion-mode .bench-zone{padding:10px 12px;}
body.team-suggestion-mode .bench-zone h3{font-size:.88rem;line-height:1.3;margin:0 0 6px;}
body.team-suggestion-mode .bench-zone h3 span{font-size:.72rem;}
body.team-suggestion-mode .bench-empty{font-size:.78rem;line-height:1.4;margin:3px 0 7px;}
body.team-suggestion-mode .bench-seats{padding:2px 0 6px;border-bottom-width:2px;}

.bench-zone-icon{display:inline-block;width:18px;height:18px;vertical-align:-4px;margin-right:7px;color:var(--green);}

/* Decorative perspective pitch behind the team introduction. */
.team-suggestion-heading{position:relative;isolation:isolate;overflow:hidden;}
.team-pitch-decoration{position:absolute!important;right:-15px;bottom:0;width:48%;max-width:390px;opacity:.38;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%);}
.team-pitch-decoration svg{display:block;width:100%;height:auto;}
.team-suggestion-heading>div:not(.team-pitch-decoration){position:relative;z-index:1;}
@media(max-width:700px){.team-pitch-decoration{width:70%;right:-35px;opacity:.2;}.team-suggestion-heading{min-height:100px;}}

.team-roster-icon{display:grid;place-items:center;width:34px;height:38px;color:var(--green);}.team-roster-icon svg{width:32px;height:32px;}
body.team-suggestion-mode .bench-zone h3{display:flex;align-items:center;gap:5px;}.bench-zone h3 .bench-zone-icon{flex:0 0 18px;margin:0;}
body.team-suggestion-mode .bench-zone h3 .bench-zone-actions{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;float:none;}
.bench-zone-actions button{font:600 11px 'Anuphan',sans-serif;color:var(--green);border:1px solid rgba(140,219,104,.3);background:transparent;border-radius:7px;padding:4px 7px;cursor:pointer;}
.bench-zone-actions button:disabled{opacity:.35;cursor:default;}

/* Two rows of position zones on wider screens. */
body.team-suggestion-mode .bench-zone{min-width:0;}
@media(min-width:701px){body.team-suggestion-mode #ownedPlayers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}

.team-plan-filters{margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;padding:10px;}.team-plan-filters summary{cursor:pointer;color:var(--green);font-size:13px;}
.team-plan-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}.team-plan-modes button{padding:12px 6px;background:transparent;border:1px solid var(--green);color:var(--green);border-radius:10px;font:600 14px 'Anuphan',sans-serif;}.team-plan-modes button[aria-pressed="true"]{background:#dae321;color:#10170f;border-color:#dae321;}
#manualFormationControls{margin:12px 0;}#manualFormationControls label{display:block;margin-bottom:6px;color:var(--green);font-size:13px;}#manualFormationSelect{width:100%;padding:12px;background:#06170d;color:var(--text);border:1px solid var(--line);border-radius:10px;font:600 15px 'Anuphan',sans-serif;}
/* Perspective field surface, with upright player cards. */
body.team-suggestion-mode .squad-pitch{isolation:isolate;background:transparent;border:0;box-shadow:none;overflow:visible;}
body.team-suggestion-mode .squad-pitch::before{content:"";position:absolute;inset:0;z-index:-1;border:2px solid rgba(214,237,216,.65);border-radius:12px;background:repeating-linear-gradient(0deg,#155a31 0,#155a31 12.5%,#124d2b 12.5%,#124d2b 25%);transform:perspective(850px) rotateX(18deg);transform-origin:center bottom;box-shadow:0 12px 0 #092315,0 20px 30px #0008;}
body.team-suggestion-mode .squad-pitch .pitch-box,body.team-suggestion-mode .squad-pitch .pitch-halfway,body.team-suggestion-mode .squad-pitch .pitch-centre-circle{opacity:.7;}

body.team-suggestion-mode .squad-pitch::before{inset:0!important;width:auto!important;height:auto!important;transform:none!important;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#155a31 0,#155a31 12.5%,#124d2b 12.5%,#124d2b 25%);}
body.team-suggestion-mode .squad-pitch .pitch-halfway{left:6%;right:6%;}
body.team-suggestion-mode .squad-lineup-heading h3{font-size:1rem;}

body.team-suggestion-mode .lineup-empty-card{width:40px;aspect-ratio:3/4;}
body.team-suggestion-mode .lineup-empty-slot>small{display:none;}

/* Roster heading: actions beside title, explanation across the full row. */
body.team-suggestion-mode .owned-section>.section-heading{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;align-items:center;}
body.team-suggestion-mode .owned-section .coach-step-copy{display:contents;}
body.team-suggestion-mode .owned-section #ownedTitle{grid-column:2;grid-row:1;margin:0!important;}
body.team-suggestion-mode .owned-section .team-roster-icon{grid-column:1;grid-row:1;}
body.team-suggestion-mode .owned-section .team-heading-actions{grid-column:3!important;grid-row:1!important;margin:0!important;justify-self:end;}
body.team-suggestion-mode #ownedCount{display:none!important;}
body.team-suggestion-mode #ownedHelp{grid-column:1/-1;grid-row:2;margin:3px 0 0!important;text-align:left;}
body.team-suggestion-mode .owned-section .coach-step-line{display:none!important;}
body.team-suggestion-mode #clearTeamButton{padding:5px 9px;min-height:28px;font-size:11px;white-space:nowrap;}
/* Slim team-budget segmented controls. */
body.team-suggestion-mode .team-budget-modes{gap:6px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#041108;}
body.team-suggestion-mode .team-budget-modes button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 8px;font-size:13px;line-height:1.2;border-radius:8px;box-shadow:none;border:1px solid transparent;background:transparent;color:var(--muted);}
body.team-suggestion-mode .team-budget-modes button.active{background:rgba(140,219,104,.12);border-color:rgba(140,219,104,.45);color:var(--green);}
body.team-suggestion-mode .team-budget-modes .team-budget-icon{font-size:16px;width:20px;height:20px;line-height:20px;margin:0;padding:0;background:none;box-shadow:none;}

/* Formation filter shares the title row. */
body.team-suggestion-mode .squad-plans{display:grid;grid-template-columns:minmax(0,1fr) 36px;column-gap:10px;align-items:center;}
body.team-suggestion-mode .squad-plans>.section-heading{grid-column:1;grid-row:1;display:block!important;margin:0!important;padding:0!important;}
body.team-suggestion-mode .squad-plans .coach-step-line,body.team-suggestion-mode #squadStep{display:none!important;}
body.team-suggestion-mode #squadPlanTitle{margin:0!important;}
body.team-suggestion-mode .team-plan-filters{display:contents;}
body.team-suggestion-mode .team-plan-filters summary{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;border:1px solid var(--green);border-radius:18px;list-style:none;color:var(--green);}
body.team-suggestion-mode .team-plan-filters summary::-webkit-details-marker{display:none;}
body.team-suggestion-mode .team-plan-filters summary svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;}
body.team-suggestion-mode .team-plan-filters[open] summary{background:rgba(140,219,104,.15);}
body.team-suggestion-mode .team-plan-filters .team-guide-recommendation-controls{grid-column:1/-1;margin-top:12px;}
body.team-suggestion-mode .squad-plans>.team-plan-modes,body.team-suggestion-mode .squad-plans>#manualFormationControls,body.team-suggestion-mode .squad-plans>.squad-warning,body.team-suggestion-mode .squad-plans>.squad-plan-list{grid-column:1/-1;}

body.team-suggestion-mode .team-plan-filters::details-content{display:contents;}

body.team-suggestion-mode .squad-plans{grid-template-columns:minmax(0,1fr) auto;}
body.team-suggestion-mode .team-plan-filters summary{width:auto;gap:5px;padding:0 9px;white-space:nowrap;font-size:12px;}
body.team-suggestion-mode .team-plan-filters summary svg{flex:0 0 18px;width:18px;height:18px;}

body.team-suggestion-mode .team-plan-filters:not([open])>.team-guide-recommendation-controls{display:none!important;}

/* Keep the team pitch compact instead of stretching it on phones. */
body.team-suggestion-mode .squad-pitch{aspect-ratio:3/4;}
body.team-suggestion-mode .squad-pitch .lineup-player[data-slot="GK"]{top:90%;}

body.team-suggestion-mode .team-budget-modes{grid-template-columns:1fr;}
body.team-suggestion-mode .team-budget-modes button{justify-content:flex-start;padding:7px 10px;min-height:36px;}
@media(min-width:900px){body.team-suggestion-mode .team-budget-modes{grid-template-columns:1fr 1.5fr 1fr;}}

/* Use the Tactic Coach field artwork with upright player cards. */
body.team-suggestion-mode .squad-pitch{width:100%;max-width:1000px;aspect-ratio:auto;height:clamp(360px,48vw,570px);margin:18px auto 12px;}
body.team-suggestion-mode .squad-pitch::before{display:none;}
.squad-coach-field{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 12px #0003);pointer-events:none;}
body.team-suggestion-mode .squad-pitch .lineup-player[data-slot="GK"]{top:89%;}
@media(min-width:701px){body.team-suggestion-mode .squad-pitch .lineup-player{width:64px;}body.team-suggestion-mode .squad-pitch .lineup-card-art{height:68px;}}

body.team-suggestion-mode #manualFormationControls{margin:0 0 6px;}
body.team-suggestion-mode #manualFormationControls label{margin-bottom:4px;}
body.team-suggestion-mode .team-plan-modes{margin-bottom:6px;}

.team-tactic-link{display:block;text-align:center;margin:20px 0 0;padding:12px 14px;border-radius:12px;background:#dae321;color:#10170f;font-weight:700;text-decoration:none;}

/* Team Guide signed-out entry. */
body.team-suggestion-mode:not(.team-authenticated) .owned-section,body.team-suggestion-mode:not(.team-authenticated) .squad-plans,body.team-suggestion-mode:not(.team-authenticated) .team-entry-buttons,body.team-suggestion-mode:not(.team-authenticated) .team-latest-block,body.team-suggestion-mode:not(.team-authenticated) .search-panel,body.team-suggestion-mode:not(.team-authenticated) #playerResultsPanel,body.team-suggestion-mode:not(.team-authenticated) .method-note{display:none!important;}
.team-login-panel{margin-top:12px;}.team-login-panel p{font-size:13px;color:var(--muted);}.team-login-providers{display:flex;gap:8px;flex-wrap:wrap;}.team-login-providers button,.team-logout{border:1px solid var(--green);border-radius:20px;padding:8px 16px;background:transparent;color:var(--green);cursor:pointer;}.team-logout{position:absolute;right:0;top:0;padding:4px 10px;font-size:12px;}.team-login-dialog{width:min(90vw,420px);background:#06170d;color:#edf4e9;border:1px solid #8cdb68;border-radius:18px;padding:24px;}.team-login-dialog::backdrop{background:#000a;}.team-login-dialog h2{font-size:19px;margin:12px 0 20px;}.team-login-close{float:right;background:none;border:0;color:#fff;font-size:24px;}.team-auth-message{font-size:12px;line-height:1.5;color:#d4bd75;}

.team-login-providers{display:grid;grid-template-columns:1fr;gap:10px;max-width:360px;}
.team-login-providers button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 14px;border-radius:8px;font:500 14px/1.4 'Anuphan',sans-serif;}
.team-login-providers button img,.team-login-providers button svg{width:20px;height:20px;flex:0 0 20px;object-fit:contain;}
.team-login-providers [data-auth-provider="google"]{background:#fff;color:#1f1f1f;border-color:#747775;}
.team-login-providers [data-auth-provider="twitter"]{background:#000;color:#fff;border-color:#747775;}
.team-login-providers [data-auth-provider="facebook"]{background:#1877f2;color:#fff;border-color:#1877f2;}
.team-login-providers button:hover{filter:brightness(.94);}.team-login-providers button:focus-visible{outline:2px solid #8cdb68;outline-offset:3px;}

/* Center the currently available Google sign-in option. */
.team-login-panel{text-align:center;}
.team-login-providers{width:100%;margin-inline:auto;}
.team-login-providers button{justify-content:center;}
.team-login-dialog{text-align:center;}

.team-cloud-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px;font-size:12px;color:var(--muted);}.team-cloud-status button{background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--green);font-size:11px;}

/* Compact signed-out team login spacing. */
body.team-suggestion-mode:not(.team-authenticated) .team-suggestion-intro{gap:10px;}
.team-login-panel{margin-top:0;}
.team-login-panel>p:first-child{margin:0 0 10px;line-height:1.5;}
.team-login-panel .team-auth-message:empty{display:none;}

/* TACTIC SCORE wordmark: crop preview padding without changing the artwork. */
.review-score-wide .review-score-brand{display:block;width:clamp(150px,28vw,240px);height:auto;aspect-ratio:10 / 1;object-fit:cover;object-position:center 47.5%;filter:contrast(3);mix-blend-mode:screen;flex:none;}
.review-score-wide .review-score-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Compact scrollable position choices and TACTIC SCORE brand colours. */
.analysis-position-picker{display:block;min-width:0;margin:-4px 0 8px;}
.analysis-position-picker>strong{display:block;margin-bottom:10px;}
.analysis-position-picker #analysisPositionButtons{display:flex;flex-wrap:nowrap;gap:7px;min-width:0;max-width:100%;overflow-x:auto;padding:2px 2px 6px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(140,219,104,.35) transparent;-webkit-overflow-scrolling:touch;}
#analysisPositionButtons button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;}
.analysis-position-picker+.role-verdict{margin-top:0;}
.review-score.review-score-wide{border:1px solid #fff;background:#000;}
.review-score.review-score-wide strong{color:#ecf500;}

/* Keep logout above the heading copy, and squad cards compact. */
.team-suggestion-heading .team-logout{z-index:2;min-height:32px;}
.bench-seats .owned-chip{flex:0 0 76px;width:76px;padding:4px 0;border:0;border-radius:0;background:transparent;gap:4px;}
.bench-seats .owned-card-thumbnail{width:64px;height:80px;}
.bench-seats .owned-card-thumbnail .full-card-thumbnail{width:64px!important;height:80px!important;}
.bench-seats .owned-short-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;font-size:11px;}
.bench-seats .owned-chip button{right:0;top:0;width:24px;height:24px;padding:0;line-height:24px;z-index:1;}

body.team-suggestion-mode .team-budget-modes [data-exclude-signatures="true"] .team-budget-icon{width:28px;height:28px;flex:0 0 28px;}
.team-budget-icon img{display:block;width:100%;height:100%;object-fit:contain;}

/* FC TACTIC account dialog: a composed brand header and clear sign-in action. */
dialog.team-login-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:400px;max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;padding:28px 24px 22px;border:1px solid rgba(236,245,0,.32);border-radius:24px;background:radial-gradient(ellipse at 50% 0,rgba(140,219,104,.10),transparent 65%),#07110c;color:#f5f6ed;text-align:center;box-shadow:0 24px 80px #0009;}
dialog.team-login-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.team-login-dialog .team-login-dismiss{position:absolute;right:10px;top:10px;margin:0;padding:0;}
.team-login-dialog .team-login-close{float:none;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:10px;border:1px solid #ffffff18;border-radius:50%;background:#ffffff08;color:#a9b8ae;cursor:pointer;}
.team-login-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.team-login-dialog .team-login-close:hover{background:#ffffff16;color:#fff;}
.team-login-dialog .team-login-close:focus-visible{outline:2px solid #ecf500;outline-offset:2px;}
.team-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 30px 24px;border-bottom:1px solid #ffffff12;}
.team-login-brand img{width:128px;height:64px;object-fit:contain;}
.team-login-brand>span{font:600 8px/1.5 'Chakra Petch',sans-serif;letter-spacing:1.6px;color:#8d9d92;}
.team-login-copy{padding:24px 0;}
.team-login-dialog .team-login-eyebrow{margin:0 0 8px;color:#ecf500;font:700 10px/1.4 'Chakra Petch',sans-serif;letter-spacing:2px;}
.team-login-dialog h2{display:block;margin:0 0 10px;padding:0;font:700 25px/1.4 'Anuphan',sans-serif;letter-spacing:0;color:#f5f6ed;}
.team-login-dialog h2::after,.team-login-dialog h2::before{display:none;}
.team-login-dialog #teamLoginDescription{margin:0;color:#a4b2a9;font:400 14px/1.75 'Anuphan',sans-serif;}
.team-login-dialog .team-login-providers button{min-height:50px;border:1px solid #dadce0;border-radius:12px;font-size:14px;}
.team-login-dialog .team-login-footnote{margin:18px 0 0;font:400 11px/1.6 'Anuphan',sans-serif;color:#7e9084;}
.team-login-dialog .team-auth-message:empty{display:none;}
@media(max-width:360px){dialog.team-login-dialog{padding:24px 18px 20px;}.team-login-dialog h2{font-size:23px;}}

/* Account access directly below the language switch. */
.head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;}
.header-account{display:flex;justify-content:flex-end;max-width:100%;}
.header-account .team-logout,.header-account .header-login{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border:1px solid rgba(140,219,104,.45);border-radius:999px;background:#07110ccc;color:#ecf500;font:600 11px/1.4 'Chakra Petch',sans-serif;cursor:pointer;white-space:nowrap;}
.header-account [hidden]{display:none!important;}
.header-account button:hover{background:#18301e;border-color:#8cdb68;}

/* Transparent account buttons beneath the language switch. */
.header-account .header-login,.header-account .team-logout,.header-account button:hover{background:transparent;}

.header-account .header-login,.header-account .team-logout,.header-account button:hover{color:#fff;border-color:#fff;}

/* Tighten latest-player action spacing and lift the search panel on phones. */
@media(max-width:700px){
 body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{padding-bottom:3px;align-content:start;}
 body:not(.team-suggestion-mode) .new-card-strip-panel #latestCardStrip{padding-bottom:3px;}
 body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:0;}
 body:not(.team-suggestion-mode) .search-panel{margin-top:3px;}
}

/* Keep touch scrolling inside the role guide sheet. */
.role-guide-dialog-shell{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.role-guide-dialog::backdrop{touch-action:none;}

.role-swipe-hint{display:block;text-align:right;color:#92aa9c;font:400 12px/1.5 'Anuphan',sans-serif;margin:4px 0 6px;}
.role-swipe-hint[hidden]{display:none;}

/* Align the browsing hint with the position analysis heading. */
.analysis-position-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;}
.analysis-position-picker>strong{margin-bottom:8px;}
.analysis-position-picker>.role-swipe-hint{margin:0 0 8px;white-space:nowrap;}
.analysis-position-picker>#analysisPositionButtons{grid-column:1 / -1;}

.analysis-position-picker>strong,.analysis-position-picker>.role-swipe-hint{margin-bottom:2px;}
.analysis-position-picker{row-gap:0;}

.search-icon-heading{display:flex;align-items:center;gap:10px;}
.search-heading-icon{width:27px;height:27px;object-fit:contain;flex-shrink:0;}
.compact-search-field{display:flex!important;align-items:center;gap:8px;}
.compact-search-field input{min-width:0;flex:1;width:0!important;padding-right:0!important;}
.compact-search-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;padding-right:5px;}
.compact-search-actions[hidden]{display:none!important;}
.compact-search-actions .inline-search-submit,.compact-search-actions #searchClear{position:static!important;transform:none!important;width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;margin:0!important;padding:4px 8px!important;border:1px solid #8cdb6855!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#8cdb68!important;font:600 12px/1.3 'Anuphan',sans-serif!important;}
.compact-search-actions #searchClear{border-color:#ffffff25!important;color:#adbbb1!important;}

.search-wrap.compact-search-field>.compact-search-actions{position:static!important;inset:auto!important;transform:none!important;margin-left:auto!important;flex:0 0 auto;width:auto;color:inherit;}
.search-wrap.compact-search-field>input{position:static;flex:1 1 0%;min-width:0;}

/* One search action beside the name, or below expanded filters. */
.search-panel .search-icon-heading{width:100%;justify-content:center;text-align:center;}
.search-panel .section-heading{justify-content:center;}
.search-panel #searchTitle{flex:0 1 auto;text-align:center;}
.compare-name-search-row{display:flex;align-items:center;gap:10px;grid-column:1/-1;min-width:0;}
.compare-name-search-row>.search-field{flex:1;min-width:0;}
.search-panel #searchSubmit.beside-name-search{flex:0 0 auto;width:auto;min-width:68px;min-height:48px;height:48px;margin:0;padding:10px 14px;font-size:14px;border-radius:12px;}
.search-panel .compact-search-field input{padding-left:32px;}
@media(max-width:400px){.compare-name-search-row{gap:7px;}.search-panel #searchSubmit.beside-name-search{min-width:59px;padding:8px 10px;font-size:13px;}.search-panel .compact-search-actions #searchClear{padding:4px 5px!important;font-size:11px!important;}}

/* Keep all optional filters behind one heading control. */
.search-panel>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.search-panel .search-icon-heading{flex:1;min-width:0;width:auto;justify-content:flex-start;text-align:left;}
.search-panel #searchTitle{text-align:left;}
.search-panel>.section-heading>#advancedFilterToggle{flex:0 0 auto;margin:0;white-space:nowrap;}
.search-panel>.section-heading>.coach-step-line{display:none;}
.search-panel #advancedSearchFilters>.position-filter-group{grid-column:1/-1;}
.search-panel #advancedSearchFilters[hidden]{display:none!important;}
@media(max-width:700px){.search-panel>.section-heading{gap:8px;}.search-panel #searchTitle{font-size:18px!important;line-height:1.35;}.search-panel .search-heading-icon{width:22px;height:22px;}.search-panel .search-icon-heading{gap:7px;}.search-panel>.section-heading>#advancedFilterToggle{padding:6px 9px;font-size:12px;}}
.search-panel>.section-heading{flex-direction:row!important;flex-wrap:nowrap!important;}
.search-panel>.section-heading>.search-icon-heading{width:auto!important;flex:1 1 0%;}

/* Keep Clear within the input's own outline. */
.search-wrap.compact-search-field{position:relative;}
.search-wrap.compact-search-field>.compact-search-actions{position:absolute!important;left:auto!important;right:6px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;padding:0;}
.search-wrap.compact-search-field>input{width:100%!important;}
.search-wrap.compact-search-field:has(.compact-search-actions:not([hidden]))>input{padding-right:66px!important;}

/* Keep search headings and input actions aligned at every width. */
.search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;}
.search-panel .search-icon-heading>.step,.compare-search-panel .search-icon-heading>.step{display:none;}
.search-panel .search-icon-heading>#headerConcept,.compare-search-panel .search-icon-heading>#headerConcept{grid-column:2;margin:4px 0 0;}
.compare-name-search-row{align-items:flex-end;}
.search-panel .search-heading-tools:empty{display:none;}
.search-panel #advancedSearchFilters>.position-filter-group,.compare-search-panel #advancedSearchFilters>.position-filter-group{width:100%;min-width:0;}
.search-panel .compare-name-search-row,.compare-search-panel .compare-name-search-row{align-items:flex-end;}
@media(min-width:701px){.search-panel #advancedSearchFilters,.compare-search-panel #advancedSearchFilters{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1101px){.search-panel #advancedSearchFilters,.compare-search-panel #advancedSearchFilters{grid-template-columns:repeat(4,minmax(0,1fr));}}



/* Inline search description and title-sized icon. */
@media(min-width:701px){
 .search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;}
 .search-panel .search-icon-heading>#headerConcept,.compare-search-panel .search-icon-heading>#headerConcept{display:block;margin:0!important;}
 .search-panel>.section-heading,.compare-search-panel>.section-heading{margin-bottom:8px!important;}
}
.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:1em;height:1em;font-size:inherit;align-self:center;}
.search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{font-size:clamp(18px,2.1vw,26px);}
.search-panel .compare-name-search-row,.compare-search-panel .compare-name-search-row{margin-top:0;}
.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:1.3rem;height:1.3rem;}
.search-panel .search-icon-heading>#searchTitle,.compare-search-panel .search-icon-heading>#searchTitle{margin:0;}
@media(max-width:700px){.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:18px;height:18px;}}
@media(min-width:701px){
 .search-panel #searchNameLabel,.compare-search-panel #searchNameLabel{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;}
 .search-panel .compare-name-search-row>.search-field,.compare-search-panel .compare-name-search-row>.search-field{display:block!important;}
}

/* Search uses the TACTIC SCORE brand yellow. */
body #searchSubmit,body #searchSubmit:hover,body.team-suggestion-mode #searchSubmit,body.team-suggestion-mode #searchSubmit:hover{background:#ecf500!important;border-color:#ecf500!important;color:#10170f!important;box-shadow:none!important;}

/* Match the breathing room around Compare's latest-player cards. */
body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:6px;}
body:not(.team-suggestion-mode) .new-card-strip-panel #latestCardStrip{padding:0 2px 7px;}
body:not(.team-suggestion-mode) .search-panel{margin-top:6px;}

/* Keep Team Guide's search title and filter on one compact row. */
body.team-suggestion-mode .search-panel>.section-heading{display:flex!important;align-items:center;gap:8px;}
body.team-suggestion-mode .search-panel .search-icon-heading{display:flex!important;flex:1 1 auto!important;min-width:0;flex-wrap:nowrap!important;align-items:center;gap:7px;}
body.team-suggestion-mode .search-panel .search-heading-icon{width:18px;height:18px;flex:0 0 18px;}
body.team-suggestion-mode .search-panel #searchTitle{white-space:nowrap!important;word-break:normal;min-width:0;flex:1;margin:0;text-align:left;font-size:clamp(12px,3.8vw,20px)!important;}
body.team-suggestion-mode .search-panel #headerConcept{display:none!important;}
body.team-suggestion-mode .search-panel #advancedFilterToggle{flex:0 0 auto!important;}

.team-remove-notice{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border:1px solid #ecf500;border-radius:14px;background:#06170d;color:#edf4e9;font:600 14px/1.5 Anuphan,sans-serif;box-shadow:0 8px 24px #0008;pointer-events:none;}

/* Approved compact borderless profile metadata, 13 September 2026. */
body .player-head .profile-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:min(100%,390px);margin:14px auto 10px;text-align:center;}
body .player-head .profile-meta-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;margin:0;padding:0;background:none;border:0;}
body .player-head .profile-meta-label{font:500 12px/1.4 Anuphan,sans-serif;color:#a2b5a8;}
body .player-head #playerSeriesBadge,body .player-head #playerVersion,body .player-head #profilePositions,body .player-head .star-shard-value{font:700 clamp(18px,4.7vw,24px)/1.25 'Chakra Petch',sans-serif;color:#f4f7f2;}
body .player-head #playerSeriesBadge{font-size:clamp(16px,4.4vw,22px);overflow-wrap:anywhere;}
body .player-head #profilePositions{font-size:clamp(15px,4.1vw,20px);}
body .player-head #profilePositions span{font-weight:500;color:#a2b5a8;}
body .player-head .star-shard-value{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
body .player-head .star-shard-value strong{font:inherit;color:inherit;}
body .player-head .star-shard-icon{width:24px;height:24px;object-fit:contain;}
body .player-head .profile-no-exchange{font:500 clamp(15px,4.1vw,20px)/1.25 "Chakra Petch",Anuphan,sans-serif;color:#a2b5a8;}
body .player-head #profileCollectionBadge{max-width:100%;margin:8px auto 14px;padding:8px 12px;gap:8px;white-space:normal;justify-content:center;}
body .player-head #profileCollectionBadge span{font:600 clamp(10px,2.8vw,13px)/1.4 'Chakra Petch',sans-serif;}
body .player-head #profileCollectionBadge i{flex-shrink:0;}
body .player-head .profile-metadata-grid #playerStarSignings{margin:0!important;letter-spacing:0;}

body .player-head .profile-metadata-grid .player-series-line,body .player-head .profile-metadata-grid .player-version-line{margin:0!important;line-height:1.25;}

/* Collection members: inset artwork/copy and center the bonus assessment title. */
.profile-collection-member .profile-collection-select{padding-left:10px;min-width:0;}
.profile-collection-member > .profile-collection-analysis > h3{text-align:center;}

.profile-collection-member > .profile-collection-analysis > h3{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
.collection-opinion-logo{display:block;width:64px;height:22px;object-fit:contain;flex:none;}

/* Keep exchange cost secondary to the player identity. */
body .player-head .star-shard-value{font-size:clamp(14px,3.7vw,18px);gap:4px;}
body .player-head .star-shard-icon{width:18px;height:18px;flex:0 0 18px;}

/* Editorial thought capsule, above same-name cards. */
.player-thought{margin:18px 0 14px;background:#000;color:#fff;border:1px solid #ffffff30;border-radius:28px;overflow:hidden;}
.player-thought[hidden]{display:none;}
.player-thought>summary{display:flex;align-items:center;gap:16px;list-style:none;padding:16px 22px;cursor:pointer;}
.player-thought>summary::-webkit-details-marker{display:none;}
.thought-quote{flex:1;font:500 16px/1.7 Anuphan,sans-serif;}
.thought-toggle{flex-shrink:0;font:600 12px/1.5 Anuphan,sans-serif;white-space:nowrap;}
.thought-toggle::after{content:'⌄';display:inline-block;margin-left:8px;font-size:20px;transition:transform .2s;}
.player-thought[open] .thought-toggle::after{transform:rotate(180deg);}
.thought-full{padding:0 22px 18px;border-top:1px solid #ffffff20;font:400 14px/1.8 Anuphan,sans-serif;}
.thought-full p{margin:12px 0;}.thought-full small{display:block;color:#aeb8b1;font-size:11px;}
@media(max-width:700px){.player-thought>summary{padding:14px 16px;gap:8px;flex-wrap:wrap;}.thought-quote{flex-basis:100%;font-size:14px;}.thought-toggle{margin-left:auto;}.thought-full{padding:0 16px 16px;}}

.player-thought .thought-heading{display:none;}
.player-thought[open] .thought-quote{display:none;}
.player-thought[open] .thought-heading{display:block;flex:1;color:#fff;font:700 18px/1.5 Anuphan,sans-serif;text-align:left;}
.player-thought[open]>summary{flex-wrap:nowrap;}

/* Let the disclosure arrow flow with the last line of the quote. */
.player-thought{border:0;}
.player-thought:not([open])>summary{display:block;}
.player-thought:not([open]) .thought-quote{display:inline;}
.player-thought:not([open]) .thought-toggle{display:inline;margin:0 0 0 4px;white-space:nowrap;}
.player-thought:not([open]) .thought-toggle::after{margin-left:0;vertical-align:baseline;}

/* Anchor the collapsed arrow at the right of the final text line. */
.player-thought:not([open])>summary{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;}
.player-thought:not([open]) .thought-quote{display:block;flex:1 1 auto;min-width:0;}
.player-thought:not([open]) .thought-toggle{display:block;flex:0 0 auto;margin:0;line-height:1.7;}

/* Slim thought capsule; retain a comfortable disclosure target. */
.player-thought{border-radius:20px;margin:12px 0 10px;}
.player-thought>summary{padding:10px 16px;min-height:44px;box-sizing:border-box;}
.player-thought .thought-quote{font-size:14px;line-height:1.55;}
@media(max-width:700px){.player-thought>summary{padding:9px 14px;}.player-thought .thought-quote{font-size:13px;line-height:1.55;}}

/* Unbroken black surface between the Thoughts heading and body. */
.player-thought .thought-full{border-top:0;}
.player-thought>summary:focus{outline:none;box-shadow:none;border-bottom:0;}
.player-thought:has(>summary:focus-visible){outline:2px solid #ffffff80;outline-offset:3px;}

/* Compact collection badge below the name on mobile. */
@media(max-width:700px){
 body .player-head #profileCollectionBadge{width:max-content;max-width:100%;min-height:0;margin:3px auto 7px;padding:4px 9px;gap:5px;border-radius:999px;line-height:1.2;}
 body .player-head #profileCollectionBadge span{font-size:10px;line-height:1.2;}
 body .player-head #profileCollectionBadge i{width:14px;height:14px;min-width:14px;font-size:10px;line-height:12px;}
}

/* Tighten the mobile profile stack, not just the bonus pill. */
@media(max-width:700px){
 body .player-head .profile-copy #playerName{margin-bottom:4px;}
 body .player-head #profileCollectionBadge{margin-top:2px;margin-bottom:3px;}
 body .player-head .profile-metadata-grid{margin:5px auto 3px;row-gap:7px;}
 body .player-head .profile-meta-cell{gap:1px;}
 body .player-head .profile-meta-label{line-height:1.2;}
 body .player-head .player-head-actions{margin-top:7px;}
}

/* Center the desktop quote within the capsule, keeping the arrow at right. */
@media(min-width:701px){
 .player-thought:not([open])>summary{position:relative;padding-inline:44px;justify-content:center;}
 .player-thought:not([open]) .thought-quote{text-align:center;}
 .player-thought:not([open]) .thought-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);}
}

/* Filled disclosure triangle follows the text. */
.player-thought:not([open])>summary{display:block;padding-inline:16px;}
.player-thought:not([open]) .thought-quote{display:inline;}
.player-thought:not([open]) .thought-toggle{display:inline;position:static;transform:none;margin-left:6px;line-height:inherit;}
.player-thought .thought-toggle::after{content:'▼';font-size:11px;margin-left:0;vertical-align:middle;}
.player-thought[open] .thought-heading{flex:0 1 auto;}
.player-thought[open] .thought-toggle{margin-left:0;}
@media(min-width:701px){.player-thought:not([open])>summary{text-align:center;}}

.player-thought .thought-positive{color:#ecf500;}
.player-thought .thought-caution{color:#ff9b45;}

/* Keep the position and exchange values on matching metadata rows. */
body .player-head .profile-metadata-grid #playerStarSignings{justify-content:flex-start;flex-wrap:nowrap;gap:4px;}
@media(max-width:700px){body .player-head .profile-metadata-grid #playerStarSignings{gap:1px;}}

/* Compact expanded Thought spacing. */
.player-thought[open]>summary{padding-bottom:4px;}
.player-thought .thought-full{line-height:1.6;padding-bottom:14px;}
.player-thought .thought-full p{margin:0;}
.player-thought .thought-full p+p{margin-top:10px;}

/* Keep formation actions in their own row; long translations must not cover copy. */
body.team-suggestion-mode .squad-plan-entry>.squad-plan{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-right:0!important;gap:10px;}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:first-child,
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){grid-column:1;grid-row:auto;min-width:0;}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{position:static!important;grid-column:1!important;grid-row:auto!important;transform:none!important;width:100%!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center!important;gap:12px;}
body.team-suggestion-mode .squad-plan-actions .squad-lineup-toggle{white-space:normal;text-align:right;justify-content:flex-end;min-height:44px;max-width:calc(100% - 76px);}
body.team-suggestion-mode .squad-plan-actions .squad-lineup-toggle span{flex-shrink:0;}

/* Soft white halo behind the player quote capsule. */
.player-thought{box-shadow:0 0 14px 2px rgba(255,255,255,.16),0 0 34px 6px rgba(255,255,255,.09);}

/* Six equal product tabs, including News. Keep the same geometry on every page. */
.header-card .product-nav{grid-template-columns:repeat(6,minmax(0,1fr));}
@media(max-width:420px){.header-card .product-nav a{font-size:.54rem;letter-spacing:0;padding-inline:1px;}}

/* Keep all six product tabs on one row, including page-specific styles. */
@media(max-width:700px){
  .header-card .product-nav a,.header-card .product-nav a.active{
    font-size:clamp(8px,2.2vw,10px)!important;
    letter-spacing:0!important;
    padding-inline:1px!important;
  }
}

/* Align the outer labels with the content shell and center every single-line tab. */
.header-card.header-card .product-nav{
  display:flex;justify-content:space-between;align-items:center;gap:0;
  width:min(900px,calc(100vw - 36px));max-width:none;
  margin:6px 0 0;left:50%;transform:translateX(-50%);
}
.header-card.header-card .product-nav a,
.header-card.header-card .product-nav a.active{
  flex:0 0 auto!important;width:auto!important;min-height:44px;
  flex-direction:row;align-items:center;justify-content:center;gap:0;
  padding:5px 0 8px!important;font-size:14px!important;
  line-height:1.2;letter-spacing:0!important;white-space:nowrap;
}
.header-card.header-card .product-nav .tab-line:empty{display:none}
@media(max-width:700px){
  .header-card.header-card .product-nav{width:calc(100vw - 24px)}
  .header-card.header-card .product-nav a,
  .header-card.header-card .product-nav a.active{font-size:clamp(10px,2.7vw,14px)!important}
}

/* Give the navigation a small inset from the content panel edges. */
.header-card.header-card .product-nav{width:min(876px,calc(100vw - 60px))}
@media(max-width:700px){
  .header-card.header-card .product-nav{width:calc(100vw - 48px)}
}

/* Compact existing product artwork above each navigation label. */
.header-card.header-card .product-nav a,
.header-card.header-card .product-nav a.active{flex-direction:column;gap:5px;min-height:60px;padding-top:6px!important;}
.header-card.header-card .product-nav .product-tab-icon{display:block;flex:none;width:20px;height:20px;object-fit:contain;color:#a6d985;}
@media(max-width:700px){.header-card.header-card .product-nav .product-tab-icon{width:18px;height:18px}.header-card.header-card .product-nav a,.header-card.header-card .product-nav a.active{gap:4px;min-height:56px}}

/* White navigation artwork, including the original dark-on-white tactic drawing. */
.header-card.header-card .product-nav .product-tab-icon{color:#fff;}
.header-card.header-card .product-nav img.product-tab-icon{filter:brightness(0) invert(1);}
.header-card.header-card .product-nav img.product-tab-icon[src*="tactical-plan-icon"]{filter:grayscale(1) invert(1);mix-blend-mode:screen;}


/* Slightly smaller Review artwork, keeping its alignment slot unchanged. */
.header-card.header-card .product-nav img.product-tab-icon[src*="analyze-green"]{object-fit:contain;padding:2px;box-sizing:border-box;}

/* The selected product icon follows its gold label. */
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f2c541;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:brightness(0) saturate(100%) invert(81%) sepia(66%) saturate(613%) hue-rotate(349deg) brightness(101%) contrast(90%);}

/* Gold selected navigation and a ten-percent smaller brand mark. */
.header-card.header-card .brand img.brand-mark{transform:scale(.9);transform-origin:center;}
.header-card.header-card .product-nav a.active,
.header-card.header-card .product-nav a.active .tab-line,
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f1c84d;}
.header-card.header-card .product-nav a.active::after{background:#f1c84d;box-shadow:0 0 8px #f1c84d47;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:brightness(0) saturate(100%) invert(91%) sepia(100%) saturate(1900%) hue-rotate(10deg) brightness(105%) contrast(106%);}

/* Equal perceived weight and exact gold color across active icon, text and underline. */
.header-card.header-card .product-nav .product-tab-tactic{transform:scale(1.12);}
.header-card.header-card .product-nav a.active,
.header-card.header-card .product-nav a.active .tab-line,
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f1c84d!important;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:url(#navActiveGold);}

/* A little more breathing room above the product icons. */
.header-card.header-card .product-nav{margin-top:14px;}

/* Center the collapsed quote and inline disclosure at every viewport width. */
.player-thought:not([open])>summary{text-align:center;}

/* Reserve filter-button space and fit the full heading on one line. */
.search-panel>.section-heading>.search-icon-heading{display:flex;flex-wrap:nowrap;align-items:center;min-width:0;}
.search-panel .search-icon-heading>#searchTitle{min-width:0;flex:1 1 0%;white-space:nowrap!important;}
.search-panel .search-heading-icon,.search-panel #advancedFilterToggle{flex-shrink:0;}

.search-panel{container-type:inline-size;}
html[lang="en"] .search-panel .search-icon-heading>#searchTitle{font-size:clamp(10px,4cqw,20.8px)!important;}
body .search-panel>.section-heading{display:flex!important;}
body .search-panel>.section-heading>.search-icon-heading{display:flex!important;flex:1 1 0%!important;min-width:0!important;width:auto!important;}
body .search-panel .search-icon-heading>#searchTitle{display:block!important;flex:1 1 0%!important;min-width:0!important;}
body .search-panel>.section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;}
body .search-panel>.section-heading>.search-icon-heading{grid-column:1!important;width:100%!important;}
body .search-panel>.section-heading>.coach-step-line,body .search-panel>.section-heading>.search-heading-tools{display:none!important;}
body .search-panel>.section-heading>#advancedFilterToggle{grid-column:2;grid-row:1;}
body .search-panel .search-icon-heading>#headerConcept,body .search-panel .search-icon-heading>#searchStep{display:none!important;}

/* Inset the outer product tabs equally while keeping the row centered. */
.header-card.header-card .product-nav{width:min(852px,calc(100vw - 84px));}
@media(max-width:700px){.header-card.header-card .product-nav{width:calc(100vw - 72px);}}

/* Separate the expanded skill cards from the heading and its toggle. */
#profileSkillTree:has(.skill-tree-layout.expanded) .skill-tree-heading{margin-bottom:12px;}

/* Rank Skill: a centered gold-to-green connector with a chevron badge joins the core skill to its branches. */
#profileSkillTree .skill-tree-layout.expanded{column-gap:28px;row-gap:28px;}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before,
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{content:"";position:absolute;z-index:2;pointer-events:none;}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before{top:50%;right:-29px;bottom:auto;left:auto;width:28px;height:2px;translate:0 -50%;border-radius:2px;background:linear-gradient(90deg,rgba(242,193,78,.7),rgba(140,219,104,.7));}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{top:50%;right:-24px;bottom:auto;left:auto;width:20px;height:20px;translate:0 -50%;border:1px solid rgba(140,219,104,.6);border-radius:50%;background:#071a0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%238cdb68' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 3px rgba(7,26,15,.9);color:transparent;}
@media(max-width:900px){
  #profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before{top:auto;right:auto;bottom:-29px;left:50%;width:2px;height:28px;translate:-50% 0;background:linear-gradient(180deg,rgba(242,193,78,.7),rgba(140,219,104,.7));}
  #profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{top:auto;right:auto;bottom:-24px;left:50%;translate:-50% 0;rotate:90deg;}
}

.profile-bonus-bar{margin:14px 0;padding:12px 14px;border:1px solid #f1c84d66;border-radius:14px;background:#102014;}
.profile-bonus-bar[hidden]{display:none;}
.profile-bonus-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.profile-bonus-bar .profile-collection-badge{margin:0;max-width:none;min-width:0;flex:1;width:auto;justify-content:flex-start;}
.profile-bonus-bar .profile-collection-badge span{white-space:normal;}
#profileBonusToggle{flex:none;}
#profileBonusNote{margin:8px 0 0;font-size:12px;line-height:1.5;color:#a8bfac;}

/* One full-width PCB pill with its control inside the right edge. */
#profileBonusBar{width:100%;box-sizing:border-box;border:1px solid #f1c84d99;border-radius:999px;padding:7px 12px;background:linear-gradient(100deg,#302b13,#102014);}
#profileBonusBar .profile-collection-badge{border:0!important;background:transparent!important;box-shadow:none!important;padding:3px 0!important;color:#f1c84d;max-width:none!important;}
#profileBonusBar .profile-collection-badge:disabled{opacity:1;cursor:default;}
#profileBonusBar .profile-collection-badge span{white-space:nowrap;font-size:clamp(10px,2.6vw,14px);}
#profileBonusToggle{border:0;background:transparent;padding:4px;min-width:0;}
#profileBonusToggle[hidden],#profileBonusNone[hidden],#profileCollectionBadge i[hidden]{display:none!important;}
#profileBonusNone{flex:none;color:#c0c9bd;font-size:13px;}

/* Slim PCB strip without changing the full-width layout. */
#profileBonusBar{padding:3px 10px;margin:10px 0;}
#profileBonusBar .profile-bonus-row{min-height:28px;gap:8px;}
#profileBonusBar .profile-collection-badge{min-height:26px!important;padding:0!important;line-height:1.2;}
#profileBonusBar .profile-collection-badge span{font-size:clamp(10px,2.5vw,12px);}
#profileBonusBar .profile-collection-badge i{width:17px;height:17px;min-width:17px;font-size:11px;line-height:15px;}
#profileBonusToggle{min-height:26px;padding:0 2px;}
#profileBonusToggle .training-toggle-track{transform:scale(.85);transform-origin:right center;}
#profileBonusNone{font-size:12px;}

/* Extra-slim PCB strip. */
#profileBonusBar{padding:1px 10px;margin:8px 0;}
#profileBonusBar .profile-bonus-row{min-height:24px;gap:8px;}
#profileBonusBar .profile-collection-badge{min-height:24px!important;padding:0!important;}
#profileBonusToggle{min-height:24px;padding:0 2px;}
#profileBonusToggle .training-toggle-track{transform:scale(.78);}

/* Clip filter-edge artifacts inside the tactic artwork’s empty outer margin. */
.header-card.header-card .product-nav .product-tab-tactic{clip-path:inset(1px);}

/* Airier mobile navigation; retain the desktop layout. */
@media(max-width:700px){
  .header-card.header-card .product-nav .product-tab-icon{width:16px;height:16px;}
  .header-card.header-card .product-nav a,
  .header-card.header-card .product-nav a.active{font-size:clamp(10px,2.5vw,13px)!important;gap:9px;min-height:76px;padding-top:14px!important;padding-bottom:16px!important;font-weight:400!important;}
  .header-card.header-card .product-nav .tab-line{font-weight:400!important;}
  .header-card.header-card .product-nav{margin-top:22px;width:calc(100vw - 32px);justify-content:space-between;}
}

.my-team-studio-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid rgba(241,200,77,.46);border-radius:10px;background:rgba(241,200,77,.07);color:#f1c84d;text-decoration:none;font:600 14px 'Chakra Petch',sans-serif}.my-team-studio-link:hover{background:rgba(241,200,77,.14)}

.my-team-studio-link{margin-top:16px;width:100%}

/* News is a header utility, aligned with the language controls. */
.header-card .headtop{position:relative}
.header-card [data-header-news]{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;color:#e5eadd;font:500 12px 'Anuphan',sans-serif;text-decoration:none;z-index:4;padding:7px 10px;border:1px solid #65592e;border-radius:20px;background:#06110ac9}
.header-card [data-header-news] .product-tab-icon{width:16px;height:16px}
.header-card [data-header-news].active{color:#f1c84d}

.header-card [data-header-news]{top:-10px}
/* Keep the News utility clear of the centered brand at narrow widths. */
.header-card .headtop{padding-top:30px}
.header-card [data-header-news]{top:-10px;left:0;gap:5px;padding:5px 9px;min-height:28px;font-size:11px;line-height:1.2}
.header-card [data-header-news] .tab-line{font-size:11px!important;line-height:1.2!important;letter-spacing:0;font-weight:500}
.header-card [data-header-news] .product-tab-icon{width:13px;height:13px}

.header-card [data-header-news],.header-card [data-header-news].active{color:#e5ff00;border-color:#e5ff00}
.header-card [data-header-news] .tab-line{color:#e5ff00}
/* Match the scaled language pill: same height and a mirrored edge inset. */
.header-card [data-header-news]{box-sizing:border-box;height:22px;min-height:0;padding:0 8px;gap:4px;left:-6px}
.header-card [data-header-news] .tab-line{font-size:10px!important;line-height:1!important}
.header-card [data-header-news] .product-tab-icon{width:11px;height:11px}
@media(max-width:700px){.header-card [data-header-news]{left:2px}}

/* Keep bitmap and SVG navigation icons in sync with their hovered label. */
.header-card.header-card .product-nav a:is(:hover,:focus-visible),
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .tab-line,
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .product-tab-icon{color:#f1c84d!important}
.header-card.header-card .product-nav a:is(:hover,:focus-visible) img.product-tab-icon,
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .product-tab-tactic{filter:url(#navActiveGold)!important}

/* Shared player-search surface, with anonymous cards behind the controls. */
section.search-panel[aria-labelledby="searchTitle"],
section.compare-search-panel[aria-labelledby="searchTitle"]{background-image:url('/players/assets/brand/anonymous-card-pattern.svg'),radial-gradient(ellipse at 95% 0,#47662b44,transparent 65%),linear-gradient(120deg,#102518,#030d07)!important;background-repeat:no-repeat!important;background-position:right center,center,center!important;background-size:360px 240px,cover,cover!important}

/* Keep the shared footer at the viewport bottom on short pages. */
body:has(> .sitefooter){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;}
body:has(> .sitefooter)>header,body:has(> .sitefooter)>main,body:has(> .sitefooter)>.sitefooter{flex-shrink:0;}
body:has(> .sitefooter)>main{flex-grow:1;}
.primary-properties .playstyle-icon .playstyle-emblem[src*=".svg"]{width:32px;height:30px;object-fit:contain;transform:none}
.player-head>.profile-share{position:absolute;top:8px;left:8px;z-index:6;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#f4f7f2;display:grid;place-items:center;cursor:pointer}
.profile-share svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-share:focus-visible{outline:2px solid #e9c453;outline-offset:2px}
.profile-share-status{position:absolute;left:58px;top:20px;z-index:6;color:#c6eea2;font-size:12px}
.player-share-dialog{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:30px 24px 18px;border:1px solid #7ca345;border-radius:24px;background:radial-gradient(ellipse at top,#243c24,#05150d 65%);color:#f3f6eb;box-shadow:0 24px 90px #000a;text-align:center}
.player-share-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
.share-dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff10;color:#f3f6eb;font-size:26px;cursor:pointer}
.share-dialog-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:#a5dc751a;color:#b6e88c}
.share-dialog-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.share-dialog-brand{font-size:11px;letter-spacing:.18em;color:#b3dc85;margin:0 0 5px}
.player-share-dialog h2{font-size:24px;margin:0 0 8px}.share-dialog-player{font-size:14px;color:#b7c8bb;margin:0 0 22px}
.player-share-dialog label{display:block;text-align:left;font-size:12px;color:#aabbab;margin-bottom:6px}
#playerShareUrl{box-sizing:border-box;width:100%;padding:12px;border:1px solid #3a5940;border-radius:10px;background:#031009;color:#dce6d7;font-size:13px}
.share-dialog-copy{width:100%;margin-top:12px;border:0;border-radius:12px;padding:13px;background:linear-gradient(110deg,#c5ee91,#8dce5e);color:#10220c;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}
.share-dialog-feedback{min-height:22px;margin:12px 0 0;font-size:12px;color:#bce88e}
.player-share-dialog button:focus-visible,#playerShareUrl:focus-visible{outline:2px solid #f1d467;outline-offset:3px}
.player-share-dialog[open]{animation:share-sheet-enter .18s ease-out}@keyframes share-sheet-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.player-share-dialog[open]{animation:none}}

.player-share-toast{position:fixed;z-index:10000;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;padding:12px 22px;border-radius:999px;border:1px solid #ffffff35;background:rgba(28,49,36,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #0003;color:#f5f8ee;font-size:15px;font-weight:500;line-height:1.4;pointer-events:none}
.player-share-toast[hidden]{display:none}

/* Balance the Explore more action icons with the navigation artwork. */
#similarPlayers .similar-analyse img{width:12px;height:12px;flex:0 0 12px}
#similarPlayers .similar-compare img{width:14px;height:14px;flex:0 0 14px}

body .player-head #playerSeriesBadge{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-width:0;text-decoration:none;white-space:nowrap}
body .player-head #playerSeriesBadge .series-name{min-width:0;overflow-wrap:anywhere}
body .player-head #playerSeriesBadge .series-search-icon{box-sizing:border-box;flex:0 0 24px;width:24px;height:24px;margin:0;padding:5px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff0c}

.ps-database-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:5px;border:1px solid #8dba65;border-radius:50%;color:#a9d97c;font:600 12px/1 sans-serif;text-decoration:none;vertical-align:middle}
.ps-database-link:focus-visible{outline:2px solid #f1d467;outline-offset:3px}

body .player-head #playerSeriesBadge .series-search-icon{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}
body .player-head #playerSeriesBadge:is(:hover,:focus-visible,:active) .series-search-icon{color:#f4fcff;border-color:rgba(var(--profile-accent-rgb),1);background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.27),rgba(4,28,22,.98) 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 0 25px rgba(var(--profile-accent-rgb),.38),0 11px 25px rgba(0,0,0,.32);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){body .player-head #playerSeriesBadge .series-search-icon{transition:none}}
/* Set name sits on the centre line using the full width; the search icon hangs to its right. */
body .player-head #playerSeriesBadge{display:grid;grid-template-columns:minmax(0,1fr) fit-content(100%) minmax(0,1fr);column-gap:0}
body .player-head #playerSeriesBadge .series-name{grid-column:2}
body .player-head #playerSeriesBadge .series-search-icon{grid-column:3;justify-self:start;margin-left:6px}

/* A brief news-icon wiggle once every two seconds; the label stays still. */
@keyframes news-speaker-wiggle{
  0%,22%,100%{transform:rotate(0deg)}
  4%,12%{transform:rotate(-12deg)}
  8%,16%{transform:rotate(12deg)}
  20%{transform:rotate(-5deg)}
}
.header-card [data-header-news] .product-tab-icon{transform-origin:50% 60%;animation:news-speaker-wiggle 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.header-card [data-header-news] .product-tab-icon{animation:none}}
/* Signature profiles share the subtle medal-border light treatment. */
.player-head>.signature-border-shimmer{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:5;background:linear-gradient(110deg,transparent 25%,#e6a600 38%,#ffdf45 48%,#fff2a0 51%,#ffc400 57%,transparent 73%);background-size:300% 100%;opacity:1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:signature-edge-shimmer 5s ease-in-out infinite}
@keyframes signature-edge-shimmer{0%{background-position:150% 0}65%,100%{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.player-head>.signature-border-shimmer{animation:none;opacity:.35}}

/* Shared compact logo-to-navigation spacing. */
.header-card.header-card .product-nav{margin-top:4px}

/* Compact latest-player card: art box matches the square artwork so the name sits directly below it. */
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{grid-template-rows:110px auto auto auto;padding-top:6px;padding-bottom:8px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action{top:0;height:110px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action>.ps-card-overlay,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action>.ps-card-overlay>img,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action img{height:110px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>strong{margin-top:4px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>strong,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>small,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>.mini-card-shard,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>.mini-compare-action{transform:none;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice::before{top:78px;}
@media(max-width:700px){body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice::before{top:67px;}}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action .ps-card-overlay-icons{top:7%;}
/* Search results show the Star Shard price in place of the PlayStyle line. */
.result-card .result-shard{display:flex!important;align-items:center;gap:4px;min-width:0;margin-top:2px;color:#08dcff!important;font:800 .66rem/1.2 'Chakra Petch',sans-serif!important;white-space:nowrap;}
.result-card .result-shard img{display:block;width:14px;height:14px;flex:0 0 14px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.52));}
.result-card .result-shard b{overflow:hidden;text-overflow:ellipsis;}
.result-card .result-shard.unavailable{font-size:.6rem!important;}
/* Collection detail badge shares the synced shimmer used on the collections page. */
.profile-collection-badge-shine{position:relative;display:block;flex:0 0 auto;line-height:0;animation:badgeLift 3.6s ease-in-out infinite}
.profile-collection-badge-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.9) 47%,rgba(255,232,168,.55) 53%,transparent 68%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--badge-mask) center/contain no-repeat;mask:var(--badge-mask) center/contain no-repeat;mix-blend-mode:screen;pointer-events:none;animation:badgeSheen 3.6s ease-in-out infinite}
@keyframes badgeSheen{0%,50%{background-position:160% 0}80%,100%{background-position:-60% 0}}
@keyframes badgeLift{0%,50%,100%{transform:none;filter:none}66%{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 0 6px rgba(255,214,110,.5))}}
@media(prefers-reduced-motion:reduce){.profile-collection-badge-shine,.profile-collection-badge-shine::after{animation:none}}
/* Role guide actions: gold Top 10 as primary, glowing green players-in-role as secondary. */
#roleGuideDialog .guide-browse-actions #guideRoleTop10,
#roleGuideDialog .guide-browse-actions #guideRoleTop10:visited{border:1px solid #f6d77a!important;background:linear-gradient(135deg,#f7d56b,#d9a62c)!important;color:#1a1204!important;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.35),0 6px 16px rgba(217,166,44,.25)!important;}
#roleGuideDialog .guide-browse-actions #guideRoleTop10 .guide-action-icon{filter:brightness(0) opacity(.78);}
#roleGuideDialog .guide-browse-actions #guidePlayerSearch,
#roleGuideDialog .guide-browse-actions #guidePlayerSearch:visited{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(140,219,104,.85)!important;background:rgba(140,219,104,.1)!important;color:#a8f27a!important;font-weight:700;box-shadow:0 0 14px rgba(140,219,104,.22),inset 0 0 12px rgba(140,219,104,.08)!important;}
#roleGuideDialog .guide-browse-actions #guidePlayerSearch::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;animation:guideActionSheen 3.6s ease-in-out infinite;pointer-events:none;}
#roleGuideDialog .guide-browse-actions #guideRoleTop10:hover,#roleGuideDialog .guide-browse-actions #guideRoleTop10:focus-visible,
#roleGuideDialog .guide-browse-actions #guidePlayerSearch:hover,#roleGuideDialog .guide-browse-actions #guidePlayerSearch:focus-visible{filter:brightness(1.08);}
@keyframes guideActionSheen{0%,50%{background-position:150% 0}85%,100%{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){#roleGuideDialog .guide-browse-actions #guidePlayerSearch::after{animation:none}}
/* Review: scope note under the search panel; profile heading line fills the row. */
.review-scope-note{margin:6px 4px 0!important;text-align:left}
.player-profile-step{display:grid!important;grid-template-columns:max-content minmax(24px,1fr) auto!important;align-items:center;column-gap:10px}
.player-profile-step .coach-step-copy{padding-right:0!important;margin-right:0!important;width:auto!important}
.player-profile-step .coach-step-line{grid-column:2!important;grid-row:1;align-self:center;margin-top:0!important}
/* Scope note: centered footnote wrapped in asterisks on Review and Compare. */
.review-scope-note,.compare-scope-note{text-align:center!important}
.review-scope-note::before,.compare-scope-note::before{content:"*"}
.review-scope-note::after,.compare-scope-note::after{content:"*"}
/* OVR 121+ card artwork: synced light sweep masked to the card shape. */
.card-sheen{position:relative;isolation:isolate}
.card-sheen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.6) 48%,rgba(255,236,170,.38) 52%,transparent 64%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:cardSheen 4.2s ease-in-out infinite}
@keyframes cardSheen{0%,55%{background-position:160% 0}85%,100%{background-position:-60% 0}}
/* Box/Signature foil: same unhurried sweep, short rest between passes. */
@keyframes cardFxSweep{0%,40%{background-position:160% 0}100%{background-position:-60% 0}}
/* Signature: the gold sweep lingers ~5.6s on the card, then rests ~2.4s. */
@keyframes signatureSweepLong{0%,20%{background-position:170% 0}90%,100%{background-position:-70% 0}}
@media(prefers-reduced-motion:reduce){.card-sheen::after{animation:none;opacity:0}}
/* Box cards: slow silver sheen that keeps the card colours intact. */
.card-fx-box,.card-fx-signature{position:relative;isolation:isolate}
.card-fx-box::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(236,242,250,.55) 47%,rgba(200,212,228,.35) 53%,transparent 64%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:cardFxSweep 6s ease-in-out infinite}
/* Signature cards: slow warm gold ink sweep. */
.card-fx-signature::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,226,150,.8) 47%,rgba(255,196,80,.5) 54%,transparent 66%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:signatureSweepLong 8s cubic-bezier(.45,0,.55,1) infinite}
@media(prefers-reduced-motion:reduce){.card-fx-box::after,.card-fx-signature::after{animation:none}}
/* Box cards everywhere (TeeO 1 Oct): a white glint runs down the card edge only. Eight copies of the card
   silhouette shifted by --box-rim sit behind the card, so only an even rim shows; the card itself is untouched. */
.card-fx-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask:var(--card-mask) calc(50% - var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) calc(50% + var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) 50% calc(50% - var(--box-rim,2px))/contain no-repeat,var(--card-mask) 50% calc(50% + var(--box-rim,2px))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat;mask:var(--card-mask) calc(50% - var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) calc(50% + var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) 50% calc(50% - var(--box-rim,2px))/contain no-repeat,var(--card-mask) 50% calc(50% + var(--box-rim,2px))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.55) 46%,#fff 50%,rgba(255,255,255,.55) 54%,transparent 60%) no-repeat;background-size:100% 300%;background-position:0 100%;animation:boxEdgeGlint 5s cubic-bezier(.45,0,.55,1) infinite}
@keyframes boxEdgeGlint{0%,10%{background-position:0 100%}65%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.card-fx-box::before{animation:none;opacity:0}}
.player-head .card-fx-box,:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box{--box-rim:3px}
/* Static soft glow framing the card from behind: white for Box, gold for Signature. */
.card-fx-box>img,.card-fx-box>.ps-card-overlay>img{filter:drop-shadow(0 0 6px rgba(255,255,255,.7)) drop-shadow(0 0 16px rgba(255,255,255,.35))!important}
.card-fx-signature>img,.card-fx-signature>.ps-card-overlay>img{filter:drop-shadow(0 0 6px rgba(255,214,110,.75)) drop-shadow(0 0 16px rgba(241,190,60,.38))!important}
.player-head>.signature-border-shimmer{animation-duration:6s}

/* Profile Box card (TeeO 30 Sep, mockup v2): thin dark edge, a round centre glow that
   rises, holds and fades fully out, a slow sweep and three edge sparkles. 8s cycle.
   Small Box cards elsewhere keep the lighter sweep above. Compare header cards share the profile FX. */
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box>img{filter:drop-shadow(0 0 1.5px rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(0,0,0,.8))!important}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box::after{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 48%,rgba(205,220,245,.35) 52%,transparent 62%) no-repeat;background-size:280% 100%;animation:boxSweepSlow 8s cubic-bezier(.45,0,.55,1) infinite}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark{position:absolute;z-index:4;width:22px;height:22px;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 18%,transparent 60%);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #9fc0ff);animation:boxTwinkle 8s ease-in-out infinite}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::before,:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent)}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::after{transform:rotate(90deg)}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s1{right:24%;top:3%;animation-delay:5.6s}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s2{left:13%;top:46%;width:17px;height:17px;animation-delay:6s}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s3{right:16%;bottom:20%;width:15px;height:15px;animation-delay:6.4s}
/* Latest-players strip (TeeO 2 Oct): Box mini cards get the same dark edge, edge glint and three smaller sparks. */
.mini-card-art-action.card-fx-box>.ps-card-overlay>img{filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,.75))!important}
.mini-card-art-action.card-fx-box{--box-rim:2.5px}
.mini-card-art-action.card-fx-box .card-fx-spark.s1{right:24%;top:3%;width:14px;height:14px;animation-delay:5.6s}
.mini-card-art-action.card-fx-box .card-fx-spark.s2{left:15%;top:46%;width:11px;height:11px;animation-delay:6s}
.mini-card-art-action.card-fx-box .card-fx-spark.s3{right:18%;bottom:20%;width:10px;height:10px;animation-delay:6.4s}
@media(prefers-reduced-motion:reduce){.mini-card-art-action.card-fx-box .card-fx-spark{animation:none!important;opacity:0}}
@keyframes boxSweepSlow{0%,25%{background-position:170% 0}85%,100%{background-position:-70% 0}}
@keyframes boxTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}6%{opacity:1;transform:scale(1) rotate(45deg)}15%{opacity:0;transform:scale(.4) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box::after,:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark{animation:none!important;opacity:0}}

/* Profile Signature card with an approved gold-ink mask (TeeO 1 Oct): same direction, alternating
   passes — gold sweep over the whole card every 7s, gold glint along the autograph in between.
   TeeO 5 Oct: the autograph glint is slower and more frequent — a 2.9s pass that only travels
   across the autograph, every 3.5s (two per card sweep); the 1.8s delay keeps it clear of the sweep.
   It is a narrow soft highlight screened onto the ink with a 1px bloom, so it never paints flat gold
   or spills a halo onto the shirt and background; the masks themselves hold autograph strokes only. */
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-signature.has-ink::after{animation:sigCardPass 7s cubic-bezier(.45,0,.55,1) infinite}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-ink{position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:var(--sig-mask) center/contain no-repeat;mask:var(--sig-mask) center/contain no-repeat;background:linear-gradient(115deg,transparent 42%,rgba(255,200,70,0) 43%,rgba(255,206,90,.55) 46.5%,rgba(255,230,150,.95) 49%,#fff6d6 50%,rgba(255,230,150,.95) 51%,rgba(255,206,90,.55) 53.5%,rgba(255,200,70,0) 57%,transparent 58%) no-repeat;background-size:300% 100%;background-position:180% 0;mix-blend-mode:screen;filter:drop-shadow(0 0 1px rgba(255,214,110,.55));animation:sigInkPass 3.5s cubic-bezier(.37,0,.63,1) 1.8s infinite}
@keyframes sigCardPass{0%{background-position:170% 0}45%,100%{background-position:-70% 0}}
@keyframes sigInkPass{0%{background-position:85% 0}82.9%,100%{background-position:14% 0}}
@media(prefers-reduced-motion:reduce){:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-ink{animation:none;opacity:0}}

/* TeeO 1 Oct: the role guide opens full screen on phones so the lower actions (Top 10, players, formations) are never hidden. */
@media(max-width:700px){
 #roleGuideDialog{inset:0;width:100%;height:100dvh;max-height:none;margin:0;border-radius:0}
 #roleGuideDialog .role-guide-dialog-shell{height:100dvh;max-height:none;border-width:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 #roleGuideDialog .role-guide-dialog-bar{border-radius:0}
 #roleGuideDialog .role-guide-dialog-bar::before{display:none}
}

/* Mobile advanced filters: two per row instead of one. */
@media(max-width:700px){.search-panel .advanced-search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* PCB name: gold shimmer sweeping across the collection name. */
/* TeeO 5 Oct 2026: neon-yellow collection name with a gold glint so it stands out from the gold label. */
#profileCollectionBadge .pcb-name-shine{margin-left:.7em}
.pcb-name-shine{font-weight:inherit;color:#eaff3d;background:linear-gradient(100deg,#eaff3d 0%,#eaff3d 36%,#f6ffd0 44%,#ffffff 50%,#f6ffd0 56%,#eaff3d 64%,#eaff3d 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pcb-name-shine 3.5s ease-in-out infinite}
@keyframes pcb-name-shine{0%,35%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.pcb-name-shine{animation:none;background:none;-webkit-text-fill-color:currentColor}}
/* Detailed stats boosted by an active PCB: gold name and value. */
#allStatsBody tr.stat-pcb-boosted .stat-name-label,#allStatsBody tr.stat-pcb-boosted td:nth-child(2) strong{color:#f4c63d}
#allStatsBody tr.stat-pcb-boosted td:nth-child(2) strong{text-shadow:0 0 10px rgba(244,198,61,.45)}
#playerResultsPanel{scroll-margin-top:12px}
/* Compact mobile search box: shorter controls and label rows (touch targets stay 40px+). */
@media(max-width:700px){
  body .search-panel .advanced-search-filters{gap:8px 10px;padding-top:10px}
  body .search-panel .advanced-search-filters>.field,body .search-panel .position-filter-group{grid-template-rows:16px 40px;gap:5px 10px}
  body .search-panel .advanced-search-filters select,body .search-panel :is(#playstyleFilter,#playstyleFilter2) button,body .search-panel #alternativeToggle{height:40px;min-height:40px;padding-top:4px;padding-bottom:4px}
  body .search-panel .search-wrap,body .search-panel #playerSearch{height:42px;min-height:42px}
  body .search-panel .compare-name-search-row .search-field{grid-template-rows:42px}
  body .search-panel #alternativeToggle strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;text-overflow:clip;overflow-wrap:normal;font-size:11px;line-height:1.2;text-align:left}
  body .search-panel #searchSubmit{min-height:42px;height:42px;padding-top:6px;padding-bottom:6px}
  body .search-panel #searchSubmit.beside-name-search{min-height:42px;height:42px;padding-top:6px;padding-bottom:6px}
}

/* Player Collection Group Bonus sheet: event banner, share (top-left) and close (top-right), whole member row opens the bonus impact (TeeO 2026-10-06). */
.profile-collection-dialog{padding-top:0}
.profile-collection-banner{position:relative;height:132px;margin:0 -24px;background:#0b2416 center/cover no-repeat}
.profile-collection-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,15,9,0) 30%,rgba(6,32,20,.86) 82%,#062014 100%);pointer-events:none}
.profile-collection-banner.no-art{height:66px;background:transparent}
.profile-collection-banner .profile-collection-kicker{position:absolute;left:50%;top:15px;z-index:1;transform:translateX(-50%);margin:0;padding:5px 11px;border:1px solid rgba(134,223,100,.35);border-radius:999px;background:rgba(2,15,9,.74);font-size:.64rem;letter-spacing:.04em;white-space:nowrap;text-align:center}
.profile-collection-dialog .profile-collection-title-row{position:relative;z-index:1;margin-top:-30px}
.profile-collection-banner.no-art+.profile-collection-title-row{margin-top:-8px}
.profile-collection-dialog h2{text-shadow:0 2px 8px rgba(0,0,0,.85)}
.profile-collection-close{z-index:2;background:rgba(6,24,14,.82)!important}
.profile-collection-share{position:absolute;top:15px;left:16px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(232,188,54,.45);border-radius:50%;background:rgba(6,24,14,.82);color:#f4d36d;cursor:pointer}
.profile-collection-share svg{width:17px;height:17px}
.profile-collection-share .share-done,.profile-collection-share.is-done .share-icon{display:none}
.profile-collection-share.is-done .share-done{display:block}
.profile-collection-intro b{color:#eef3ee;font-weight:600}
.profile-collection-member{grid-template-columns:minmax(0,1fr) auto;cursor:pointer}
.profile-collection-member>.collection-bonus-trigger{align-self:center;justify-self:end;padding:6px 2px;color:#e8ce79;font-size:.7rem;font-weight:600;white-space:nowrap}
.profile-collection-select .profile-collection-review{justify-self:start;min-height:0;margin-top:1px;padding:2px 0;color:#86df64;font-size:.66rem}
.profile-collection-select .profile-collection-review img{width:15px;height:15px}
@media(max-width:700px){.profile-collection-dialog{padding-top:0}.profile-collection-banner{margin:0 -15px;border-radius:22px 22px 0 0}.profile-collection-share{top:14px;left:15px;width:31px;height:31px}.profile-collection-share svg{width:15px;height:15px}}

/* Rank Skill: core-skill effect and fit with the card's primary role. Gold chips are the role's core stats. */
#profileSkillTree .skill-stat-chip.role-match{border-color:rgba(242,193,78,.55);background:rgba(242,193,78,.1);}
#profileSkillTree .skill-stat-chip.role-match strong{color:var(--gold);}
#profileSkillTree .skill-role-fit{margin-top:10px;padding-top:9px;border-top:1px solid rgba(242,193,78,.22);}
#profileSkillTree .skill-role-fit-label{display:block;color:var(--gold);font:700 .6rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
#profileSkillTree .skill-role-fit-effect{margin:3px 0 0;color:var(--text);font-size:.74rem;line-height:1.5;}
#profileSkillTree .skill-role-fit-verdict{margin:7px 0 0;font-size:.7rem;line-height:1.45;}
#profileSkillTree .skill-role-fit-verdict b{display:block;font-weight:600;color:var(--green);}
#profileSkillTree .skill-role-fit-partial .skill-role-fit-verdict b{color:#e6d27a;}
#profileSkillTree .skill-role-fit-weak .skill-role-fit-verdict b{color:#e39a7d;}
#profileSkillTree .skill-role-fit-verdict small{display:block;color:var(--muted);font-size:.64rem;}
#profileSkillTree .skill-role-fit-name{white-space:nowrap;}
/* Rank Skill names open their page in /database/rank-skills/. */
#profileSkillTree a.skill-node-link{color:inherit;text-decoration:none}
#profileSkillTree .skill-node-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;margin-left:8px;border:1px solid #8dba65;border-radius:50%;color:#a9d97c;font:600 12px/1 sans-serif}
#profileSkillTree a.skill-node-link:hover .skill-node-name,#profileSkillTree a.skill-node-link:focus-visible .skill-node-name{color:var(--green)}
/* Detailed stats on phones: give the attribute name more room so the PDF-aligned Thai names wrap at most once. */
@media (max-width:520px){.stat-table-wrap th,.stat-table-wrap td{padding-left:4px;padding-right:4px}.stat-table-wrap th:first-child,.stat-table-wrap td:first-child{width:50%;padding-left:2px}}

/* TeeO 8 Oct 2026: event badge + group name centred in the space after "GROUP BONUS :". */
#profileBonusBar .profile-collection-badge>span{display:flex;align-items:center;flex:1;min-width:0;gap:6px;}
#profileBonusBar .pcb-label{flex:none;}
#profileBonusBar .pcb-group{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;}
#profileBonusBar .pcb-group .pcb-name-shine{margin-left:0;flex:none;overflow:visible;white-space:nowrap;}
/* TeeO 9 Oct 2026: badge + group name sit on the bar's centre line (not the centre of the space after the label). Room is reserved on both sides for the label, so long names ellipsize instead of covering it. */
#profileBonusBar .profile-bonus-row{position:relative;}
#profileBonusBar .pcb-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex:none;max-width:calc(100% - 17.6em);}
/* TeeO 9 Oct 2026: a name too long for the centre line moves into the free space after the label and wraps instead of ellipsizing. */
#profileBonusBar.pcb-flow .pcb-group{position:static;transform:none;flex:1;min-width:0;max-width:none;}
#profileBonusBar.pcb-flow .pcb-group .pcb-name-shine{flex:0 1 auto;min-width:0;white-space:normal;text-align:center;line-height:1.1;}
/* TeeO 10 Oct 2026: never ellipsize the group name. Safari rounded the centred box a fraction of a pixel narrower than short names like "No.4" and showed "No..."; the name now keeps its natural width and the script moves it to the flow layout only when it really collides. */
#profileBonusBar .pcb-event-badge{display:block;flex:none;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px #0008);}
/* Values changed by the group bonus toggle bounce once. */
.stat-bump{display:inline-block;animation:stat-bump .55s cubic-bezier(.3,1.6,.5,1);}
@keyframes stat-bump{0%{transform:scale(1)}35%{transform:scale(1.28);color:#eaff3d}65%{transform:scale(.94)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.stat-bump{animation:none}}

/* Role icons: round holo medallions (TeeO 2026-10-09). The glyph is a transparent cut-out,
   so a dark disc sits behind it to keep it legible on any pill colour. */
.position-guide .role-tab-icon,#roleGuideDialog .role-tab-icon{position:relative;display:block;width:26px;height:26px;flex:0 0 26px;background:none;border:0;border-radius:0;box-shadow:none}
.position-guide .guide-role-icon,#roleGuideDialog .guide-role-icon{position:relative;display:block;width:42px;height:42px;background:none;border:0;border-radius:0;box-shadow:none}
.position-guide .guide-role-heading{grid-template-columns:42px minmax(0,1fr) auto}
#roleGuideDialog .guide-role-heading{grid-template-columns:42px minmax(0,1fr)}
.role-tab-icon::before,.guide-role-icon::before{content:"";position:absolute;inset:6%;border-radius:50%;background:#0b1a12}
.role-icon-img{position:relative;display:block;width:100%;height:100%}
/* Selected role: dark pill with a gold outline so the pastel holo icon stays distinct (TeeO 2026-10-09). */
.position-guide .role-tab.active,#roleGuideDialog .role-tabs .role-tab.active{background:#0c2214;border-color:#efc84e;color:#f6d977;box-shadow:inset 0 0 0 1px rgba(239,200,78,.6),0 0 14px rgba(239,200,78,.16)}
.position-guide .role-tab.active .role-tab-icon,#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{background:none;color:inherit}
@media(max-width:700px){
  .position-guide .role-tab-icon,#roleGuideDialog .role-tab-icon{width:22px;height:22px;flex-basis:22px}
  .position-guide .guide-role-icon,#roleGuideDialog .guide-role-icon{width:38px;height:38px}
  .position-guide .guide-role-heading{grid-template-columns:38px minmax(0,1fr) auto}
  #roleGuideDialog .guide-role-heading{grid-template-columns:38px minmax(0,1fr)}
}
/* Role guide close button: the dialog focuses it on open; keep the keyboard ring thin and gold instead of the thick green default. */
#roleGuideDialog .role-guide-close:focus{outline:none}
#roleGuideDialog .role-guide-close:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(244,211,109,.5)}


/* Role guide position picker: same custom chevron on desktop as on phones (the native arrow sat on the edge), height matched to the close button (TeeO 2026-10-09). */
#roleGuideDialog .guide-position-picker{position:relative}
#roleGuideDialog .guide-position-picker select{-webkit-appearance:none;appearance:none;width:78px;min-width:78px;height:34px;min-height:34px;padding:0 26px 0 10px;line-height:1;text-align:center;text-align-last:center;cursor:pointer}
#roleGuideDialog .guide-position-picker::after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;border-right:2px solid #f4d36d;border-bottom:2px solid #f4d36d;pointer-events:none;transform:translateY(-72%) rotate(45deg)}
#roleGuideDialog .role-guide-close{width:34px;height:34px}
@media(max-width:700px){
  #roleGuideDialog .guide-position-picker select{width:70px;min-width:70px;height:36px;min-height:36px;padding:0 25px 0 8px}
  #roleGuideDialog .guide-position-picker::after{right:11px}
  #roleGuideDialog .role-guide-close{width:29px;height:29px}
}

/* Mode analysis box: compact spacing (TeeO 2026-10-11) */
.mode-analysis{padding:12px 14px;}
.mode-analysis .mode-analysis-heading{margin-bottom:2px;}
#modeAnalysisGrid .mode-select{padding:4px 4px 9px;}
#modeAnalysisGrid .mode-select::before{inset:46px -1px -1px;}
/* League Rewards: light marble art, so the dark fade is eased a little (TeeO 2026-10-23: "ลดเฟดดำ ลงนิดนึง"). */
.player-head[data-event-wallpaper="auto"][data-event-set="league-rewards"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.36),rgba(3,15,8,.7) 72%,rgba(2,17,9,.92)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.14),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}

/* Gold disclosure buttons stay visible against the dark collection panel. */
.new-card-strip-panel .latest-expand-trigger,
.new-card-strip-panel .latest-more-button{
  border-color:#f4d779!important;
  background:linear-gradient(115deg,#ffe58f,#d9ac32)!important;
  color:#102015!important;
  box-shadow:inset 0 1px 0 #fff5,0 3px 12px #0004!important;
}
.new-card-strip-panel .latest-expand-trigger:hover,
.new-card-strip-panel .latest-more-button:hover{filter:brightness(1.08)}
.new-card-strip-panel .latest-expand-trigger:focus-visible,
.new-card-strip-panel .latest-more-button:focus-visible{outline:2px solid #fff0bc;outline-offset:3px}

/* The PCGB banner label opens the collection hub, including inside popup frames. */
.profile-collection-banner a.profile-collection-kicker{color:#86df64;text-decoration:none;cursor:pointer}
.profile-collection-banner a.profile-collection-kicker:hover{border-color:rgba(134,223,100,.8)}
.profile-collection-banner a.profile-collection-kicker:focus-visible{outline:2px solid #86df64;outline-offset:3px}

/* One veil for every set cover behind the profile card (TeeO 28 Oct: same darkness as the card-art fallback, "ปรับให้หมด");
   the Signature scene keeps its own lighter veil. */
html body .player-head[data-event-wallpaper="auto"]{
  background:
    linear-gradient(180deg,rgba(2,10,6,.62) 0%,rgba(2,10,6,.68) 40%,rgba(2,12,7,.86) 72%,rgba(2,17,9,.97) 100%),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.12),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}
html body .player-head[data-event-wallpaper="auto"][data-event-set="champions"]{background-position:0 0,0 0,center 42%}
html body .player-head[data-event-wallpaper="auto"]::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 22%,transparent 78%,rgba(0,0,0,.24)),
    radial-gradient(ellipse 64% 60% at 50% 31%,transparent 34%,rgba(0,0,0,.14) 76%,rgba(0,0,0,.3));
}
html body .player-head[data-event-wallpaper="auto"]::after{opacity:.14}
/* Card without its real set cover yet: the card's own artwork (player + card background), enlarged past its frame behind the card with a dark fade (TeeO 28 Oct, standard until the real cover arrives). */
html body .player-head[data-event-wallpaper="player"]{
  background:
    linear-gradient(180deg,rgba(2,10,6,.62) 0%,rgba(2,10,6,.68) 40%,rgba(2,12,7,.86) 72%,rgba(2,17,9,.97) 100%),
    radial-gradient(ellipse 70% 60% at 50% 30%,transparent 30%,rgba(2,10,6,.65) 100%),
    var(--profile-wallpaper-image) 58% 34%/auto 195% no-repeat,
    #06110c;
}
html body .player-head[data-event-wallpaper="player"]::after{opacity:.12}

/* TeeO 29 Oct 2026: explanation boxes read like an article — only the title sits beside the icon/number,
   the explanation runs the full width of the box (no indented text column). */
.explain-item{grid-template-columns:26px minmax(0,1fr);row-gap:6px;align-items:center;}
.explain-item .finding-content{display:contents;}
.explain-item .finding-content>strong{grid-column:2;align-self:center;line-height:1.35;}
.explain-item .finding-content>:not(strong){grid-column:1/-1;}
.explain-item p{margin:0;color:#c9d6cd;font-size:.86rem;line-height:1.62;}
.explain-item p.finding-action{color:var(--muted);}
@media(max-width:700px){
  .formation-fit{row-gap:6px!important;}
  .formation-fit p{grid-column:1/-1!important;margin:2px -60px 0 0!important;font-size:.86rem;line-height:1.62;}
}
/* Pressing-load caution sits in the same box style as the other cautions (TeeO 29 Oct 2026). */
.workload-caution{margin-top:10px;padding:10px 12px;border:1px solid rgba(242,193,78,.22);border-radius:10px;background:#071a0f;}
.workload-caution strong{display:block;color:var(--text);line-height:1.35;}
.workload-caution p{margin:6px 0 0;color:#c9d6cd;font-size:.86rem;line-height:1.62;}

}
@scope (#sharedFooter) {
#sharedFooter{--bg:#06130c;--surface:#0b2415;--surface-2:#0f2f1c;--line:#275839;--text:#f4f7f2;--muted:#a2b5a8;--green:#89e85f;--lime:#c8f249;--gold:#f1c84d;--danger:#ff796d;--shadow:0 18px 45px rgba(0,0,0,.25);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
.brand img.brand-mark{width:min(210px,100%);max-width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center 42%}
@media(max-width:700px){.brand img.brand-mark{width:min(210px,100%);height:auto}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#123720 0,transparent 35%),linear-gradient(180deg,#06130c,#030b07);color:var(--text);font-size:16px;line-height:1.65}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,19,12,.9);border-bottom:1px solid rgba(137,232,95,.18);backdrop-filter:blur(18px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;width:164px}.brand img{display:block;width:100%;height:auto}.product-nav{display:flex;gap:7px;margin-left:auto}.product-nav a{color:var(--muted);text-decoration:none;font-weight:800;font-size:.76rem;letter-spacing:.08em;padding:9px 12px;border-radius:999px}.product-nav a.active{color:#071108;background:var(--green)}.update-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:999px;padding:9px 14px;cursor:pointer}.update-pill span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(137,232,95,.12)}main{padding:48px 0 72px}.hero{max-width:880px;margin-bottom:34px}.eyebrow,.step{margin:0;color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(2.35rem,7vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.28em 0 .24em}.hero>p:not(.eyebrow){font-size:1.14rem;color:#c5d2c9;max-width:800px}.notice{margin-top:22px;border-left:4px solid var(--gold);padding:13px 16px;background:rgba(241,200,77,.08);color:#dce5de}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{background:linear-gradient(145deg,rgba(15,47,28,.93),rgba(7,26,15,.93));border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);margin-top:20px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.section-heading.compact{align-items:center}.section-heading h2,.player-head h2{margin:.1em 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.22}.section-heading p:not(.step),.player-head p{margin:.25em 0 0;color:var(--muted)}.count,.data-note{display:inline-flex;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--green);font-size:.8rem;font-weight:800}.search-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(140px,.45fr);gap:14px}.field{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#dce7df}.field input,.field select{width:100%;min-height:48px;border:1px solid #356848;border-radius:13px;background:#06170d;color:var(--text);padding:10px 13px;font:inherit;font-size:1rem}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:14px;top:7px;font-size:1.4rem;color:var(--green)}.search-wrap input{padding-left:44px}.switch-row{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text);cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-ui{width:50px;height:27px;border-radius:30px;border:1px solid #407151;background:#07180e;position:relative;flex:none}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:.2s}.switch-row input:checked+.switch-ui{background:#1d5e34}.switch-row input:checked+.switch-ui:after{left:26px;background:var(--green)}.switch-row span:last-child{display:grid}.switch-row small{color:var(--muted);font-weight:400}.result-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.result-card{border:1px solid var(--line);background:#071a0f;color:var(--text);border-radius:14px;padding:12px;text-align:left;cursor:pointer;min-width:0}.result-card:hover,.result-card.active{border-color:var(--green);background:#123820}.result-card strong,.result-card span{display:block}.result-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card span{color:var(--muted);font-size:.78rem}.empty{grid-column:1/-1;color:var(--muted);padding:14px 0}.heading-with-icon{display:flex;gap:12px}.book-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(137,232,95,.12);color:var(--green);font-size:1.4rem;flex:none}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.role-tab{border:1px solid var(--line);background:transparent;color:#cfdbd3;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit}.role-tab.active{background:var(--green);color:#071108;border-color:var(--green);font-weight:800}.guide-copy{display:grid;grid-template-columns:minmax(170px,.35fr) 1fr;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.guide-copy h3{font-size:1.35rem;margin:.2em 0}.guide-copy p{margin:0}.guide-copy>div:first-child span{color:var(--muted)}.fit-line{margin-top:10px!important;color:#c4d2c8}.fit-line strong{color:var(--green)}.player-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.identity{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--lime));color:#061209;font-weight:950;font-size:1.15rem}.primary-action,.secondary-action{border:0;border-radius:13px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.primary-action{background:var(--green);color:#061209}.primary-action[aria-pressed=true]{background:var(--lime)}.secondary-action{background:#173c25;color:var(--text);border:1px solid var(--line)}.facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0}.fact{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:12px;padding:10px}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font-size:.73rem}.fact strong{font-size:.92rem}.role-verdict{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-verdict>div{background:linear-gradient(135deg,rgba(137,232,95,.13),rgba(200,242,73,.04));border:1px solid rgba(137,232,95,.35);border-radius:16px;padding:16px}.role-verdict span,.role-verdict strong,.role-verdict small{display:block}.role-verdict span{color:var(--muted);font-size:.76rem}.role-verdict strong{font-size:1.18rem}.role-verdict small{color:var(--green)}.version-picker{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.version-picker>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.version-picker button{border:1px solid var(--line);background:transparent;color:var(--text);padding:7px 10px;border-radius:10px;cursor:pointer}.version-picker button.active{border-color:var(--green);color:var(--green)}article{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}article h3{margin:0 0 12px;font-size:1.18rem}article h4{margin:0 0 10px;color:var(--green)}article p{color:#c8d4cc}.analysis-lead p{font-size:1.06rem}.verdict{border-left:3px solid var(--green);padding-left:14px;color:var(--text)!important}.analysis-columns,.property-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.explain-list,.property-list{display:grid;gap:10px}.explain-item,.property-item{border-left:3px solid var(--green);padding:2px 0 2px 12px}.caution-list .explain-item{border-color:var(--gold)}.explain-item strong,.property-item strong{display:block}.explain-item p,.property-item p{margin:.18em 0 0}.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.narrative-grid>div{background:#071a0f;border-radius:14px;padding:16px}.narrative-grid strong{color:var(--green)}.narrative-grid p{margin:.35em 0 0}.article-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.article-head p{margin:.2em 0}.group-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.group-row{display:grid;grid-template-columns:145px 1fr 92px;gap:10px;align-items:center}.bar{height:9px;background:#06140c;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:inherit}.group-row small{text-align:right;color:var(--muted)}.property-columns>div{min-width:0}.property-item{border-color:#4e835f}.property-item .level{color:var(--gold);font-size:.76rem}.skill-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-path{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:14px;padding:14px}.skill-path.recommended{border-color:var(--green);background:rgba(137,232,95,.08)}.skill-path strong,.skill-path span{display:block}.skill-path span,.skill-path p{color:var(--muted);font-size:.83rem}.skill-path p{margin:.45em 0 0}.skill-path .tag{display:inline-flex;color:#061209;background:var(--green);border-radius:999px;padding:3px 7px;margin-bottom:7px;font-weight:900}.formation-fit-list,.squad-plan-list{display:grid;gap:10px}.formation-fit,.squad-plan{display:grid;grid-template-columns:175px 1fr 76px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.formation-fit:last-child,.squad-plan:last-child{border-bottom:0}.formation-fit strong,.squad-plan strong{font-size:1.03rem}.formation-fit p,.squad-plan p{margin:0;color:var(--muted)}.score{font-size:1.16rem;font-weight:950;color:var(--green);text-align:right}.all-stats{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.all-stats summary{cursor:pointer;font-weight:900;color:var(--green)}.stat-table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid rgba(65,116,78,.45)}th{color:var(--muted);font-size:.78rem}td:nth-child(2),td:nth-child(3){font-variant-numeric:tabular-nums}.owned-list{display:flex;flex-wrap:wrap;gap:9px}.owned-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#071a0f;border-radius:999px;padding:8px 9px 8px 13px}.owned-chip button{border:0;background:#1b4a2c;color:var(--text);width:24px;height:24px;border-radius:50%;cursor:pointer}.squad-warning{border-left:3px solid var(--gold);padding-left:14px;color:#d9e2dc;margin-bottom:10px}.squad-plan{grid-template-columns:190px 1fr 90px}.squad-plan .meta{font-size:.8rem;color:var(--green)}.method-note{border-color:rgba(241,200,77,.42)}.method-note h2{margin-top:0}.method-note p{margin-bottom:0;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0}footer .shell{display:flex;justify-content:space-between;gap:16px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog form{position:relative;padding:10px}dialog h2{margin:.2em 0}.dialog-close{position:absolute;right:0;top:0;border:0;background:transparent;color:var(--text);font-size:1.8rem;cursor:pointer}.dialog-facts{display:grid;gap:8px;margin:16px 0}.dialog-facts div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:7px}.dialog-facts span{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(200,242,73,.65);outline-offset:2px}
@media(max-width:900px){.facts{grid-template-columns:repeat(3,1fr)}.result-list{grid-template-columns:repeat(3,1fr)}.narrative-grid{grid-template-columns:1fr}.skill-paths{grid-template-columns:1fr 1fr}.group-bars{grid-template-columns:1fr}}
@media(max-width:700px){.header-inner{min-height:auto;padding:12px 0;flex-wrap:wrap}.brand{width:132px}.product-nav{order:3;width:100%;margin:0}.product-nav a{flex:1;text-align:center}.update-pill{margin-left:auto}.search-grid,.analysis-columns,.property-columns,.guide-copy{grid-template-columns:1fr}.result-list{grid-template-columns:1fr 1fr}.player-head,.section-heading{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.formation-fit,.squad-plan{grid-template-columns:1fr}.score{text-align:left}.skill-paths{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.data-note{white-space:normal}.article-head{display:block}footer .shell{display:grid}}
@media(max-width:440px){.shell{width:min(100% - 22px,1180px)}main{padding-top:30px}.result-list{grid-template-columns:1fr}.facts,.role-verdict{grid-template-columns:1fr}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{border-radius:18px;padding:18px}.group-row{grid-template-columns:116px 1fr 72px;font-size:.85rem}.update-pill strong{display:none}}

footer .shell{align-items:center;flex-wrap:wrap}
footer a{color:var(--green);font-weight:850;text-decoration:none}
footer a:hover{text-decoration:underline}
.mode-analysis{margin:20px 0 10px;padding:18px;border:1px solid rgba(137,232,95,.18);border-radius:18px;background:rgba(7,26,15,.72)}
.mode-analysis-heading{margin-bottom:14px}
.mode-analysis-heading h3{margin:0;font-size:1.08rem}
.mode-analysis-heading p{margin:.25em 0 0;color:var(--muted)}
.mode-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.mode-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(7,26,15,.98),rgba(5,18,10,.98));display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;gap:11px;margin-top:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 26px rgba(0,0,0,.18)}
.mode-card:before{content:"";position:absolute;inset:-1px auto auto -1px;width:92px;height:92px;border-radius:0 0 18px 0;background:radial-gradient(circle at 30% 30%,rgba(200,242,73,.16),transparent 68%)}
.mode-card strong{display:block;font-family:'Chakra Petch',sans-serif;font-size:1.1rem;letter-spacing:.01em}
.mode-card .mode-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.mode-card .mode-card-top b{font:700 1.12rem 'Chakra Petch',sans-serif;color:var(--green);white-space:nowrap}
.mode-meter{height:9px;border-radius:999px;background:#06140c;overflow:hidden}
.mode-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime))}
.mode-band{font-size:.74rem;font-weight:800;color:var(--muted)}
.mode-callout{border-radius:14px;padding:11px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.mode-callout span{display:inline-flex;margin-bottom:6px;font:800 .72rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mode-callout p{margin:0;color:#d8e4db;font-size:.85rem;line-height:1.5}
.mode-callout.good{border-color:rgba(137,232,95,.18)}
.mode-callout.good span{color:var(--green)}
.mode-callout.risk{border-color:rgba(241,200,77,.18)}
.mode-callout.risk span{color:var(--gold)}
.mode-summary{margin:0;color:#dbe6e0;font-size:.84rem;line-height:1.5}
.mode-card .mode-footer{color:var(--muted);font-size:.78rem;margin:0}
.mode-card.vsa{border-color:rgba(255,186,73,.28)}
.mode-card.h2h{border-color:rgba(100,190,255,.22)}
.mode-card.manager{border-color:rgba(180,138,255,.22)}
@media(max-width:700px){.mode-analysis-grid{grid-template-columns:1fr}}
.profile-copy .player-version-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:5px;text-align:center}.profile-copy .star-signings-price{display:inline-flex;width:max-content;max-width:100%;min-height:27px;align-items:center;gap:6px;margin:0;padding:2px 8px 2px 3px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:rgba(7,26,15,.92);color:#fff;font:800 .78rem/1 'Chakra Petch',sans-serif;letter-spacing:.02em;vertical-align:middle}.profile-copy .star-signings-price[hidden]{display:none}.star-shard-icon{display:block;width:21px;height:21px;flex:none;object-fit:contain}

@media (min-width:701px) and (max-width:1180px){.player-head .identity{display:grid;grid-template-columns:1fr;width:100%;justify-items:center}.player-head .player-card-visual{width:100%;min-width:0;min-height:230px}.player-head .player-card-visual>img{width:min(270px,42vw);height:230px}.player-head .profile-copy{width:100%;text-align:center}.player-head .identity h2{justify-content:center;flex-wrap:wrap;width:100%;white-space:normal}.player-head .story-toggle{margin-inline:auto}.player-head .player-head-actions{grid-template-columns:1fr 1fr;max-width:770px;margin-inline:auto}}

/* Player Collection is identity metadata: visible below OVR and independently tappable. */
.profile-collection-badge{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:9px auto 10px;padding:5px 9px;border:1px solid rgba(245,198,61,.58);border-radius:999px;background:rgba(245,198,61,.09);color:#f4c63d;cursor:pointer;font:800 .62rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.015em}
.profile-collection-badge[hidden]{display:none}
.profile-collection-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-collection-badge i{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:900 .58rem/1 'Chakra Petch',sans-serif;font-style:normal}
.profile-collection-badge:hover,.profile-collection-badge:focus-visible{border-color:#ffe27e;background:rgba(245,198,61,.17)}
.profile-collection-dialog{position:fixed;isolation:isolate;inset:0;width:min(560px,calc(100% - 28px));max-height:min(760px,calc(100dvh - 28px));padding:24px;overflow:auto;overscroll-behavior:contain;border-color:rgba(232,188,54,.68);background:radial-gradient(circle at 7% 0,rgba(242,198,65,.18),transparent 25%),radial-gradient(circle at 23% 8%,rgba(137,232,95,.11),transparent 29%),linear-gradient(155deg,#062014,#020f09 72%);box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,238,176,.08)}
.profile-collection-dialog::before{content:"";position:absolute;z-index:-1;top:-62px;left:-50px;width:230px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,120,.32),rgba(137,232,95,.11) 38%,transparent 70%);filter:blur(16px);pointer-events:none}
.profile-collection-dialog::backdrop{background:rgba(0,7,4,.78);backdrop-filter:blur(5px)}
.profile-collection-handle{display:none}
.profile-collection-close{top:15px!important;right:16px!important;display:grid;place-items:center;width:34px;height:34px;padding:0 0 3px!important;border:1px solid rgba(232,188,54,.45)!important;border-radius:50%;background:#0b2a19!important;color:#f4d36d!important;line-height:1}
.profile-collection-kicker{margin:0;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.1em}
.profile-collection-title-row{display:flex;align-items:center;gap:10px;margin:5px 44px 7px 0;min-width:0}.profile-collection-event-badge{display:block;flex:0 0 50px;width:50px;height:50px;object-fit:contain}.profile-collection-dialog h2{min-width:0;margin:0;color:#fff;font:900 1.35rem/1.15 'Chakra Petch',sans-serif;overflow-wrap:anywhere}
.profile-collection-intro{margin:0 0 15px;color:#aebdb3;font-size:.75rem;line-height:1.55}
.profile-collection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.profile-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}
.profile-collection-stats span{color:#b7c3ba;font-size:.66rem}.profile-collection-stats b{color:#f6cb4e;font:900 1.05rem/1 'Chakra Petch',sans-serif}
.profile-collection-dialog h3{margin:19px 0 9px;color:#86df64;font:800 .7rem/1.2 'Chakra Petch',sans-serif;letter-spacing:.06em}
.profile-collection-members{display:grid;gap:8px}
.profile-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-align:left;cursor:pointer}
.profile-collection-member:hover,.profile-collection-member:focus-visible{border-color:#e2b83e;background:rgba(232,188,54,.09)}
.profile-collection-art{display:grid;place-items:center;width:58px;height:58px}.profile-collection-art>.ps-card-overlay,.profile-collection-art>.ps-card-overlay>img,.profile-collection-art>.full-card-thumbnail{width:58px!important;height:58px!important;object-fit:contain}
.profile-collection-member>span:nth-child(2){display:grid;gap:3px;min-width:0}.profile-collection-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .8rem/1.2 'Chakra Petch',sans-serif}.profile-collection-member small{color:#aebdb3;font-size:.66rem}.profile-collection-review{display:inline-flex;align-items:center;gap:5px;color:#efc84e;font:700 .58rem/1.2 'Chakra Petch',sans-serif;white-space:nowrap}.profile-collection-review img{width:19px;height:19px;object-fit:contain;filter:none}.profile-collection-review i{font-style:normal}
.profile-collection-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}
.profile-collection-analysis{margin-top:18px;padding-top:2px;border-top:1px solid rgba(232,188,54,.22)}
.profile-collection-analysis>h3{font-size:.8rem}.profile-collection-assessment{margin-top:10px;padding:12px;border:1px solid rgba(94,157,111,.34);border-radius:13px;background:rgba(4,27,16,.68)}
.profile-collection-assessment h4{margin:0 0 9px;color:#fff;font:800 .78rem/1.25 'Chakra Petch',sans-serif}.profile-collection-assessment h4 span{color:#91a79a;font-weight:600}.profile-collection-assessment ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.profile-collection-assessment li{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:2px 8px}.profile-collection-assessment li b{color:#e9c44f;font-size:.68rem}.profile-collection-assessment li em{color:#8de468;font-size:.6rem;font-style:normal;font-weight:800}
/* Bonus level ladder (TeeO 5 Oct 2026, option A): red core → orange support → sand situational → grey rarely used; text only, no frame. */
.profile-collection-assessment li em.bonus-level-core{color:#ff4f3f;font-weight:800}.profile-collection-assessment li em.bonus-level-support{color:#ff9440;font-weight:700}.profile-collection-assessment li em.bonus-level-situational{color:#c9aa80;font-weight:600}.profile-collection-assessment li em.bonus-level-rare,.profile-collection-assessment li em.bonus-level-unassessed{color:#7f8f86;font-weight:600}.profile-collection-assessment li p{grid-column:1/-1;margin:0;color:#afbeb4;font-size:.64rem;line-height:1.5}
@media(max-width:700px){.profile-collection-badge{margin-top:8px;font-size:.55rem}.profile-collection-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:86dvh;margin:0;padding:15px 15px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0}.profile-collection-kicker{margin:8px 40px 13px;text-align:center;letter-spacing:.06em}.profile-collection-close{top:14px!important;right:15px!important;width:31px;height:31px}.profile-collection-title-row{gap:8px;margin-right:36px}.profile-collection-event-badge{flex-basis:42px;width:42px;height:42px}.profile-collection-dialog h2{font-size:1.05rem}.profile-collection-stats{gap:6px}.profile-collection-stats li{padding:9px 5px}.profile-collection-stats span{font-size:.58rem}.profile-collection-member{gap:8px;padding-right:8px}.profile-collection-review{font-size:.52rem}}

/* Stable profile stack across iPad landscape/Desktop Site and every other viewport. */
.player-head{display:block}
.player-head .identity{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;gap:0}
.player-head .player-card-visual{width:100%;min-width:0;min-height:230px}
.player-head .player-card-visual>img{width:min(270px,70vw);height:230px}
.player-head .profile-copy{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;text-align:center}
.player-head .identity h2{display:flex;justify-content:center;flex-wrap:wrap;width:100%;white-space:normal;text-align:center}
.player-head .profile-copy .player-version-line{width:100%;justify-content:center;text-align:center}
.player-head .profile-collection-badge,.player-head .story-toggle{margin-inline:auto}
.player-head .player-head-actions{width:min(770px,100%);margin-inline:auto}

#sharedFooter{
  --bg:#06130c;
  --surface:#0f2819;
  --surface-2:#163522;
  --line:rgba(226,241,229,.14);
  --text:#f4f7ed;
  --muted:#9cb6a4;
  --green:#8cdb68;
  --lime:#a6ef72;
  --gold:#f2c14e;
  --danger:#ff776d;
  --shadow:0 18px 44px rgba(0,0,0,.22);
  --site-shell:900px;
  font-family:'Anuphan',sans-serif;
}

body{
  font-family:'Anuphan',sans-serif;
  background-color:var(--bg);
  background-image:radial-gradient(circle at 50% -10%,rgba(140,219,104,.12),transparent 34%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%);
  color:var(--text);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,button,.eyebrow,.step,.count,.data-note,.fact strong,.score{
  font-family:'Chakra Petch',sans-serif;
}
/* Every product tab uses the Compare tab font (TeeO, 21 Oct 2026). */
.product-nav a,.product-nav a .tab-line{font-family:'Anuphan',sans-serif;}

.shell{width:min(var(--site-shell),calc(100% - 36px));}
.site-header{background:rgba(4,16,9,.92);border-bottom:1px solid rgba(140,219,104,.2);backdrop-filter:blur(16px);}
.header-inner{min-height:76px;gap:16px;}
.brand{width:146px;}
.product-nav{gap:3px;margin-left:auto;padding:3px;border:1px solid rgba(140,219,104,.3);border-radius:999px;background:rgba(2,12,7,.45);}
.product-nav a{display:flex;justify-content:center;align-items:center;color:var(--muted);padding:7px 12px;border-radius:999px;font-size:.67rem;letter-spacing:.045em;}
.product-nav a:hover{color:var(--text);background:rgba(140,219,104,.09);}
.product-nav a.active{color:#07140d;background:linear-gradient(145deg,#a6ef72,#78cf4f);box-shadow:0 4px 14px rgba(140,219,104,.17);}
.product-nav .compare-tab-link{position:relative;overflow:visible;}
.product-nav .new{position:absolute;z-index:3;top:-9px;right:8px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:1px 5px;border-radius:999px;background:var(--gold);color:#07140d;font-size:.48rem;line-height:1.35;letter-spacing:.06em;box-shadow:0 3px 9px rgba(0,0,0,.3);}
.update-pill{min-height:34px;border-color:rgba(140,219,104,.42);background:rgba(140,219,104,.1);color:var(--green);padding:6px 10px;font:700 .66rem 'Chakra Petch',sans-serif;letter-spacing:.025em;}
.update-pill span{width:6px;height:6px;box-shadow:0 0 0 3px rgba(105,212,154,.12);}
.update-highlights{margin:14px 0 16px;padding:13px 15px;border:1px solid rgba(140,219,104,.25);border-radius:13px;background:rgba(140,219,104,.07);}
.update-highlights>strong{color:var(--green);font:800 .75rem 'Chakra Petch',sans-serif;letter-spacing:.08em;}
.update-highlights ul{display:grid;gap:7px;margin:9px 0 0;padding-left:19px;color:#d7e2da;}
.update-highlights li::marker{color:var(--green);}

main{padding:20px 0 66px;}
.hero{position:relative;max-width:none;margin:0 0 20px;padding:28px 30px 30px;border:1px solid rgba(140,219,104,.23);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(22,53,34,.94),rgba(9,30,18,.96));box-shadow:var(--shadow);}
.hero::after{content:"";position:absolute;width:210px;height:210px;right:-75px;bottom:-125px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none;}
.eyebrow,.step{color:var(--green);font-weight:700;letter-spacing:.1em;}
.hero h1{max-width:720px;margin:.18em 0 .22em;font-size:clamp(2rem,4.5vw,2.8rem);line-height:1.04;letter-spacing:-.035em;}
.hero>p:not(.eyebrow){max-width:760px;margin:.4em 0 0;color:#c7d4ca;font-size:1rem;}
.notice{max-width:820px;margin-top:19px;padding:11px 13px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:rgba(242,193,78,.075);color:#dce6de;font-size:.9rem;}

.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{margin-top:16px;padding:24px;border:1px solid rgba(226,241,229,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,40,25,.96),rgba(9,29,17,.96));box-shadow:0 14px 34px rgba(0,0,0,.16);}
.player-results-panel{padding:14px;}
.section-heading{position:relative;align-items:center;margin-bottom:18px;padding-bottom:15px;border-bottom:0;}
.section-heading::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(140,219,104,.85),rgba(140,219,104,.08) 72%,transparent);}
.section-heading h2,.player-head h2{font-size:clamp(1.15rem,2.3vw,1.45rem);letter-spacing:-.015em;}
.section-heading .step,.player-head .step{display:inline-flex;margin-bottom:5px;padding:4px 8px;border-radius:7px;background:rgba(140,219,104,.13);color:var(--green);font-size:.68rem;letter-spacing:.08em;}
.count,.data-note{border-color:rgba(140,219,104,.38);background:rgba(140,219,104,.07);color:var(--green);font-size:.72rem;}

.field{font-family:'Chakra Petch',sans-serif;font-size:.75rem;letter-spacing:.02em;}
.search-grid{grid-template-columns:minmax(175px,.48fr) minmax(260px,1.45fr) minmax(135px,.42fr);}
.field input,.field select{min-height:45px;border-color:rgba(140,219,104,.3);border-radius:10px;background:#06170d;font-family:'Anuphan',sans-serif;}
.field input:disabled,.field select:disabled{cursor:not-allowed;opacity:.52;}
.position-first{color:var(--green);}
.position-first select{border-color:rgba(140,219,104,.55);}
.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(140,219,104,.1);outline:0;}
.switch-row{margin:14px 0;font-size:.9rem;}
.switch-ui{border-color:rgba(140,219,104,.34);}
.result-list{gap:8px;}
.result-card{border-color:var(--line);border-radius:10px;background:rgba(0,0,0,.16);padding:10px 11px;}
.result-card:hover,.result-card.active{border-color:var(--gold);background:rgba(242,193,78,.07);box-shadow:0 0 0 2px rgba(242,193,78,.08);}
.result-card strong{font-family:'Chakra Petch',sans-serif;font-size:.88rem;}
.selection-gate{grid-column:1/-1;display:grid;gap:3px;place-items:center;min-height:84px;border:1px dashed rgba(140,219,104,.34);border-radius:10px;background:rgba(140,219,104,.035);text-align:center;color:var(--muted);}
.selection-gate b{color:var(--green);font-family:'Chakra Petch',sans-serif;}

.position-guide{border-color:rgba(242,193,78,.35);background:linear-gradient(145deg,rgba(31,45,24,.96),rgba(11,31,18,.96));}
.book-icon{width:38px;height:38px;border:1px solid rgba(242,193,78,.28);border-radius:9px;background:rgba(242,193,78,.08);color:var(--gold);}
.role-tab{border-color:var(--line);padding:7px 11px;font-family:'Chakra Petch',sans-serif;font-size:.77rem;}
.role-tab.active{border-color:var(--green);background:var(--green);color:#07140d;}
.guide-copy{margin-top:17px;padding-top:17px;border-color:var(--line);}

.player-head{padding-bottom:17px;border-bottom:2px solid rgba(140,219,104,.35);}
.avatar{width:58px;height:58px;background:linear-gradient(145deg,#a6ef72,#78cf4f);box-shadow:0 8px 18px rgba(140,219,104,.16);}
.primary-action,.secondary-action{border-radius:10px;font-family:'Chakra Petch',sans-serif;}
.primary-action{background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#07140d;}
.facts{gap:7px;margin:18px 0;}
.fact{border-color:var(--line);border-radius:9px;background:rgba(0,0,0,.15);padding:9px;}
.fact span{font-size:.68rem;}
.fact strong{font-size:.84rem;}
.headline-stat-block{margin:4px 0 17px;padding:12px;border:1px solid rgba(140,219,104,.3);border-radius:11px;background:rgba(0,0,0,.14);}
.headline-stat-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px;}
.headline-stat-copy{display:grid;gap:2px;min-width:0;}
.headline-stat-title strong{font:700 .82rem 'Chakra Petch',sans-serif;color:var(--green);}
.headline-stat-title span{color:var(--muted);font-size:.7rem;}
.training-toggle{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:5px 8px;border:1px solid rgba(140,219,104,.38);border-radius:999px;background:#071a0f;color:var(--muted);cursor:pointer;}
.training-toggle-track{position:relative;display:block;width:29px;height:17px;border:1px solid rgba(140,219,104,.55);border-radius:999px;background:#12311d;transition:.18s ease;}
.training-toggle-track i{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#dce9df;transition:.18s ease;}
.training-toggle b{font:700 .65rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.training-toggle.active{border-color:var(--green);color:var(--green);background:rgba(140,219,104,.1);}
.training-toggle.active .training-toggle-track{background:var(--green);}
.training-toggle.active .training-toggle-track i{left:14px;background:#071a0f;}
.headline-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
.headline-stat{display:grid;place-items:center;min-width:0;padding:9px 4px 8px;border:1px solid var(--line);border-radius:9px;background:#071a0f;text-align:center;}
.headline-stat span{color:var(--muted);font:700 .69rem 'Chakra Petch',sans-serif;letter-spacing:.06em;}
.headline-stat strong{color:var(--text);font:700 1.42rem/1.05 'Chakra Petch',sans-serif;font-variant-numeric:tabular-nums;}
.headline-stat small{color:var(--muted);font-size:.62rem;white-space:nowrap;}
.headline-stat.strong{border-color:rgba(140,219,104,.38);}
.headline-stat.elite{border-color:rgba(242,193,78,.48);background:rgba(242,193,78,.055);}
.headline-stat.elite strong{color:var(--gold);}
.profile-skill-tree{margin:0 0 17px;padding:15px;border:1px solid rgba(140,219,104,.3);border-radius:13px;background:rgba(0,0,0,.14);}
.skill-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px;}
.skill-tree-heading h3{margin:0;font-size:1rem;font-weight:700;letter-spacing:.015em;}
.skill-tree-toggle{white-space:nowrap;}
.skill-tree-layout{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;}
.skill-tree-layout.expanded{grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);}
.skill-tree-core,.skill-tree-node{position:relative;min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#071a0f;}
.skill-tree-core{border-color:rgba(242,193,78,.6);background:linear-gradient(145deg,rgba(242,193,78,.11),rgba(7,26,15,.96));}
.skill-tree-layout.expanded .skill-tree-core:after{content:"→";position:absolute;right:-18px;top:50%;z-index:2;translate:0 -50%;color:var(--green);font-weight:800;}
.skill-tree-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.skill-node-label{display:block;color:var(--green);font:700 .62rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.skill-tree-core .skill-node-label{color:var(--gold);}
.skill-node-name-row{display:flex;align-items:center;gap:8px;margin:3px 0;min-width:0;}
.skill-node-icon{display:block;flex:0 0 auto;width:34px;height:34px;object-fit:contain;}
.skill-node-name{display:block;color:var(--text);font:700 .9rem 'Chakra Petch',sans-serif;overflow-wrap:anywhere;}
.skill-level-summary,.skill-requirement,.skill-unlocks{display:block;color:var(--muted);font-size:.65rem;line-height:1.4;}
.skill-requirement{color:#b8d8bd;}
.skill-unlocks{margin-top:7px;color:var(--green);}
.skill-stat-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
.skill-stat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid rgba(140,219,104,.2);border-radius:999px;background:rgba(140,219,104,.055);font-size:.59rem;line-height:1.15;}
.skill-stat-chip b{color:#c8d7cc;font-weight:500;}
.skill-stat-chip strong{color:var(--green);font:700 .62rem 'Chakra Petch',sans-serif;}
.skill-tree-note{margin:10px 0 0;color:var(--muted);font-size:.68rem;}
.analysis-position-picker button,.version-picker button{border-color:rgba(140,219,104,.3);font-family:'Chakra Petch',sans-serif;}
.analysis-position-picker button.active,.version-picker button.active{background:var(--green);color:#07140d;}
.role-verdict{gap:9px;}
.role-verdict>div{min-width:0;border-radius:11px;border-color:rgba(140,219,104,.32);background:rgba(140,219,104,.075);padding:13px;}
.role-verdict strong{font-family:'Chakra Petch',sans-serif;font-size:1.04rem;}
.role-title-line{display:flex;align-items:baseline;gap:8px;min-width:0;}
.role-title-line>strong{min-width:0;}
.role-info-button{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid rgba(140,219,104,.58);border-radius:50%;background:rgba(140,219,104,.09);color:var(--green);font:800 .72rem/1 'Chakra Petch',sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;vertical-align:middle}
.role-info-button:hover,.role-info-button:focus-visible{transform:translateY(-1px);background:rgba(140,219,104,.2);border-color:var(--green);outline:none}
.role-info-button[hidden]{display:none}
.result-role{display:flex!important;align-items:center;gap:7px}.result-role .role-info-button{display:inline-grid!important;width:19px;height:19px;font-size:.64rem}
.role-rank-badge{flex:0 0 auto;padding:3px 9px;border:1px solid rgba(191,205,196,.44);border-radius:999px;background:linear-gradient(135deg,rgba(202,215,207,.13),rgba(104,124,112,.07));box-shadow:inset 0 1px rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.16);color:#c7d2cb;font:700 .62rem/1.35 'Chakra Petch',sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;}
.role-rank-badge[data-rank="1"]{border-color:rgba(241,200,77,.7);background:linear-gradient(135deg,rgba(241,200,77,.22),rgba(126,91,11,.1));box-shadow:inset 0 1px rgba(255,244,186,.13),0 3px 12px rgba(102,74,8,.2);color:#f4d66f;}
.role-rank-badge[data-rank="2"]{border-color:rgba(210,220,224,.64);background:linear-gradient(135deg,rgba(222,231,234,.19),rgba(105,121,128,.09));box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 12px rgba(100,116,122,.16);color:#dce5e8;}
.role-rank-badge[data-rank="3"]{border-color:rgba(205,139,87,.65);background:linear-gradient(135deg,rgba(211,143,89,.21),rgba(104,55,23,.1));box-shadow:inset 0 1px rgba(255,220,189,.11),0 3px 12px rgba(99,50,18,.18);color:#dc9b68;}
.role-rank-badge:hover,.role-rank-badge:focus-visible{border-color:currentColor;background-color:rgba(255,255,255,.06);box-shadow:inset 0 1px rgba(255,255,255,.11),0 5px 15px rgba(0,0,0,.23);transform:translateY(-1px);outline:none;}
.role-rank-badge[hidden]{display:none;}
.role-verdict-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:3px;}
.role-card-copy{display:grid;align-content:start;gap:0;min-width:0;}
.role-card-copy>span{color:var(--muted);line-height:1.25;}
.role-card-actions{display:grid;justify-items:end;gap:7px;min-width:0;}
.role-skill-toggle{white-space:nowrap;}
.role-skill-guide{min-width:0;margin-top:10px;padding-top:9px;border-top:1px solid rgba(140,219,104,.24);}
.role-skill-guide-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--text);font:700 .7rem 'Chakra Petch',sans-serif;}
.role-skill-guide-title span{color:var(--green);font-size:.58rem;white-space:nowrap;}
.role-skill-path{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;min-width:0;}
.role-verdict .role-skill-step{position:relative;display:inline-grid;grid-template-columns:20px auto;align-items:center;justify-content:center;gap:4px;flex:1 1 0;width:0;min-width:0;padding:3px 7px;border:1px solid rgba(140,219,104,.26);border-radius:999px;background:rgba(3,19,10,.72);}
.role-skill-step:not(:first-child):before{content:"›";position:absolute;left:-5px;translate:-50% 0;color:var(--gold);font-weight:800;}
.role-skill-step img{display:block;width:20px;height:20px;object-fit:contain;}
.role-skill-step small{color:var(--green);font:700 .54rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.role-skill-guide>p{margin:7px 0 0;color:var(--muted);font-size:.62rem;line-height:1.45;}
.role-skill-empty{margin:0!important;}

article{margin-top:22px;padding-top:20px;border-color:var(--line);}
article h3{font-family:'Chakra Petch',sans-serif;font-size:1.08rem;letter-spacing:.01em;}
.analysis-lead p{font-size:.96rem;}
.verdict{border-left-color:var(--green);border-radius:0 8px 8px 0;background:rgba(140,219,104,.055);padding:8px 11px;}
.narrative-grid>div,.skill-path{border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.15);padding:13px;}
.narrative-title{display:grid;grid-template-columns:34px 1px minmax(0,1fr);align-items:center;gap:10px;}
.narrative-title::before{content:"";grid-column:2;grid-row:1;align-self:stretch;width:1px;background:rgba(140,219,104,.34);}
.narrative-title strong{grid-column:3;grid-row:1;}
.behavior-icon{display:grid;grid-column:1;grid-row:1;place-items:center;width:32px;height:32px;color:var(--green);}
.behavior-icon svg,.behavior-icon img{display:block;width:27px;height:27px;object-fit:contain;fill:currentColor;}
.explain-item,.property-item{border-left-color:var(--green);}
.caution-list .explain-item{border-left-color:var(--gold);}
.skill-path.recommended{border-color:rgba(140,219,104,.5);background:rgba(140,219,104,.07);}
.formation-fit,.squad-plan{padding:12px 0;border-color:var(--line);}
.score{color:var(--green);}
.owned-chip{border-color:var(--line);background:rgba(0,0,0,.16);}
.method-note{border-color:rgba(242,193,78,.38);background:linear-gradient(145deg,rgba(35,42,21,.92),rgba(10,28,17,.94));}
.player-story{display:block;margin-top:24px;padding:16px;border:1px solid rgba(242,193,78,.4);border-radius:12px;background:linear-gradient(145deg,rgba(39,42,20,.78),rgba(11,30,18,.92));}
.player-story h3{margin:2px 0 7px;color:var(--gold);}
.player-story p{margin:0;color:#cbd7ce;}
.player-story .step{font-size:.64rem;}
.player-story a{display:inline-flex;margin-top:10px;color:var(--green);font:700 .73rem 'Chakra Petch',sans-serif;text-decoration:none;}
.player-story a:hover{text-decoration:underline;}

footer{border-top:2px solid var(--line);font-size:.82rem;}
footer a{font-family:'Chakra Petch',sans-serif;color:var(--green);}

@media(max-width:700px){
  .shell{width:min(100% - 24px,var(--site-shell));}
  .header-inner{display:grid;grid-template-columns:1fr auto;gap:9px 10px;padding:11px 0;}
  .brand{width:134px;}
  .update-pill{margin:0;}
  .update-pill strong{display:block;font-size:.61rem;}
  .product-nav{grid-column:1/-1;order:3;width:100%;margin:0;}
  .product-nav a{flex:1;padding:7px 8px;}
  .product-nav .new{display:inline-flex;top:-8px;right:5px;font-size:.4rem;padding:1px 4px;}
  main{padding-top:16px;}
  .hero{padding:20px 18px 21px;border-radius:15px;}
  .hero h1{font-size:clamp(1.85rem,9.6vw,2.3rem);}
  .hero>p:not(.eyebrow){font-size:.91rem;}
  .notice{font-size:.81rem;}
  .search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{padding:17px;border-radius:14px;}
  .search-grid{grid-template-columns:1fr;}
  .player-results-panel{padding:10px;}
  .section-heading{align-items:flex-start;gap:10px;}
  .section-heading .count{align-self:flex-start;}
  .player-head{padding-bottom:14px;}
  .headline-stats{grid-template-columns:repeat(3,1fr);}
  .headline-stat-title{align-items:flex-start;gap:8px;}
  .headline-stat-copy{gap:1px;}
  .training-toggle{margin-top:0;}
}

@media(max-width:440px){
  .update-pill{padding:6px 8px;}
  .update-pill strong{white-space:nowrap;}
  .hero h1{letter-spacing:-.045em;}
  .identity{align-items:flex-start;}
  .avatar{width:50px;height:50px;}
  .group-row{grid-template-columns:108px 1fr 64px;}
  .player-story{padding:13px;}
}
/* Real-device landscape alignment for player finder controls */
.search-grid{
  align-items:end;
}
.search-grid>.field{
  grid-template-rows:22px 48px;
  gap:7px;
  min-width:0;
  align-content:end;
}
.search-grid>.field>span:first-child,
.position-filter-group>.position-first>span:first-child{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  height:22px;
  overflow:hidden;
  color:var(--green);
  font-size:.76rem;
  line-height:1;
  white-space:nowrap;
}
.position-filter-group>.position-first>span:first-child small{
  flex:none;
  color:var(--muted);
  font-size:.66rem;
  font-weight:500;
  line-height:1;
}
.search-grid .search-wrap,
.search-grid .field input,
.search-grid .field select{
  height:48px;
  min-height:48px;
  max-height:48px;
  line-height:1.2;
}
.search-grid .field input,
.search-grid .field select{
  min-width:0;
  font-size:.88rem;
}
.position-filter-group{
  grid-template-rows:22px 48px;
  align-items:stretch;
  min-width:0;
}
.position-filter-group>.position-first{
  display:contents;
}
.position-filter-group>.position-first>span:first-child{
  grid-column:1/-1;
  grid-row:1;
}
.position-filter-group>.position-first>select{
  grid-column:1;
  grid-row:2;
}
.position-filter-group>button.switch-row.compact-switch{
  grid-column:2;
  grid-row:2;
  align-self:stretch;
  width:100%;
  height:48px;
  min-height:48px;
  max-height:48px;
  margin:0;
}
.position-filter-group>button.switch-row.compact-switch strong{
  font-size:.68rem;
  line-height:1.25;
}
@media(max-width:440px){
  .position-filter-group{
    grid-template-columns:1fr;
    grid-template-rows:22px 48px 48px;
  }
  .position-filter-group>.position-first>span:first-child,
  .position-filter-group>.position-first>select,
  .position-filter-group>button.switch-row.compact-switch{
    grid-column:1;
  }
  .position-filter-group>button.switch-row.compact-switch{
    grid-row:3;
  }
}

/* Shared FC Tactic Coach signature */
.site-header{position:static;padding:26px 0 0;background:transparent;border:0;backdrop-filter:none;}
.header-card{position:relative;overflow:hidden;padding:18px 18px 20px;border:1px solid rgba(140,219,104,.23);border-radius:18px;background:linear-gradient(145deg,rgba(22,53,34,.94),rgba(9,30,18,.96));box-shadow:0 18px 44px rgba(0,0,0,.22);}
.header-card::after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.045);border-radius:50%;right:-50px;bottom:-65px;pointer-events:none;}
.headtop{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.brand-block{display:grid;gap:0;min-width:0;flex:1;max-width:360px;}
.brand{width:min(210px,100%);max-width:100%;}
.brand img{display:block;width:100%;height:auto;}
.brand-block>strong{width:min(210px,100%);margin-top:5px;color:var(--text);font:700 clamp(9px,2.6vw,12px) 'Chakra Petch',sans-serif;letter-spacing:.055em;text-align:center;white-space:nowrap;}
.head-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:8px;}
.langswitch{display:flex;gap:3px;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(2,12,7,.38);}
.langbtn{min-width:42px;border:0;border-radius:999px;padding:7px 10px;background:transparent;color:var(--muted);font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.04em;cursor:pointer;}
.langbtn.active{background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;}
.update-pill{min-height:auto;padding:7px 11px;font:700 10.5px 'Chakra Petch',sans-serif;letter-spacing:.04em;}
.update-pill span{width:6px;height:6px;}
.header-card .product-nav{position:relative;z-index:1;width:max-content;max-width:100%;margin:15px 0 0;padding:3px;}
.header-card .product-nav a{gap:6px;padding:7px 12px;font-size:.67rem;line-height:1.6;letter-spacing:.045em;white-space:nowrap;}
.header-concept{position:relative;z-index:1;margin:11px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font:500 13.5px/1.6 'Anuphan',sans-serif;letter-spacing:0;}

@media (min-width:701px){
  .headtop{justify-content:center;}
  .brand-block{flex:0 1 360px;margin:0 auto;justify-items:center;}
  .head-actions{position:absolute;top:0;right:0;}
}
@media (min-width:701px) and (max-width:1200px){
  .header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:none;border-radius:999px;}
  .header-card .product-nav a{min-width:0;min-height:48px;flex-direction:column;gap:0;padding:6px 5px;font-size:.64rem;line-height:1.15;text-align:center;white-space:normal;}
  .header-card .product-nav .tab-line{display:block;}
}

/* One navigation geometry across all five FC TACTIC products. */
.header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:none;border-radius:999px;overflow:visible;}
.header-card .product-nav a{width:auto;min-width:0;min-height:52px;flex-direction:column;gap:0;padding:6px 4px;font-size:.64rem;line-height:1.15;letter-spacing:.025em;text-align:center;white-space:normal;}
.header-card .product-nav .tab-line{display:block;}

/* Compact content rhythm follows the Tactic Coach baseline. */
.hero{margin-bottom:18px;padding:22px 24px 24px;}
.hero h1{font-size:clamp(1.65rem,4vw,2.25rem);}
.hero>p:not(.eyebrow){font-size:.94rem;line-height:1.6;}
.notice{margin-top:16px;padding:10px 13px;font-size:.84rem;line-height:1.6;}
.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{margin-top:16px;padding:20px;border-radius:18px;}
article{margin-top:18px;padding-top:16px;}
article p{line-height:1.6;}

.hero-title{display:flex;align-items:center;gap:14px;}
.hero-profile-icon,.title-icon,.property-icon,.result-profile{display:grid;place-items:center;flex:none;border:1px solid rgba(140,219,104,.34);background:rgba(140,219,104,.08);color:var(--green);}
.hero-profile-icon{width:48px;height:48px;border-radius:50%;}
.hero-profile-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;}
.heading-with-icon svg,.title-icon svg,.property-icon svg,.result-profile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.icon-title{display:flex;align-items:center;gap:9px;}
.title-icon{width:32px;height:32px;border-radius:8px;}
.caution-heading{color:var(--gold);}
.caution-heading .title-icon{color:var(--gold);border-color:rgba(242,193,78,.4);background:rgba(242,193,78,.08);}
.book-icon{display:grid;place-items:center;}
.book-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

.search-grid{grid-template-columns:minmax(280px,1.55fr) minmax(150px,.55fr) minmax(140px,.45fr);}
.search-field{color:var(--green);}
.search-field input{border-color:rgba(140,219,104,.58);}
.field small{color:var(--muted);font:500 .67rem 'Anuphan',sans-serif;}
.result-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;}
.result-profile{width:58px;height:64px;border:0;border-radius:8px;background:transparent;}
.result-profile svg{width:16px;height:16px;}
.result-copy{min-width:0;}
.result-style{margin-top:3px;color:#91aa99!important;font-size:.67rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.result-arrow{display:grid;place-items:center;min-width:50px;color:var(--green);font-weight:800;}
.result-card .result-review-action{display:inline-flex;min-width:46px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--green);font:800 .56rem/1 'Chakra Petch',sans-serif;letter-spacing:.02em;white-space:nowrap}
.result-card .result-review-action>span{display:inline!important;color:var(--green)!important;font:inherit;white-space:nowrap}
.result-card .result-review-action img{display:block;width:25px;height:25px;flex:0 0 25px;object-fit:contain;transition:transform .18s ease,filter .18s ease}
.result-card:hover .result-review-action img,.result-card:focus-visible .result-review-action img{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 0 5px rgba(140,219,104,.32))}

.avatar{position:relative;overflow:hidden;}
.avatar svg{position:absolute;width:38px;height:38px;fill:none;stroke:rgba(5,23,13,.18);stroke-width:1.4;}
.avatar span{position:relative;z-index:1;}
.primary-action{min-width:158px;}
.analysis-lead{padding:18px;border:1px solid rgba(140,219,104,.24);border-radius:13px;background:rgba(140,219,104,.035);}
.analysis-lead>p{margin-bottom:14px;}
.analysis-warning{display:block;margin-top:12px;padding-top:10px;border-top:1px solid rgba(242,193,78,.3);color:var(--text);}
.analysis-warning strong{display:block;margin-bottom:3px;color:var(--gold);font:800 .82rem 'Chakra Petch',sans-serif;}
.verdict-warning{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(242,193,78,.28);}
.verdict-warning strong{display:block;margin-bottom:3px;color:var(--gold)!important;}
.verdict-card{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:start;padding:13px;border:1px solid rgba(140,219,104,.4);border-radius:11px;background:linear-gradient(145deg,rgba(140,219,104,.12),rgba(140,219,104,.035));}
.verdict-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#07140d;}
.verdict-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
.verdict-card strong{color:var(--green);font:700 .78rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.05em;}
.verdict-card p{margin:2px 0 0!important;color:var(--text);font-size:.89rem;}

.analysis-columns>article{padding:15px;border:1px solid rgba(140,219,104,.18);border-radius:13px;background:rgba(0,0,0,.11);}
.analysis-columns>article:last-child{border-color:rgba(242,193,78,.25);background:rgba(242,193,78,.025);}
.explain-list{gap:9px;}
.explain-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:10px!important;border:1px solid rgba(140,219,104,.19)!important;border-radius:10px;background:#071a0f;}
.explain-item.caution-item{border-color:rgba(242,193,78,.22)!important;}
.explain-symbol{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(140,219,104,.15);color:var(--green);font:800 .78rem 'Chakra Petch',sans-serif;}
.caution-item .explain-symbol{background:rgba(242,193,78,.13);color:var(--gold);}
.explain-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.explain-head strong{font-family:'Chakra Petch',sans-serif;}
.explain-head span{display:inline-flex;white-space:nowrap;padding:3px 7px;border-radius:999px;background:rgba(140,219,104,.12);color:var(--green);font:700 .68rem 'Chakra Petch',sans-serif;}
.caution-item .explain-head span{background:rgba(242,193,78,.1);color:var(--gold);}
.comparison-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:.67rem;}
.technical-percentile{padding:1px 5px;border:1px solid var(--line);border-radius:999px;color:#7f9887;font:600 .58rem 'Chakra Petch',sans-serif;}
.explain-item p{margin:3px 0 0;color:var(--muted);font-size:.81rem;}

.article-head{align-items:center;}
.review-score{display:flex;align-items:center;gap:8px;min-width:155px;padding:9px 12px;border:1px solid rgba(242,193,78,.42);border-radius:11px;background:rgba(242,193,78,.07);}
.review-star{color:var(--gold);font-size:1.35rem;}
.review-score small,.review-score strong{display:block;}
.review-score small{color:var(--muted);font-size:.63rem;}
.review-score strong{color:var(--gold);font:700 1.22rem/1 'Chakra Petch',sans-serif;}
.review-score-wide{width:100%;margin:18px 0 6px;}
.review-score-wide small{flex:1;color:var(--text);font:700 .85rem 'Chakra Petch',sans-serif;}
.review-score-wide strong{margin-left:auto;text-align:right;}

.property-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px!important;border:1px solid rgba(140,219,104,.18)!important;border-radius:10px;background:#071a0f;}
.property-icon{width:36px;height:36px;border-radius:9px;color:var(--gold);border-color:rgba(242,193,78,.32);background:rgba(242,193,78,.06);}
.property-item p{font-size:.8rem;}
.skill-explainer{margin:0 0 13px;padding:14px;border:1px solid rgba(242,193,78,.32);border-radius:11px;background:linear-gradient(145deg,rgba(242,193,78,.08),rgba(140,219,104,.03));}
.skill-explainer>strong{color:var(--gold);font-family:'Chakra Petch',sans-serif;}
.skill-explainer p{margin:5px 0 11px;font-size:.84rem;}
.skill-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.skill-flow span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#071a0f;color:var(--text);font-size:.7rem;}
.skill-flow b{color:var(--green);}
.skill-path{position:relative;padding-top:38px!important;}
.skill-rank,.formation-rank{display:grid;place-items:center;border-radius:8px;background:var(--green);color:#06130c;font:800 .75rem 'Chakra Petch',sans-serif;}
.skill-rank{position:absolute;left:12px;top:11px;width:24px;height:24px;}
.skill-path .tag{position:absolute;right:10px;top:10px;}

.formation-fit{grid-template-columns:34px 150px 1fr 62px!important;gap:12px!important;padding:13px 10px!important;border:1px solid var(--line)!important;border-radius:11px;background:rgba(0,0,0,.1);}
.formation-rank{width:28px;height:28px;}
.formation-name strong,.formation-name small{display:block;}
.formation-name small{margin-top:2px;color:var(--green);font-size:.69rem;}
.comparison-help{margin:12px 0;padding:12px;border:1px solid rgba(140,219,104,.24);border-radius:10px;background:rgba(140,219,104,.045);}
.comparison-help strong{color:var(--green);font-family:'Chakra Petch',sans-serif;}
.comparison-help p{margin:4px 0 0;color:var(--muted);font-size:.8rem;}
.percentile-legend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:11px;}
.legend-band{display:grid;place-items:center;padding:7px 4px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.13);font-family:'Chakra Petch',sans-serif;text-align:center;}
.legend-band strong{font-size:.68rem;}
.legend-band small{color:var(--muted);font-size:.56rem;}
.percentile-pill{display:inline-grid;gap:0;padding:4px 8px;border:1px solid currentColor;border-radius:9px;background:rgba(140,219,104,.08);font-family:'Chakra Petch',sans-serif;line-height:1.15;text-align:center;}
.percentile-pill strong{font-size:.68rem;}
.percentile-pill small{opacity:.68;font-size:.55rem;}
.group-row{grid-template-columns:145px 1fr 118px;}
.group-level{display:inline-flex;justify-content:flex-end;align-items:center;gap:5px;font:700 .66rem 'Chakra Petch',sans-serif;}
.group-level span{opacity:.62;font-size:.56rem;}
.band-elite{color:#f6cf62!important;}
.band-excellent{color:#8cdb68!important;}
.band-good{color:#76d9c0!important;}
.band-standard{color:#d4dde0!important;}
.band-caution{color:#f0a85e!important;}
.explain-head .stat-level.band-elite{background:rgba(242,193,78,.12);}
.explain-head .stat-level.band-excellent{background:rgba(140,219,104,.12);}
.explain-head .stat-level.band-good{background:rgba(118,217,192,.11);}
.explain-head .stat-level.band-standard{background:rgba(212,221,224,.1);}
.explain-head .stat-level.band-caution{background:rgba(240,168,94,.11);}
td:nth-child(2),td:nth-child(3),td:nth-child(4){font-variant-numeric:tabular-nums;}

.squad-plan>div:first-child{display:grid;grid-template-columns:30px 1fr;gap:5px 8px;align-items:center;}
.squad-plan .formation-rank{grid-row:1/3;}
.squad-plan .meta{grid-column:2;}
.pro-footer{display:grid;gap:0;margin-inline:auto;padding:0 0 24px;border:0;background:#030b07;}
.footer-cta{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(140,219,104,.35);border-radius:14px 14px 0 0;background:linear-gradient(145deg,rgba(20,55,32,.98),rgba(8,29,17,.98));}
.footer-ball{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green);font-size:1.15rem;}
.footer-cta div{display:grid;}
.footer-cta strong{color:var(--text);font:700 .93rem 'Chakra Petch',sans-serif;}
.footer-cta span:not(.footer-ball){color:var(--muted);font-size:.76rem;}
.footer-cta a{padding:9px 13px;border-radius:9px;background:var(--green);color:#06130c;font-size:.72rem;text-decoration:none;}
.footer-meta{display:grid;grid-template-columns:1fr auto;gap:9px 20px;padding:16px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#06130c;}
.footer-meta>strong{color:var(--text);font:700 .72rem 'Chakra Petch',sans-serif;}
.footer-meta nav{display:flex;gap:13px;}
.footer-meta>span,.footer-meta>small{font-size:.68rem;}
.footer-meta>small{grid-column:1/-1;color:#718a78;}
.sitefooter{margin:36px auto 0;padding:17px 15px 24px;border-top:2px solid var(--line);text-align:center;color:var(--muted);font-size:11px;background:#030b07}
.sitefooter .footer-philosophy{margin-bottom:9px;color:var(--text);font:600 12px 'Chakra Petch',sans-serif}
.sitefooter .footer-links{display:flex;justify-content:center;gap:5px 12px;flex-wrap:wrap;margin-bottom:10px}
.sitefooter .footerlink{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--green);padding:2px;font:600 10.5px 'Chakra Petch',sans-serif;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(140,219,104,.35);text-underline-offset:3px}
.sitefooter .footer-legal{font-family:'Chakra Petch',sans-serif;line-height:1.55;letter-spacing:.03em}
.sitefooter .footer-disclaimer{max-width:700px;margin:4px auto 0;font-size:10px;line-height:1.5;color:rgba(180,198,185,.75)}

@media(max-width:700px){
  .site-header{padding-top:26px;}
  .header-card{padding:18px;border-radius:18px;}
  .headtop{display:flex;align-items:flex-start;gap:14px;}
  .brand{width:min(210px,100%);}
  .head-actions{display:flex;justify-content:flex-start;}
  .header-card .product-nav{width:100%;overflow:visible;}
  .header-card .product-nav a{flex:1;min-width:0;padding:7px 5px;font-size:.59rem;letter-spacing:.015em;}
  .header-card .product-nav .new{display:inline-flex;top:-8px;right:5px;font-size:.4rem;padding:1px 4px;}
  .header-concept{font-size:12px;line-height:1.55;}
  .hero{padding:18px;border-radius:15px;}
  .search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{padding:15px;border-radius:14px;}
  .search-grid{grid-template-columns:1fr;}
  .analysis-columns>article{padding:12px;}
  .formation-fit{grid-template-columns:30px 1fr 54px!important;}
  .formation-fit p{grid-column:2/4;}
  .footer-cta{grid-template-columns:36px 1fr;}
  .footer-cta a{grid-column:1/-1;text-align:center;}
  .footer-meta{grid-template-columns:1fr;}
  .footer-meta nav{flex-wrap:wrap;}
}

@media(max-width:440px){
  .shell{width:min(100% - 24px,var(--site-shell));}
  .site-header{padding-top:14px;}
  .headtop{align-items:flex-start;gap:10px;}
  .brand-block{max-width:calc(100% - 92px);}
  .langbtn{min-width:38px;padding:6px 8px;}
  .update-pill{padding:6px 9px;font-size:9.5px;}
  .update-pill strong{display:block;white-space:nowrap;}
  .header-card .product-nav a{padding:7px 2px;font-size:.49rem;}
  .hero-title{align-items:flex-start;}
  .hero-profile-icon{width:40px;height:40px;}
  .analysis-columns{gap:12px;}
  .explain-head{align-items:flex-start;flex-direction:column;}
  .article-head{display:grid;}
  .review-score{width:100%;}
}

/* Focused discovery flow */
button.switch-row{
  width:100%;
  min-height:58px;
  margin:14px 0 0;
  padding:10px 12px;
  border:1px solid rgba(140,219,104,.3);
  border-radius:11px;
  background:#06170d;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
button.switch-row:hover{border-color:rgba(140,219,104,.58);}
button.switch-row:disabled{cursor:not-allowed;opacity:.45;}
button.switch-row .switch-ui{display:block;position:relative;width:50px;height:27px;flex:none;border:1px solid #407151;border-radius:30px;background:#07180e;}
button.switch-row .switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:left .18s ease,background .18s ease;}
button.switch-row[aria-checked="true"] .switch-ui{background:#1d5e34;}
button.switch-row[aria-checked="true"] .switch-ui:after{left:26px;background:var(--green);}
button.switch-row>span:nth-child(2){display:grid;min-width:0;}
.switch-state{margin-left:auto;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font:700 .7rem 'Chakra Petch',sans-serif;}
button.switch-row[aria-checked="true"] .switch-state{background:rgba(140,219,104,.14);color:var(--green);}

.player-results-panel .section-heading{margin-bottom:12px;}
.player-results-panel .section-heading p:not(.step){max-width:640px;font-size:.78rem;}
.player-results-panel .result-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.result-card{min-height:74px;padding:11px 12px;}
.result-profile{width:58px;height:64px;border-radius:8px;background:transparent;}
.result-profile svg{width:21px;height:21px;}
.result-meta{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;}
.result-meta b,.result-meta i{font-style:normal;font:700 .66rem 'Chakra Petch',sans-serif;}
.result-meta b{color:var(--green);}
.result-meta i{color:var(--muted);}
.result-role{display:inline-flex!important;width:max-content;margin-top:4px;padding:2px 6px;border-radius:999px;background:rgba(242,193,78,.09);color:var(--gold)!important;font-size:.64rem!important;}
.show-more-results{display:flex;justify-content:center;width:100%;margin-top:10px;padding:9px 12px;border:1px solid rgba(140,219,104,.34);border-radius:9px;background:rgba(140,219,104,.06);color:var(--green);font:700 .74rem 'Chakra Petch',sans-serif;cursor:pointer;}
.show-more-results:hover{background:rgba(140,219,104,.12);}

.position-guide{padding:18px 20px;}
.position-guide-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.position-guide-head h2{margin:2px 0 0;font:700 1.2rem/1.2 'Chakra Petch',sans-serif;}
.position-guide-head p:not(.step){margin:4px 0 0;color:var(--muted);font-size:.78rem;}
.position-guide-actions{display:flex;align-items:center;gap:8px;flex:none;}
.position-hero-badge{display:grid;place-items:center;min-width:48px;height:42px;padding:0 10px;border:1px solid var(--gold);border-radius:10px;background:rgba(242,193,78,.12);color:var(--gold);font:800 1rem 'Chakra Petch',sans-serif;}
.guide-position-picker{display:grid;grid-template-columns:auto minmax(92px,auto);align-items:center;gap:9px;color:var(--muted);font:700 .72rem 'Chakra Petch',sans-serif}
.guide-position-picker select{min-height:42px;padding:8px 34px 8px 12px;border:1px solid rgba(242,193,78,.62);border-radius:10px;background:#08180e;color:var(--gold);font:800 .9rem 'Chakra Petch',sans-serif}
.guide-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.position-guide .role-tab{display:inline-flex;align-items:center;gap:7px}
.role-tab-icon{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:rgba(140,219,104,.07);color:var(--muted)}
.role-tab-icon svg,.guide-role-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.position-guide .role-tab.active .role-tab-icon{background:rgba(4,24,12,.18);color:#07170d}
.guide-role-heading{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center!important;column-gap:10px!important;row-gap:1px!important}
.guide-role-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(241,200,77,.45);border-radius:11px;background:rgba(241,200,77,.08);color:var(--gold)}
.guide-role-icon svg{width:22px;height:22px;stroke-width:1.7}
.guide-role-position{grid-column:2;grid-row:1}
.guide-role-heading h3{grid-column:2;grid-row:2}
.guide-role-heading .guide-player-search{grid-column:3;grid-row:1/3;align-self:center;min-height:34px;padding:7px 10px;border-radius:999px;white-space:nowrap}
.role-guide-dialog .guide-copy{grid-template-columns:1fr;gap:16px}
.guide-reading{display:grid;gap:13px;min-width:0}
.guide-reading-block{display:grid;gap:4px}
.guide-reading-block h4{margin:0;color:var(--green);font:900 .68rem/1.2 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.075em}
.guide-reading-block p{color:#e1e9e3}
.guide-impact{padding:11px 13px;border-left:2px solid rgba(241,200,77,.7);border-radius:0 9px 9px 0;background:linear-gradient(90deg,rgba(241,200,77,.08),transparent)}
.guide-impact h4{color:var(--gold)}
.guide-next-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:2px}
.guide-next-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 12px;border:1px solid rgba(140,219,104,.35);border-radius:10px;background:rgba(140,219,104,.07);color:var(--green);font:800 .72rem/1.35 'Chakra Petch','Anuphan',sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.guide-next-link b{font-size:1rem;line-height:1}
.guide-player-search,.guide-player-search:visited{border-color:#9aeb6e;background:linear-gradient(135deg,#a8f27a,#79d250);color:#06170d!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 6px 16px rgba(98,205,64,.16)}
.guide-role-heading .guide-player-search span{color:#06170d!important}
.guide-next-link:hover,.guide-next-link:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.guide-formation-toggle[aria-expanded="true"] b{transform:rotate(180deg)}
.guide-formation-list{grid-column:1/-1;display:grid;gap:6px;padding-top:2px}
.guide-formation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:10px 11px;border:1px solid rgba(241,200,77,.24);border-radius:10px;background:rgba(241,200,77,.055);color:var(--text)}
.guide-formation-card.is-open{border-color:rgba(140,219,104,.55);background:rgba(140,219,104,.065)}
.guide-formation-copy{display:grid;gap:1px;min-width:0}
.guide-formation-card strong{font:800 .76rem/1.3 'Chakra Petch','Anuphan',sans-serif}
.guide-formation-card em{width:max-content;margin:2px 0;padding:2px 7px;border-radius:999px;background:rgba(140,219,104,.11);color:var(--green);font:800 .62rem/1.35 'Chakra Petch','Anuphan',sans-serif;font-style:normal}
.guide-formation-card small{overflow:hidden;color:var(--muted);font-size:.64rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.guide-map-toggle{display:grid;justify-items:center;gap:3px;min-width:64px;padding:5px 7px;border:0;border-radius:8px;background:rgba(0,0,0,.14);color:var(--green);cursor:pointer}
.guide-map-toggle b{color:var(--gold);font:900 .76rem 'Chakra Petch',sans-serif}
.guide-map-toggle span{font:800 .58rem 'Chakra Petch','Anuphan',sans-serif;white-space:nowrap}
.guide-map-toggle:hover,.guide-map-toggle:focus-visible{background:rgba(140,219,104,.12)}
.guide-formation-map{grid-column:1/-1;display:grid;gap:7px;padding-top:7px;border-top:1px solid rgba(140,219,104,.18);animation:guideMapReveal .3s cubic-bezier(.2,.8,.2,1) both}
.guide-map-intro{display:grid;gap:1px}
.guide-map-intro p{margin:0!important;color:var(--green)!important;font:800 .64rem/1.4 'Chakra Petch','Anuphan',sans-serif!important}
.guide-map-intro small{overflow:visible;white-space:normal;color:var(--muted);font-size:.58rem;line-height:1.45}
.guide-pitch-field{position:relative;aspect-ratio:1.75/1;min-height:190px;overflow:hidden;border:1px solid rgba(140,219,104,.38);border-radius:12px;background:repeating-linear-gradient(90deg,rgba(140,219,104,.07) 0,rgba(140,219,104,.07) 12.5%,rgba(140,219,104,.025) 12.5%,rgba(140,219,104,.025) 25%),#082316}
.guide-pitch-markings{position:absolute;inset:7px;border:1px solid rgba(215,240,219,.2);pointer-events:none}
.guide-pitch-markings::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(215,240,219,.2)}
.guide-pitch-markings::after{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid rgba(215,240,219,.2);border-radius:50%;transform:translate(-50%,-50%)}
.guide-pitch-slot{position:absolute;left:var(--slot-x);top:var(--slot-y);display:grid;place-items:center;width:46px;min-height:29px;padding:3px 4px;border:1px solid rgba(215,240,219,.24);border-radius:7px;background:#0c2d1c;color:#d8e5da;box-shadow:0 3px 8px rgba(0,0,0,.3);transform:translate(-50%,-50%)}
.guide-pitch-slot b{font:800 .56rem 'Chakra Petch',sans-serif}
.guide-pitch-slot small{display:block;width:100%;overflow:hidden;color:#a9bcae;font:700 .43rem/1.05 'Chakra Petch','Anuphan',sans-serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.guide-pitch-slot.is-role-slot{z-index:2;width:58px;min-height:34px;border-color:var(--gold);background:linear-gradient(135deg,#a8f27a,#78d050);color:#06170d;box-shadow:0 0 0 4px rgba(140,219,104,.13),0 5px 14px rgba(0,0,0,.34);animation:guideSlotPulse 1.5s ease-in-out infinite}
.guide-pitch-slot.is-role-slot small{overflow:hidden;color:#16351e;font-weight:900}
.guide-partner-summary{display:grid;gap:5px;padding:8px 9px;border:1px solid rgba(241,200,77,.2);border-radius:9px;background:rgba(241,200,77,.045)}
.guide-partner-summary>b{color:var(--gold);font:900 .56rem/1.2 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.06em}
.guide-partner-summary>div{display:flex;flex-wrap:wrap;gap:5px}
.guide-partner-summary span{padding:3px 7px;border-radius:999px;background:rgba(140,219,104,.1);color:#c9d9cc;font-size:.56rem;line-height:1.35}
.guide-partner-summary span b{color:var(--green);font-family:'Chakra Petch',sans-serif}
.role-guide-dialog button,.role-guide-dialog a{transition:transform .16s ease,filter .16s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.role-guide-dialog button:active,.role-guide-dialog a:active{transform:scale(.96)}
.role-guide-dialog-shell.guide-action-running{animation:guideActionPulse .5s ease-out}
@keyframes guideMapReveal{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes guideSlotPulse{50%{box-shadow:0 0 0 7px rgba(140,219,104,.07),0 5px 14px rgba(0,0,0,.34)}}
@keyframes guideActionPulse{0%,100%{box-shadow:0 28px 90px rgba(0,0,0,.74)}35%{box-shadow:0 28px 90px rgba(0,0,0,.74),0 0 0 2px rgba(140,219,104,.3)}}

.player-head-actions{display:flex;align-items:center;gap:8px;}
.change-player{padding:10px 13px;font-size:.72rem;}

@media(max-width:700px){
  .player-results-panel .result-list{grid-template-columns:1fr;}
  .position-guide-head{align-items:flex-start;display:grid;}
  .guide-position-picker{width:100%;grid-template-columns:1fr auto;}
  .player-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .player-head-actions .primary-action{width:auto;}
}

@media(max-width:440px){
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px;margin:12px 0!important;}
  .fact{min-height:58px;padding:7px 6px!important;border-radius:8px!important;}
  .fact span{font-size:.57rem!important;line-height:1.25;}
  .fact strong{margin-top:3px;font-size:.7rem!important;line-height:1.25;overflow-wrap:anywhere;}
  .player-head-actions{grid-template-columns:1fr;}
  .player-head-actions .primary-action,.player-head-actions .change-player{width:100%;}
}

/* Full-audit player discovery and profile refinements */
[hidden]{display:none!important;}
.hero h1{font-size:clamp(1.45rem,2.8vw,1.9rem);line-height:1.1;letter-spacing:-.02em;}
.hero>p:not(.eyebrow){max-width:760px;font-size:1rem;line-height:1.7;}
.section-heading.compact{align-items:flex-start;text-align:left;}
.section-heading.compact>div{width:100%;text-align:left;}
.section-heading.compact h2,.section-heading.compact p{text-align:left;}
.search-grid{grid-template-columns:minmax(280px,1.4fr) minmax(250px,.9fr) minmax(135px,.45fr) minmax(190px,.65fr);align-items:end;}
.search-wrap{position:relative;display:flex;align-items:center;}
.search-wrap input{padding-right:84px;}
.search-wrap input::-webkit-search-cancel-button{display:none;}
.search-wrap>button.search-clear{position:absolute;right:5px;top:5px;min-width:68px;height:38px;padding:0 11px;border:1px solid rgba(166,239,114,.78);border-radius:9px;background:rgba(140,219,104,.14);color:var(--green);font:800 .68rem 'Chakra Petch',sans-serif;cursor:pointer;}
.search-wrap>button.search-clear:hover,.search-wrap>button.search-clear:focus-visible{background:var(--green);color:#06130c;outline:none;}
.search-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:13px;border:1px solid rgba(166,239,114,.75);border-radius:11px;background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;font:800 .9rem 'Chakra Petch',sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(140,219,104,.12);}
.search-submit:hover{filter:brightness(1.05);box-shadow:0 10px 24px rgba(140,219,104,.2);}
.search-submit span{font-size:1.15rem;}
.position-filter-group{display:grid;grid-template-columns:minmax(130px,1fr) minmax(135px,1fr);gap:8px;align-items:end;}
button.switch-row.compact-switch{min-height:48px;margin:0;padding:7px 9px;gap:7px;}
button.switch-row.compact-switch .switch-ui{width:38px;height:22px;}
button.switch-row.compact-switch .switch-ui:after{width:14px;height:14px;}
button.switch-row.compact-switch[aria-checked="true"] .switch-ui:after{left:19px;}
button.switch-row.compact-switch strong{font-size:.68rem;}
button.switch-row.compact-switch small{font-size:.58rem;}
button.switch-row.compact-switch .switch-state{display:none;}
.result-profile,.similar-portrait{overflow:hidden;}
.result-profile img,.similar-portrait img,.owned-card-thumbnail img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 5px 6px rgba(0,0,0,.34));}
.result-profile,.similar-portrait{position:relative;}
.portrait-initials{
  position:absolute;
  inset:0;
  display:grid!important;
  place-items:center;
  color:var(--green)!important;
  font-family:'Chakra Petch',sans-serif;
  font-size:.62rem!important;
  font-weight:800;
  letter-spacing:.03em;
}
.result-profile svg,.similar-portrait svg{opacity:.42;}
.player-card-visual{display:grid;place-items:center;width:126px;min-width:126px;align-self:stretch;}
.player-card-visual>img{display:block;width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.42));}
.player-card-visual>.avatar{width:74px;height:74px;}
.avatar{width:74px;height:74px;border-radius:14px;background:linear-gradient(145deg,rgba(140,219,104,.18),rgba(5,23,13,.8));}
.avatar img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;}
.story-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border:1px solid rgba(242,193,78,.38);border-radius:8px;background:rgba(242,193,78,.06);color:var(--gold);font:700 .68rem 'Chakra Petch',sans-serif;cursor:pointer;}
.story-toggle-icon{display:grid;place-items:center;width:18px;height:18px;flex:none;}
.story-toggle-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.profile-copy{min-width:0;}
.profile-story{width:100%;margin:11px 0 0;padding:13px;text-align:left;border:1px solid rgba(242,193,78,.4);}
.story-paragraphs{display:grid;gap:10px;}
.story-paragraphs p{margin:0;max-width:86ch;}
.meta-support-note{margin:9px 0 0;color:var(--gold);font:700 .72rem 'Chakra Petch',sans-serif;}
.new-card-strip-panel{margin-top:14px;padding:20px 20px 18px;border:1px solid rgba(226,241,229,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,40,25,.96),rgba(9,29,17,.96));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.database-scope-note{margin:5px 0 -8px;color:var(--muted);font:600 .68rem/1.35 'Anuphan',sans-serif;text-align:center;letter-spacing:.01em}
.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}

/* Team Guide keeps Player Review structure but receives its own gold hierarchy. */
body.team-suggestion-mode .team-view-only,
body.team-suggestion-mode .team-suggestion-hero,
body.team-suggestion-mode .owned-section,
body.team-suggestion-mode .squad-plans{border-color:rgba(232,188,54,.46)!important;background:linear-gradient(145deg,rgba(4,25,14,.94),rgba(1,13,8,.96))!important;box-shadow:0 16px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,236,166,.035)!important}
body.team-suggestion-mode .coach-step-number{border-color:#f2ce62!important;background:linear-gradient(145deg,#ffe99b,#d9a52e)!important;color:#081109!important}
body.team-suggestion-mode #searchSubmit,
body.team-suggestion-mode .team-budget-modes button.active{border-color:#f2ce62!important;background:linear-gradient(135deg,#ffe99b 0%,#e9bd46 52%,#c98e1d 100%)!important;color:#081109!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 20px rgba(197,137,21,.18)!important}
body.team-suggestion-mode .owned-card,
body.team-suggestion-mode .squad-plan-card{border-color:rgba(211,177,81,.3)!important;background:linear-gradient(135deg,rgba(2,19,11,.96),rgba(1,12,7,.98))!important}
body.team-suggestion-mode .team-guide-recommendation-controls{border-color:rgba(232,188,54,.35);background:rgba(1,14,8,.72)}
body.team-suggestion-mode .team-latest-strip .mini-card-choice{grid-template-rows:150px auto auto auto;flex-basis:128px;padding:10px 8px 8px;border-radius:14px}
body.team-suggestion-mode .team-latest-strip .mini-card-art-action,
body.team-suggestion-mode .team-latest-strip .mini-card-art-action .full-card-thumbnail{height:150px}
body.team-suggestion-mode .team-latest-strip .mini-card-choice>strong{font-size:.72rem}
body.team-suggestion-mode .team-latest-strip .mini-card-choice>small{font-size:.62rem}
.mini-section-head{display:grid;gap:2px;margin-bottom:3px}
.new-cards-title-row{display:flex;align-items:center;gap:8px}
.new-card-strip-panel #latestCardsTitle{color:var(--stadium-gold,#f2c14e)}
.new-card-strip-panel .new-cards-title-row .latest-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:25px;margin:0;padding:3px 10px;border:1px solid rgba(140,219,104,.52)!important;border-radius:999px;background:rgba(140,219,104,.055)!important;color:var(--green)!important;font:800 .61rem 'Chakra Petch',sans-serif;white-space:nowrap;box-shadow:none!important}
.new-card-strip-panel .new-cards-title-row .latest-expand-trigger:hover,.new-card-strip-panel .new-cards-title-row .latest-expand-trigger:focus-visible{border-color:var(--green)!important;background:rgba(140,219,104,.12)!important}
.mini-section-head h2{margin:0;color:var(--text);font-size:1.25rem}
.new-cards-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 3px;color:var(--muted);font-size:.72rem;text-align:left}
.new-cards-meta span{white-space:nowrap}
.new-cards-meta span:last-child{margin-left:auto;text-align:right}
.new-cards-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border:1px solid rgba(242,193,78,.58);border-radius:999px;background:rgba(242,193,78,.13);color:var(--gold);font:800 .62rem/1 'Chakra Petch',sans-serif;letter-spacing:.05em;box-shadow:0 0 16px rgba(242,193,78,.15)}
.mini-card-strip{display:flex;gap:12px;overflow-x:auto;padding:0 2px 10px;scroll-snap-type:x proximity;scrollbar-color:rgba(140,219,104,.35) transparent}
.mini-card-choice{position:relative;display:grid;grid-template-rows:150px auto;flex:0 0 128px;scroll-snap-align:start;min-width:0;border:1px solid var(--line);border-radius:14px;padding:10px 8px 8px;background:linear-gradient(180deg,rgba(21,54,32,.78),rgba(5,20,11,.92));color:var(--text);text-align:center}
.mini-card-art-action{display:block;width:100%;height:150px;border:0;padding:0;background:transparent;cursor:pointer}
.mini-card-art-action .full-card-thumbnail{display:block;width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.42));transition:transform .18s ease,filter .18s ease}
.mini-card-art-action:hover .full-card-thumbnail,.mini-card-art-action:focus-visible .full-card-thumbnail{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 11px 11px rgba(0,0,0,.5))}
.mini-card-choice>strong{overflow:hidden;margin-top:2px;font:700 .72rem 'Chakra Petch',sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mini-card-choice>small{color:var(--muted);font-size:.62rem}
.mini-card-shard{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin-top:3px;color:#08dcff;font:800 .62rem/1.2 'Chakra Petch',sans-serif;white-space:nowrap}
.mini-card-shard img{display:block;width:15px;height:15px;flex:0 0 15px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.52))}
.mini-card-shard b{overflow:hidden;text-overflow:ellipsis}
.mini-card-shard.unavailable{color:#08dcff;font-size:.56rem}
.mini-compare-action{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:7px;border:1px solid rgba(140,219,104,.4);border-radius:9px;padding:6px 5px;background:rgba(140,219,104,.08);color:var(--green);font:800 .65rem 'Chakra Petch',sans-serif;cursor:pointer}
.mini-compare-action:hover{background:var(--green);color:#07140d}
.analyse-action-icon{display:block;width:18px;height:18px;object-fit:contain;transition:filter .16s ease}
.latest-analyse-action:hover .analyse-action-icon,.latest-analyse-action:focus-visible .analyse-action-icon{filter:brightness(0) saturate(100%)}
.latest-support-note{margin:7px 2px 0;color:var(--green);font:700 .68rem/1.55 'Chakra Petch',sans-serif}
.latest-expand-trigger,.latest-more-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;border:1px solid rgba(137,232,95,.55);border-radius:11px;background:rgba(137,232,95,.07);color:var(--green);font:800 .76rem 'Chakra Petch',sans-serif;cursor:pointer}.latest-expand-trigger:hover,.latest-more-button:hover{background:rgba(137,232,95,.14);border-color:var(--green)}
.latest-expanded{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.latest-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.latest-expanded-head strong{font:800 .92rem 'Chakra Petch',sans-serif}.latest-expanded-head span{color:var(--muted);font-size:.7rem}.latest-row-list{display:grid;gap:9px}.latest-row-card{display:grid;grid-template-columns:104px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-width:0;min-height:132px;border:1px solid var(--line);border-radius:14px;background:#071a0f;color:var(--text);padding:10px 14px;text-align:left;cursor:pointer}.latest-row-card:hover{border-color:var(--green);background:#10331d}.latest-row-art{display:grid;place-items:center;width:104px;height:110px}.latest-row-art>.ps-card-overlay,.latest-row-art>.ps-card-overlay>.full-card-thumbnail{width:104px!important;height:110px!important}.latest-row-art>.ps-card-overlay>.full-card-thumbnail{object-fit:contain}.latest-row-copy{display:grid;min-width:0;gap:3px}.latest-row-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .88rem 'Chakra Petch',sans-serif}.latest-row-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem}.latest-row-meta b{color:var(--green)}.latest-row-meta i{font-style:normal}.latest-row-copy>small{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.latest-row-arrow{color:var(--green);font-size:1rem;text-align:right}
@media(max-width:600px){.latest-row-list{min-width:0}.latest-row-card{grid-template-columns:84px minmax(0,1fr) 18px;min-height:116px;gap:9px;padding:8px 10px}.latest-row-art{width:84px;height:96px}.latest-row-art>.ps-card-overlay,.latest-row-art>.ps-card-overlay>.full-card-thumbnail{width:84px!important;height:96px!important}.latest-row-copy{width:100%;min-width:0;overflow:hidden}.latest-row-copy>strong{font-size:.76rem}.latest-row-meta{align-items:flex-start;flex-direction:column;gap:0;min-width:0;font-size:.64rem}.latest-row-copy>small{display:block;max-width:100%;font-size:.62rem}}
.review-verdict{margin:12px 0 16px;}
.property-section{padding:17px;border:1px solid rgba(140,219,104,.2);border-radius:13px;background:rgba(0,0,0,.1);}
.property-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.skill-route{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:12px;padding:16px;border:1px solid rgba(140,219,104,.46);border-radius:12px;background:linear-gradient(145deg,rgba(140,219,104,.1),rgba(7,26,15,.8));}
.skill-step{display:grid;grid-template-columns:28px 1fr;gap:2px 9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;background:#06170d;}
.skill-step b{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:#06130c;}
.skill-step strong{font-family:'Chakra Petch',sans-serif;}
.skill-step small{color:var(--muted);}
.route-arrow{color:var(--green);font-size:1.3rem;font-weight:900;}
.skill-route>p{grid-column:1/-1;margin:0;color:#c9d6cd;font-size:.84rem;}
.all-stats{padding:14px;border:1px solid rgba(140,219,104,.4);border-radius:12px;background:rgba(140,219,104,.05);}
.all-stats summary{display:flex;justify-content:space-between;gap:12px;font:800 .9rem 'Chakra Petch',sans-serif;}
.all-stats summary span{color:var(--text);font-size:.72rem;}
.similar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.similar-card{display:grid;grid-template-columns:72px minmax(0,1fr) 88px;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#071a0f;color:var(--text);text-align:left;cursor:pointer;}
.similar-card:hover{border-color:var(--green);background:#10331d;}
.similar-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.similar-portrait{display:grid;place-items:center;width:72px;height:78px;border-radius:8px;background:transparent;}
.similar-portrait>.ps-card-overlay,.similar-portrait>.ps-card-overlay>.full-card-thumbnail{width:72px!important;height:78px!important}
.similar-portrait svg{width:22px;height:22px;fill:none;stroke:var(--green);}
.similar-copy{display:grid;gap:2px;min-width:0;padding-left:6px;}
.similar-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.similar-card small{color:var(--muted);}
.similar-set{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar-actions{display:grid;gap:5px;width:88px}
.similar-action{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-height:27px;padding:3px 6px;border:1px solid rgba(137,232,95,.38);border-radius:7px;background:rgba(137,232,95,.055);color:var(--green);font:700 .54rem 'Chakra Petch',sans-serif;text-decoration:none;cursor:pointer}
.similar-action img{width:16px;height:16px;object-fit:contain}.similar-action:hover,.similar-action:focus-visible{border-color:var(--green);background:rgba(137,232,95,.13)}
.owned-chip{padding-left:8px;}
.owned-card-thumbnail{display:grid;place-items:center;width:38px;height:44px;flex:none;}

/* Footer reading guide stays visually grouped without another enclosing outline. */
.method-note{border:0!important;}

.player-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:18px;
  border:1px solid rgba(140,219,104,.28);
  border-bottom-width:1px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(20,53,32,.8),rgba(7,25,14,.72));
}
.identity{display:flex;align-items:flex-start;gap:15px;min-width:0;}
.identity>div:last-child{min-width:0;}
.identity h2{display:flex;align-items:baseline;gap:.3em;min-width:0;margin:.05em 0;font-size:1.5rem;white-space:nowrap;}
.identity h2 #playerNameText{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.identity p{margin:.12em 0;}
.player-head-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;width:100%;margin-top:12px;}
.player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{display:grid;place-items:center;min-width:132px;min-height:44px;padding:9px 13px;text-decoration:none;}
.player-head-actions .change-player,.player-head-actions .compare-player-action{font:800 .72rem/1.25 'Chakra Petch',sans-serif;}
.player-head-actions .compare-player-action{grid-template-columns:22px auto;gap:7px;color:var(--green)}
.player-head-actions .compare-player-action img{display:block;width:22px;height:23px;object-fit:contain}
#playerReview{scroll-margin-top:12px}
.profile-story{
  grid-column:1/-1;
  width:100%;
  margin:11px 0 0;
  padding:13px;
  border-top:1px solid rgba(242,193,78,.4);
}
.primary-properties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 17px;}
.primary-properties .property-section{margin:0;padding:13px;border:1px solid rgba(140,219,104,.22);border-radius:11px;background:rgba(0,0,0,.11);}
.primary-properties .property-section h3{margin:0;font-size:1rem;font-weight:700;letter-spacing:.015em;}
.property-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;}
.property-toggle{flex:none;padding:5px 8px;border:1px solid rgba(140,219,104,.32);border-radius:8px;background:rgba(140,219,104,.06);color:var(--green);font:700 .61rem 'Chakra Petch',sans-serif;cursor:pointer;}
.property-toggle:hover,.property-toggle[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.13);}
.primary-properties .property-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.primary-properties .property-item{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:8px!important;}
.primary-properties .property-icon{width:28px;height:28px;}
.primary-properties .property-icon svg{width:16px;height:16px;}
.primary-properties .playstyle-card{grid-template-columns:44px minmax(0,1fr);overflow:hidden;}
.primary-properties .trait-card{grid-template-columns:44px minmax(0,1fr);overflow:hidden;}
.primary-properties .playstyle-icon{
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.46));
}
.primary-properties .trait-icon{
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.4));
}
.primary-properties .trait-icon .trait-emblem{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  transform:scale(1.04);
  transform-origin:center;
  transition:transform .18s ease;
}
.trait-card:hover .trait-emblem{transform:scale(1.1);}
.primary-properties .playstyle-icon .playstyle-emblem{
  display:block;
  width:44px;
  height:40px;
  margin-inline:-1px;
  object-fit:contain;
  transform:scale(1.08);
  transform-origin:center;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.42));
}
.playstyle-card.playstyle-level-1 .playstyle-emblem:not([src*="-silver.svg"]){
  filter:grayscale(1) saturate(0) brightness(1.24) contrast(.88) drop-shadow(0 4px 5px rgba(0,0,0,.42));
}
.playstyle-card.playstyle-level-1 .playstyle-emblem[src*="-silver.svg"]{filter:contrast(1.12) drop-shadow(0 4px 5px rgba(0,0,0,.42));}
.playstyle-card:hover .playstyle-emblem{transform:scale(1.13);}
.playstyle-card .level{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:1px 6px;
  border:1px solid rgba(214,222,226,.62);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(236,241,244,.16),rgba(154,165,172,.08));
  color:#dce4e8;
}
.playstyle-card .level.level-2{
  border-color:rgba(242,193,78,.72);
  background:linear-gradient(145deg,rgba(255,220,116,.2),rgba(180,124,22,.09));
  color:#f6cf62;
  box-shadow:0 0 12px rgba(242,193,78,.12);
}
.playstyle-card .level.level-3{
  border-color:rgba(170,160,255,.78);
  background:linear-gradient(145deg,rgba(196,188,255,.22),rgba(98,82,196,.1));
  color:#c9c2ff;
  box-shadow:0 0 12px rgba(150,136,255,.16);
}
.primary-properties .property-item strong{font-size:.76rem;line-height:1.25;overflow-wrap:anywhere;}
.property-detail{display:none;margin:5px 0 0!important;color:var(--muted);font-size:.72rem!important;line-height:1.5;}
.property-section.expanded .property-detail{display:block;}
.property-section.expanded .property-item{align-items:start;min-height:82px;}
.primary-properties .property-item p{font-size:.75rem;line-height:1.5;}
button.switch-row.compact-switch{height:45px;min-height:45px;max-height:45px;}
@media(max-width:900px){
  .skill-tree-layout.expanded{grid-template-columns:1fr;}
  .skill-tree-layout.expanded .skill-tree-core:after{content:"↓";right:14px;top:auto;bottom:-21px;translate:0;}
  .skill-tree-branches{grid-template-columns:repeat(2,minmax(0,1fr));}
  .search-grid{grid-template-columns:1fr 1fr;}
  .search-field{grid-column:1/-1;}
  .player-head{grid-template-columns:1fr;}
  .player-head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}
  .player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{
    width:100%;
    min-width:0;
  }
}
@media(max-width:700px){
  .skill-tree-heading{display:flex;}
  .skill-tree-branches{grid-template-columns:1fr;}
  .role-verdict{grid-template-columns:1fr!important;}
  .role-skill-path{display:flex;gap:9px;}
  .hero h1{font-size:clamp(1.35rem,6.2vw,1.7rem);}
  .search-grid{grid-template-columns:1fr;}
  .search-field{grid-column:auto;}
  .property-grid,.similar-list{grid-template-columns:1fr;}
  .skill-route{grid-template-columns:1fr;}
  .route-arrow{transform:rotate(90deg);justify-self:center;}
  .skill-route>p{grid-column:auto;}
  .player-head{grid-template-columns:1fr;padding:14px;}
  .identity{display:grid;grid-template-columns:1fr;width:100%;}
  .player-card-visual{width:100%;min-width:0;min-height:210px;}
  .player-card-visual>img{width:min(250px,78vw);height:210px;}
  .player-card-visual>.avatar{width:76px;height:76px;}
  .identity>div:last-child{text-align:center;}
  .identity h2{justify-content:center;flex-wrap:nowrap;width:100%;font-size:clamp(1.15rem,6vw,1.5rem);}
  .story-toggle{margin-inline:auto;}
  .player-head-actions{grid-template-columns:1fr 1fr;}
  .player-head-actions .primary-action{grid-column:1/-1;}
  .profile-story{text-align:left;}
  .primary-properties{grid-template-columns:1fr;}
  .explain-head{min-height:28px;padding-right:96px;}
  .explain-head .stat-level{position:absolute;top:10px;right:10px;}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
  .shell{width:min(var(--site-shell),calc(100% - 28px));}
  .player-head{gap:12px;padding:13px;}
  .identity{display:grid;grid-template-columns:112px minmax(0,1fr);width:100%;}
  .player-card-visual{width:112px;min-width:112px;min-height:126px;}
  .player-card-visual>img{width:112px;height:126px;}
  .identity>div:last-child{text-align:left;}
  .identity h2{justify-content:flex-start;font-size:1.2rem;}
  .story-toggle{margin-inline:0;}
  .player-head-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
  .player-head-actions .primary-action{grid-column:auto;}
}
@media (orientation:landscape) and (max-height:720px) and (min-width:901px) and (max-width:1180px){
  .player-head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:10px;
  }
  .identity{
    display:grid;
    grid-template-columns:138px minmax(210px,1fr);
    align-items:start;
    gap:14px;
  }
  .player-card-visual{
    width:138px;
    min-width:138px;
    min-height:158px;
    align-self:start;
  }
  .player-card-visual>img{width:138px;height:158px;}
  .profile-copy{min-width:0;}
  .profile-story{margin-top:10px;padding:11px;}
  .profile-story h3{font-size:.9rem;}
  .profile-story p{font-size:.76rem;line-height:1.58;}
  .player-head-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    margin-top:10px;
  }
  .player-head-actions .primary-action,
  .player-head-actions .change-player,
  .player-head-actions .compare-player-action{
    width:100%;
    min-width:0;
    white-space:normal;
  }
}
@media(max-width:440px){
  .profile-skill-tree{padding:11px;}
  .skill-tree-branches{grid-template-columns:1fr;gap:6px;}
  .skill-tree-core,.skill-tree-node{padding:9px;}
  .skill-stat-chip{font-size:.54rem;}
  .position-filter-group{grid-template-columns:1fr;}
  button.switch-row.compact-switch{width:100%;height:48px;min-height:48px;max-height:48px;}
  button.switch-row.compact-switch strong,button.switch-row.compact-switch small{white-space:nowrap;}
  .avatar{width:62px;height:62px;}
  .player-card-visual{min-height:190px;}
  .player-card-visual>img{height:190px;}
  .all-stats summary{display:grid;}
  .primary-properties .property-list{grid-template-columns:1fr;}
  .player-head-actions{grid-template-columns:1fr 1fr;min-width:0;width:100%;}
  .player-head-actions .primary-action{grid-column:1/-1;}
  .player-head-actions .primary-action,.player-head-actions .change-player,.player-head-actions .compare-player-action{width:100%;min-width:0!important;max-width:100%;white-space:normal;}
  .identity{align-items:center;}
  .percentile-legend{grid-template-columns:repeat(2,minmax(0,1fr));}
  .group-row{grid-template-columns:92px 1fr 90px;}
}

/* Numbered section rhythm shared with FC Tactic Coach */
.coach-step-heading{
  display:grid;
  grid-template-columns:56px minmax(0,auto) minmax(42px,1fr) auto;
  align-items:start;
  gap:0 16px;
  margin-bottom:20px;
  padding-bottom:0;
}
.coach-step-heading::after{display:none;}
.coach-step-number{
  display:grid;
  grid-row:1 / 3;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid rgba(180,246,112,.52);
  border-radius:14px;
  background:linear-gradient(145deg,#a4ed6c,#79d747);
  box-shadow:0 10px 24px rgba(92,192,67,.16);
  color:#06130c;
  font:800 1.08rem/1 "Chakra Petch","Anuphan",sans-serif;
}
.coach-step-copy{min-width:0;}
.section-heading.compact>.coach-step-copy{width:auto;}
.coach-step-copy .step{display:none;}
.coach-step-copy h2{
  margin:11px 0 0;
  color:var(--text);
  font-size:clamp(1.2rem,2.4vw,1.55rem);
  line-height:1.25;
}
.coach-step-copy>p:not(.step){
  max-width:690px;
  margin:9px 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.65;
}
.coach-step-line{
  align-self:start;
  height:3px;
  margin-top:27px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(132,218,91,.88),rgba(132,218,91,.13) 76%,transparent);
}
.coach-step-heading>.count{
  align-self:start;
  margin-top:12px;
}
.team-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;}
.clear-team-button{min-height:31px;padding:5px 11px;border:1px solid rgba(242,193,78,.5);border-radius:999px;background:rgba(242,193,78,.08);color:var(--gold);font:800 .68rem 'Chakra Petch',sans-serif;white-space:nowrap;cursor:pointer;}
.clear-team-button:hover,.clear-team-button:focus-visible{border-color:var(--gold);background:rgba(242,193,78,.16);}
.clear-team-button:disabled{border-color:var(--line);background:rgba(226,241,229,.04);color:var(--muted);cursor:not-allowed;opacity:.55;}
.player-profile-step{margin-bottom:16px;}
.player-review .player-head #reviewStep{display:none;}

/* Full Player Review — progressive disclosure for the third reading layer */
.full-review-section{padding-top:18px;}
.full-review-details{border:1px solid rgba(140,219,104,.34);border-radius:14px;background:linear-gradient(145deg,rgba(140,219,104,.08),rgba(7,24,14,.35));overflow:hidden;}
.full-review-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;}
.full-review-details>summary::-webkit-details-marker{display:none;}
.full-review-details>summary span{display:grid;gap:2px;}
.full-review-details>summary strong{color:var(--text);font:700 1rem 'Chakra Petch',sans-serif;}
.full-review-details>summary small{color:var(--muted);font-size:.76rem;}
.full-review-details>summary b{color:var(--green);transition:transform .18s ease;}
.full-review-details[open]>summary b{transform:rotate(180deg);}
.full-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px;}
.full-review-card{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:0;padding:13px;border:1px solid rgba(226,241,229,.11);border-radius:11px;background:rgba(4,17,10,.46);}
.full-review-index{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(140,219,104,.14);color:var(--green);font:700 .72rem 'Chakra Petch',sans-serif;}
.full-review-card strong{display:block;color:var(--green);font:700 .88rem 'Chakra Petch',sans-serif;}
.full-review-card p{margin:5px 0 0;color:#cbd6ce;font-size:.83rem;line-height:1.7;}

@media(max-width:720px){
  .full-review-grid{grid-template-columns:1fr;}
}
.player-head h2{display:block;}
.card-series-label{display:inline;color:#a9bbb0;font:700 .66em/1 "Chakra Petch","Anuphan",sans-serif;letter-spacing:.015em;white-space:nowrap;}
.result-card strong .card-series-label,.similar-card strong .card-series-label,.owned-chip strong .card-series-label{display:inline;color:var(--muted);font-size:.78em;}

@media(max-width:700px){
  .coach-step-heading{
    grid-template-columns:48px minmax(0,1fr);
    gap:0 12px;
  }
  .coach-step-number{
    grid-row:1;
    width:48px;
    height:48px;
    border-radius:12px;
    font-size:.98rem;
  }
  .coach-step-copy{grid-column:2;}
  .coach-step-copy h2{
    margin-top:8px;
    font-size:clamp(1.08rem,5vw,1.28rem);
  }
  .coach-step-line{
    grid-column:2;
    height:2px;
    margin-top:10px;
  }
  .coach-step-heading>.count{
    grid-column:2;
    justify-self:start;
    margin-top:10px;
  }
  .team-heading-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap;margin-top:10px;}
  .formation-fit{
    position:relative;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding-right:72px!important;
  }
  .formation-fit .formation-name{padding-right:8px;}
  .formation-fit p{grid-column:2/-1;}
  .formation-fit>.score{
    position:absolute;
    top:13px;
    right:12px;
    text-align:right;
  }
  .squad-plan{position:relative;padding-right:72px!important;}
  .squad-plan>.score{
    position:absolute;
    top:13px;
    right:12px;
    text-align:right;
  }
}

/* Compact Player Review rhythm — aligned with FC Tactic Coach */
.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
  margin-top:14px;
  padding:20px;
  border-radius:18px;
}
.team-suggestion-intro{display:grid;gap:18px;margin-top:14px;padding:24px;border:1px solid rgba(140,219,104,.34);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(140,219,104,.12),transparent 34%),linear-gradient(145deg,rgba(12,43,24,.98),rgba(4,20,11,.98));box-shadow:0 18px 42px rgba(0,0,0,.2);}
.team-suggestion-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.team-suggestion-heading h1{margin:3px 0 4px;font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.12;}
.team-suggestion-heading p:last-child{margin:0;color:var(--muted);}
.team-suggestion-count{display:grid;place-items:center;min-width:88px;min-height:42px;padding:8px 14px;border:1px solid rgba(140,219,104,.54);border-radius:999px;color:var(--green);font:800 .82rem 'Chakra Petch',sans-serif;white-space:nowrap;}
.recent-player-block{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(180px,240px);align-items:center;gap:22px;padding:16px 18px;border:1px solid rgba(226,241,229,.12);border-radius:16px;background:rgba(3,18,10,.58);}
.recent-player-copy{display:grid;gap:4px;min-width:0;}
.recent-player-copy>span{color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.recent-player-copy>strong{overflow:hidden;font:800 clamp(1.25rem,2.4vw,1.85rem) 'Chakra Petch',sans-serif;text-overflow:ellipsis;white-space:nowrap;}
.recent-player-copy>small{color:var(--muted);font-size:.76rem;}
.recent-player-card{display:grid;place-items:center;width:150px;height:164px;}
.recent-player-card>.ps-card-overlay,.recent-player-card>.ps-card-overlay>.full-card-thumbnail{width:150px!important;height:164px!important;object-fit:contain;}
.recent-player-add{width:100%;min-height:48px;}
.team-latest-block{display:grid;gap:4px;min-width:0;padding:16px 18px;border:1px solid rgba(226,241,229,.12);border-radius:16px;background:rgba(3,18,10,.58);}
.team-latest-block .mini-section-head{min-width:0;margin-bottom:0;}
.team-latest-block .new-cards-title-row{min-width:0;flex-wrap:wrap;}
.team-latest-block .new-cards-meta{display:block;min-width:0;width:100%;line-height:1.45;}
.team-latest-block .new-cards-meta span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;}
.team-latest-strip{min-width:0;padding-bottom:8px;}
.team-latest-strip .mini-card-choice{margin-top:0;}
.team-latest-choice{grid-template-rows:150px auto auto auto;}
.team-latest-choice.in-team{border-color:rgba(140,219,104,.68);box-shadow:inset 0 0 0 1px rgba(140,219,104,.14);}
.team-latest-add{min-height:36px;padding-inline:4px;line-height:1.25;}
.team-latest-add[aria-pressed="true"]{background:rgba(140,219,104,.2);color:#e9ffe2;}
.player-review{font-size:.88rem;}
.player-review article{margin-top:18px;padding-top:17px;}
.player-review article h3{margin-bottom:9px;font-size:1rem;}
.player-review article h4{font-size:.9rem;}
.player-review article p{font-size:.86rem;line-height:1.68;}
.analysis-lead p{font-size:.9rem!important;}
.facts{margin:14px 0;}
.narrative-grid{gap:9px;}
.narrative-grid>div,.skill-path{padding:11px;}
.full-review-details>summary{padding:13px 15px;}
.full-review-grid{gap:8px;padding:0 11px 11px;}
.full-review-card{padding:11px;}
.player-story{margin-top:18px;padding:13px;}

@media(max-width:700px){
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
    padding:14px;
    border-radius:14px;
  }
  .player-results-panel .result-style{display:none!important;}
  .mini-card-choice{flex-basis:118px;}
  .player-review{font-size:.83rem;}
  .player-review article{margin-top:15px;padding-top:14px;}
  .player-review article h3{font-size:.94rem;}
  .player-review article p{font-size:.81rem;line-height:1.62;}
  .analysis-lead p{font-size:.84rem!important;}
  .player-head{gap:12px;padding:12px;}
  .identity h2{font-size:clamp(1.05rem,5.4vw,1.34rem);}
  .player-card-visual{min-height:185px;}
  .player-card-visual>img{width:min(220px,72vw);height:185px;}
  .facts{margin:12px 0;}
  .fact{padding:8px;}
  .fact strong{font-size:.78rem;}
  .headline-stat-block{padding:10px;}
  .headline-stat strong{font-size:1.18rem;}
  .primary-properties .property-section{padding:10px;}
}
@media(max-width:700px){
  .header-card .product-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;border-radius:999px;overflow:visible;}
  .header-card .product-nav a{width:auto;min-width:0;min-height:52px;flex-direction:column;gap:0;padding:6px 2px;font-size:.53rem;line-height:1.15;text-align:center;white-space:normal;}
  .header-card .product-nav .tab-line{display:block;}
  .team-suggestion-intro{padding:16px;border-radius:15px;}
  .team-suggestion-heading{align-items:start;flex-direction:column;gap:10px;}
  .team-suggestion-count{min-width:78px;min-height:36px;}
  .team-latest-block{padding:13px;}
  html[lang="en"] .team-latest-block .new-cards-title-row{align-items:flex-start;row-gap:4px;}
}

/* Tablet discovery form: two balanced rows without intrinsic-width overflow. */
.search-grid>*{min-width:0;}
@media (min-width:701px) and (max-width:1660px){
  .search-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;}
  .search-grid .search-field{grid-column:auto;}
  .position-filter-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;}
  .search-grid .field,.search-grid .playstyle-filter-field,.search-grid select,.search-grid input{min-width:0;}
}

/* Selected-squad formation preview */
.team-guide-recommendation-controls{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0 12px;padding:10px;border:1px solid rgba(140,219,104,.28);border-radius:12px;background:rgba(3,18,10,.5);}
.team-signature-control{display:flex;align-items:center;gap:8px;min-height:30px;padding:1px 2px;color:var(--text);font:700 .7rem 'Chakra Petch',sans-serif;cursor:pointer;}
.team-signature-control input{position:absolute;width:1px;height:1px;opacity:0;}
.team-control-check{position:relative;flex:0 0 34px;width:34px;height:20px;border:1px solid rgba(140,219,104,.48);border-radius:999px;background:rgba(226,241,229,.1);transition:.18s ease;}
.team-control-check::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#dce9de;transition:.18s ease;}
.team-signature-control input:checked+.team-control-check{background:rgba(140,219,104,.36);}
.team-signature-control input:checked+.team-control-check::after{left:17px;background:var(--green);}
.team-signature-control input:focus-visible+.team-control-check{outline:2px solid var(--green);outline-offset:3px;}
.team-budget-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.team-budget-modes button{display:grid;grid-template-rows:auto auto;place-items:center;gap:1px;min-height:58px;padding:6px 10px;border:1px solid rgba(140,219,104,.35);border-radius:11px;background:rgba(140,219,104,.06);color:#a6b8aa;font:800 clamp(.7rem,1.1vw,.78rem)/1.15 'Chakra Petch',sans-serif;text-align:center;cursor:pointer;transition:.18s ease;}
.team-budget-icon{font:400 1.05rem/1 system-ui,sans-serif;}
.team-budget-modes button:hover,.team-budget-modes button:focus-visible{border-color:rgba(140,219,104,.58);background:rgba(140,219,104,.12);color:#dce9de;}
.team-budget-modes button.active{border-color:var(--green);background:linear-gradient(145deg,#a6ef72,#78cf4f);color:#06130c;box-shadow:0 5px 14px rgba(140,219,104,.14);}
.team-guide-recommendation-controls>p{margin:0;padding-top:2px;border-top:1px solid rgba(226,241,229,.08);color:var(--muted);font-size:.66rem;line-height:1.4;}
.squad-plan-list{gap:0;}
.squad-plan-entry{display:grid;gap:10px;padding:4px 0 14px;border-bottom:1px solid var(--line);}
.squad-plan-entry:last-child{border-bottom:0;padding-bottom:0;}
.squad-plan-entry>.squad-plan{border-bottom:0;padding-bottom:4px;}
.squad-plan .squad-player-name{display:inline;color:#fff;font-size:inherit;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.35);}
.squad-lineup-primary{display:grid;gap:12px;margin:6px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.squad-lineup-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:1px solid rgba(140,219,104,.55);border-radius:11px;background:rgba(140,219,104,.08);color:var(--green);font:800 .76rem 'Chakra Petch',sans-serif;cursor:pointer;}
.squad-lineup-toggle:hover,.squad-lineup-toggle:focus-visible,.squad-lineup-toggle[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.15);}
.squad-lineup-toggle>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#06130c;font-size:.9rem;}
.squad-lineup-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(140,219,104,.34);border-radius:16px;background:linear-gradient(145deg,rgba(15,47,28,.78),rgba(5,20,12,.9));}
.squad-lineup-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;}
.squad-lineup-heading span{color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.squad-lineup-heading h3{margin:2px 0 0;font:800 1.15rem 'Chakra Petch',sans-serif;}
.squad-lineup-heading p{max-width:590px;margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;text-align:right;}
.squad-pitch{position:relative;width:min(100%,560px);aspect-ratio:3/4;margin-inline:auto;overflow:hidden;border:3px solid rgba(214,237,216,.68);border-radius:19px;background:repeating-linear-gradient(0deg,rgba(23,111,58,.94) 0,rgba(23,111,58,.94) 12.5%,rgba(20,98,52,.96) 12.5%,rgba(20,98,52,.96) 25%);box-shadow:inset 0 0 34px rgba(0,0,0,.18),0 18px 32px rgba(0,0,0,.22);}
.pitch-halfway{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(225,239,226,.62);}
.pitch-centre-circle{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;border:2px solid rgba(225,239,226,.62);border-radius:50%;transform:translate(-50%,-50%);}
.pitch-box{position:absolute;left:25%;width:50%;height:13%;border:2px solid rgba(225,239,226,.58);}
.pitch-box-top{top:-2px;border-top:0;}
.pitch-box-bottom{bottom:-2px;border-bottom:0;}
.lineup-player{position:absolute;z-index:2;left:var(--slot-x);top:var(--slot-y);display:grid;justify-items:center;width:clamp(54px,15%,82px);transform:translate(-50%,-50%);text-align:center;filter:drop-shadow(0 5px 7px rgba(0,0,0,.4));}
.lineup-card-wrap{position:relative;display:grid;place-items:center;width:100%;}
.lineup-card-art{display:grid;place-items:center;width:100%;height:clamp(58px,10vw,88px);}
.lineup-card-art img{display:block;width:100%;height:100%;object-fit:contain;}
.lineup-player-name{display:block;width:125%;margin-top:-4px;overflow:hidden;color:#fff;font:800 clamp(.52rem,1.05vw,.65rem)/1.15 'Chakra Petch',sans-serif;text-overflow:ellipsis;text-shadow:0 2px 4px #031309;white-space:nowrap;}
.lineup-player-meta{display:inline-flex;margin-top:2px;padding:2px 6px;border:1px solid rgba(220,237,222,.62);border-radius:999px;background:rgba(3,19,10,.86);color:#eff8f0;font:800 clamp(.48rem,.9vw,.59rem)/1.2 'Chakra Petch',sans-serif;white-space:nowrap;}
.recommended-player .lineup-card-art,.recommended-player .lineup-player-name,.recommended-player .lineup-player-meta{opacity:.5;}
.lineup-recommended-badge{position:absolute;z-index:4;top:50%;left:50%;display:inline-flex;padding:2px 6px;border-radius:999px;background:var(--gold);color:#161006;font:800 clamp(.43rem,.78vw,.54rem)/1.2 'Chakra Petch',sans-serif;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.28);}
.lineup-empty-slot{gap:3px;filter:none;opacity:.72;}
.lineup-empty-card{display:grid;place-items:center;width:56px;aspect-ratio:3/4;border:1px dashed rgba(242,193,78,.8);border-radius:9px;background:rgba(3,19,10,.72);color:var(--gold);font:800 .7rem 'Chakra Petch',sans-serif;}
.lineup-empty-slot>small{width:140%;color:#f2d891;font:700 clamp(.4rem,.7vw,.5rem)/1.2 'Chakra Petch',sans-serif;}
@media(max-width:700px){
  .team-guide-recommendation-controls{padding:9px;gap:5px;}
  .team-budget-modes{gap:7px;}
  .team-budget-modes button{min-height:56px;padding:5px 6px;border-radius:10px;font-size:clamp(.66rem,3vw,.74rem);}
  .team-signature-control{min-height:28px;font-size:.66rem;}
  .squad-lineup-panel{padding:12px 8px;}
  .squad-lineup-heading{display:grid;gap:5px;padding-inline:4px;}
  .squad-lineup-heading p{text-align:left;}
  .squad-pitch{max-width:460px;aspect-ratio:3/5;border-radius:14px;}
  .lineup-player{width:48px;}
  .lineup-player[data-slot="GK"]{top:85%;}
  .lineup-card-art{height:52px;}
  .lineup-player-name{font-size:.46rem;}
  .lineup-player-meta{padding:1px 4px;font-size:.43rem;}
  .lineup-recommended-badge{top:50%;padding:1px 5px;font-size:.4rem;}
}
@media(min-width:701px) and (max-width:1100px){
  .team-guide-recommendation-controls{grid-template-columns:1fr;}
}

/* Discovery form v4: two columns are the desktop contract. The position
   control contains two fields of its own, so a four-column parent can exceed
   the panel even when the viewport is wide or zoomed. */
.search-grid{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:14px;
  align-items:end;
}
.search-grid>*,
.search-grid .field,
.search-grid .playstyle-filter-field,
.search-grid .ps-filter,
.search-grid .ps-filter-trigger,
.position-filter-group>*{min-width:0;max-width:100%;}
.position-filter-group{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:10px;
}
button.switch-row.compact-switch{width:100%;min-width:0;overflow:hidden;}
button.switch-row.compact-switch>span:nth-child(2){min-width:0;overflow:hidden;}
button.switch-row.compact-switch strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:700px){
  .search-grid{grid-template-columns:1fr;}
  .position-filter-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}

@media(max-width:440px){
  .position-filter-group{grid-template-columns:1fr;}
}

/* Final iPad profile contract: later than landscape rules by design. */
@media (min-width:701px) and (max-width:1180px){
  .player-head .identity{display:grid;grid-template-columns:1fr;width:100%;justify-items:center;}
  .player-head .player-card-visual{width:100%;min-width:0;min-height:230px;}
  .player-head .player-card-visual>img{width:min(270px,42vw);height:230px;}
  .player-head .profile-copy{width:100%;text-align:center;}
  .player-head .identity h2{justify-content:center;flex-wrap:wrap;width:100%;white-space:normal;}
  .player-head .story-toggle{margin-inline:auto;}
  .player-head .player-head-actions{grid-template-columns:1fr 1fr;max-width:770px;margin-inline:auto;}
}

/* Stadium night visual pilot — Player Review only.  This layer deliberately
   changes presentation, never player data or shared ranking behaviour. */
#sharedFooter{
  --stadium-ink:#020a06;
  --stadium-panel:rgba(5,22,13,.9);
  --stadium-gold:#f1c84d;
  --stadium-gold-soft:rgba(241,200,77,.36);
}

body{
  position:relative;
  isolation:isolate;
  background-color:var(--stadium-ink);
  background-image:
    radial-gradient(ellipse 44% 24% at 50% 0%,rgba(40,97,55,.2),transparent 72%),
    radial-gradient(ellipse 28% 44% at 0% 18%,rgba(12,54,31,.28),transparent 76%),
    radial-gradient(ellipse 28% 44% at 100% 18%,rgba(12,54,31,.28),transparent 76%),
    linear-gradient(180deg,#020b06 0%,#06170d 42%,#020a06 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(122deg,rgba(238,248,218,.14) 0%,rgba(172,225,150,.055) 9%,transparent 23%) 0 0/50% 38% no-repeat,
    linear-gradient(238deg,rgba(238,248,218,.14) 0%,rgba(172,225,150,.055) 9%,transparent 23%) 100% 0/50% 38% no-repeat,
    radial-gradient(ellipse 84% 66% at 50% 63%,transparent 0 48%,rgba(241,200,77,.075) 48.2% 48.35%,transparent 48.55%),
    linear-gradient(90deg,transparent 49.9%,rgba(241,200,77,.055) 50%,transparent 50.1%);
}

.site-header{padding-top:30px;}
.header-card{
  border-color:var(--stadium-gold-soft);
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(241,200,77,.1) 50%,transparent 50.2%),
    linear-gradient(145deg,rgba(11,37,23,.96),rgba(2,15,8,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 52px rgba(0,0,0,.36);
}
.header-card::before,
.header-card::after{
  content:"";
  position:absolute;
  top:20px;
  width:132px;
  height:104px;
  border:0;
  border-radius:0;
  pointer-events:none;
  opacity:.64;
  background:
    radial-gradient(circle at 21% 23%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 42% 18%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 64% 24%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 30% 49%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 53% 47%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px),
    radial-gradient(circle at 75% 52%,#eff7dd 0 4px,rgba(214,238,190,.72) 5px 8px,transparent 10px);
  filter:drop-shadow(0 0 9px rgba(217,244,190,.55));
}
.header-card::before{left:-13px;}
.header-card::after{right:-13px;transform:scaleX(-1);}
.headtop,.header-card .product-nav,.header-concept,.header-scope-note{position:relative;z-index:1;}
.header-card .product-nav{border-color:rgba(241,200,77,.44);background:rgba(1,10,5,.55);}
.header-card .product-nav a:hover{background:rgba(241,200,77,.09);color:var(--text);}
.header-card .product-nav a.active{
  background:linear-gradient(145deg,#f6dc84,#c9952d);
  color:#121006;
  box-shadow:0 5px 17px rgba(241,200,77,.2);
}
.langswitch{border-color:rgba(241,200,77,.34);background:rgba(1,10,5,.54);}
.langbtn.active{background:linear-gradient(145deg,#f6dc84,#c9952d);color:#121006;}
.header-concept{border-top-color:rgba(241,200,77,.2);}
.header-scope-note{color:#d9d4bb!important;}

.new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
  border-color:rgba(157,190,158,.22);
  background:linear-gradient(145deg,rgba(9,34,21,.94),rgba(3,18,10,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.22);
}
.new-card-strip-panel::before,.search-panel::before,.player-results-panel::before{
  background:linear-gradient(90deg,rgba(241,200,77,.7),rgba(241,200,77,.1) 65%,transparent)!important;
}
.new-cards-badge,.new-cards-title-row .new-cards-badge{
  border-color:rgba(241,200,77,.68)!important;
  background:rgba(241,200,77,.11)!important;
  color:var(--stadium-gold)!important;
}
.section-heading::after,.coach-step-line{background:linear-gradient(90deg,rgba(241,200,77,.82),rgba(241,200,77,.1) 72%,transparent);}
.section-heading .step,.player-head .step{background:rgba(241,200,77,.1);color:var(--stadium-gold);}
.coach-step-number{border-color:rgba(241,200,77,.55)!important;background:linear-gradient(145deg,#f6dc84,#c9952d)!important;color:#121006!important;box-shadow:0 7px 18px rgba(241,200,77,.14);}
.primary-action,.mini-card-choice .mini-compare-action,.latest-expand-trigger,.latest-more-button{
  border-color:rgba(241,200,77,.58)!important;
  background:linear-gradient(145deg,#f6dc84,#c9952d)!important;
  color:#121006!important;
}
.primary-action:hover,.mini-card-choice .mini-compare-action:hover,.latest-expand-trigger:hover,.latest-more-button:hover{filter:brightness(1.06);}
.field input,.field select{border-color:rgba(154,190,153,.42);background:rgba(1,12,7,.72);}
.field input:focus,.field select:focus{border-color:var(--stadium-gold);box-shadow:0 0 0 3px rgba(241,200,77,.12);}
.mini-card-choice,.result-card,.fact,.headline-stat,.narrative-grid>div,.skill-path{background:rgba(2,15,8,.62);}
.mini-card-choice:hover,.result-card:hover,.result-card.active{border-color:var(--stadium-gold);background:rgba(241,200,77,.055);}

@media(max-width:700px){
  .site-header{padding-top:18px;}
  .header-card{border-radius:18px;background:linear-gradient(145deg,rgba(8,32,20,.96),rgba(2,14,8,.98));}
  .header-card::before,.header-card::after{top:11px;width:68px;height:55px;opacity:.38;transform:scale(.68);}
  .header-card::before{left:-16px;transform:scale(.68);transform-origin:top left;}
  .header-card::after{right:-16px;transform:scaleX(-1) scale(.68);transform-origin:top right;}
  .header-card .product-nav{border-color:rgba(241,200,77,.34);}
  .header-card .product-nav a.active{box-shadow:0 4px 12px rgba(241,200,77,.16);}
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{border-color:rgba(157,190,158,.2);}
}

/* Mobile fidelity pass — follow the approved mockup proportions and hierarchy. */
@media(max-width:700px){
  body{
    background-color:#020a06;
    background-image:
      linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.18) 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;
  }
  body::before{display:none;}
  .shell{width:min(100% - 24px,var(--site-shell));}
  .site-header{padding-top:18px;}
  .header-card{
    padding:24px 18px 22px;
    border:1px solid rgba(241,200,77,.55);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(4,20,12,.89),rgba(1,11,6,.93));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 46px rgba(0,0,0,.36);
  }
  .header-card::before,.header-card::after{display:none;}
  .headtop{align-items:flex-start;gap:12px;}
  .brand-block{max-width:calc(100% - 88px);}
  .brand{width:min(230px,100%);}
  .brand-block>strong{
    width:min(230px,100%);
    margin-top:7px;
    font-size:clamp(9px,3.05vw,12px);
    letter-spacing:.045em;
  }
  .langswitch{padding:3px;border-color:rgba(241,200,77,.45);}
  .langbtn{min-width:38px;padding:7px 8px;font-size:.66rem;}
  .langbtn.active{box-shadow:0 0 15px rgba(241,200,77,.2);}
  .header-card .product-nav{
    gap:0;
    margin-top:22px;
    padding:3px;
    border-color:rgba(241,200,77,.52);
    background:rgba(1,10,5,.72);
  }
  .header-card .product-nav a{
    min-height:64px;
    padding:6px 1px;
    border-radius:999px;
    font-size:clamp(.5rem,2.45vw,.61rem);
  }
  .header-card .product-nav a+a{border-left:1px solid rgba(241,200,77,.3);border-radius:0;}
  .header-card .product-nav a.active{
    min-height:64px;
    margin:-1px 0;
    border:0;
    border-radius:999px;
    background:radial-gradient(circle at 50% 32%,#fff0aa 0,#e9c25d 48%,#b88629 100%);
    box-shadow:0 0 18px rgba(241,200,77,.26);
  }
  .header-card .product-nav a.active+ a{border-left-color:transparent;}
  .header-concept{
    margin-top:15px;
    padding-top:16px;
    color:#d6d7c8;
    font-size:.91rem;
    line-height:1.72;
  }
  .header-scope-note{
    margin-top:13px;
    color:#f0eee2!important;
    font-size:.78rem;
    line-height:1.55;
  }
  main{padding-top:28px;}
  .new-card-strip-panel,.search-panel,.position-guide,.player-results-panel,.player-review,.owned-section,.squad-plans,.method-note{
    margin-top:22px;
    padding:18px;
    border-color:rgba(241,200,77,.42);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(3,20,11,.9),rgba(1,12,7,.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.28);
  }
  .new-card-strip-panel{margin-top:0;padding:22px 18px 18px;}
  .mini-section-head{gap:8px;margin-bottom:14px;}
  .new-cards-title-row{gap:12px;}
  .mini-section-head h2{font-size:clamp(1.35rem,6.4vw,1.72rem);}
  .new-cards-badge,.new-cards-title-row .new-cards-badge{
    min-height:31px;
    padding:5px 11px;
    font-size:.68rem;
    box-shadow:0 0 17px rgba(241,200,77,.17);
  }
  .new-cards-meta{font-size:.72rem;}
  .mini-card-strip{gap:12px;padding:0 1px 12px;}
  .mini-card-choice{
    grid-template-rows:178px auto auto auto;
    flex:0 0 calc((100% - 12px)/2.08);
    padding:12px 9px 10px;
    border-color:rgba(158,190,157,.3);
    border-radius:18px;
    background:rgba(2,15,8,.72);
  }
  .mini-card-art-action,.mini-card-art-action .full-card-thumbnail{height:178px;}
  .mini-card-choice>strong{margin-top:4px;font-size:.78rem;}
  .mini-card-choice>small{font-size:.67rem;}
  .mini-card-choice .mini-compare-action{
    min-height:38px;
    margin-top:8px;
    border:1px solid rgba(137,232,95,.62)!important;
    border-radius:12px;
    background:rgba(6,26,14,.76)!important;
    color:var(--green)!important;
    font-size:.69rem;
  }
  .mini-card-choice .mini-compare-action:hover{background:rgba(137,232,95,.12)!important;}
  .latest-expand-trigger,.latest-more-button{
    min-height:50px;
    margin-top:13px;
    border:1px solid rgba(241,200,77,.72)!important;
    border-radius:14px;
    background:rgba(2,14,8,.7)!important;
    color:var(--stadium-gold)!important;
    box-shadow:inset 0 0 18px rgba(241,200,77,.035);
  }
  .coach-step-heading{grid-template-columns:62px minmax(0,1fr);gap:0 15px;}
  .coach-step-number{
    width:62px;
    height:62px;
    border-radius:16px;
    font-size:1.08rem;
  }
  .coach-step-copy h2{font-size:clamp(1.25rem,6.2vw,1.62rem);line-height:1.12;}
  .coach-step-line{background:linear-gradient(90deg,rgba(241,200,77,.92),rgba(241,200,77,.14) 76%,transparent);}
}

@media(max-width:390px){
  .header-card{padding-inline:15px;}
  .brand{width:min(210px,100%);}
  .brand-block>strong{width:min(210px,100%);}
  .mini-card-choice{grid-template-rows:166px auto auto auto;}
  .mini-card-art-action,.mini-card-art-action .full-card-thumbnail{height:166px;}
}

/* Selected-player frame: restrained stadium lights at the two upper corners. */
.player-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(241,200,77,.32);
  background:
    radial-gradient(ellipse 58% 48% at 50% 18%,rgba(69,126,70,.1),transparent 72%),
    linear-gradient(180deg,rgba(2,16,9,.97),rgba(5,29,16,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.24);
}
.player-head::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.94;
  background:
    linear-gradient(132deg,rgba(255,247,202,.31) 0%,rgba(222,235,180,.18) 11%,rgba(156,204,132,.08) 27%,transparent 48%) left top/62% 78% no-repeat,
    linear-gradient(228deg,rgba(255,247,202,.31) 0%,rgba(222,235,180,.18) 11%,rgba(156,204,132,.08) 27%,transparent 48%) right top/62% 78% no-repeat,
    linear-gradient(145deg,transparent 5%,rgba(241,223,151,.11) 6%,rgba(185,218,157,.055) 21%,transparent 42%) left top/58% 92% no-repeat,
    linear-gradient(215deg,transparent 5%,rgba(241,223,151,.11) 6%,rgba(185,218,157,.055) 21%,transparent 42%) right top/58% 92% no-repeat;
}
.player-head::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15px 15px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at 28px 14px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at 16px 28px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 15px) 15px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 28px) 14px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px),
    radial-gradient(circle at calc(100% - 16px) 28px,#f4f7dd 0 2px,rgba(220,238,190,.68) 3px 5px,transparent 7px);
  filter:drop-shadow(0 0 7px rgba(222,240,193,.48));
}
.player-head>.identity,.player-head>.profile-story{position:relative;z-index:1;}

@media(max-width:700px){
  .player-head::before{
    opacity:.9;
    background:
      linear-gradient(136deg,rgba(255,247,202,.3) 0%,rgba(222,235,180,.18) 12%,rgba(156,204,132,.085) 30%,transparent 52%) left top/66% 72% no-repeat,
      linear-gradient(224deg,rgba(255,247,202,.3) 0%,rgba(222,235,180,.18) 12%,rgba(156,204,132,.085) 30%,transparent 52%) right top/66% 72% no-repeat,
      linear-gradient(146deg,transparent 5%,rgba(241,223,151,.12) 6%,rgba(185,218,157,.06) 23%,transparent 45%) left top/62% 88% no-repeat,
      linear-gradient(214deg,transparent 5%,rgba(241,223,151,.12) 6%,rgba(185,218,157,.06) 23%,transparent 45%) right top/62% 88% no-repeat;
  }
  .player-head .identity h2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:2px .28em;
    white-space:normal;
  }
  .player-head .identity h2 #playerNameText{
    max-width:100%;
    overflow:visible;
    text-overflow:clip;
  }
  .player-head #playerSeriesBadge{
    display:block;
    flex:0 0 100%;
    max-width:100%;
  }
  .player-head #playerSeriesBadge .card-series-label{
    display:block;
    overflow:hidden;
    text-align:center;
    text-overflow:ellipsis;
  }
}

/* Keep the selected card at 60% of its former mobile size and truly centered. */
@media(max-width:700px){
  .player-head .player-card-visual{
    display:grid;
    place-items:center;
    width:100%;
    min-height:138px;
  }
}

/* Responsive card scale: larger discovery cards on phones, restrained on iPad. */
@media(max-width:480px){
  .new-card-strip-panel .mini-card-choice{
    grid-template-rows:150px auto auto auto;
    flex-basis:128px;
    padding:10px 8px 8px;
    border-radius:14px;
  }
  .new-card-strip-panel .mini-card-art-action,
  .new-card-strip-panel .mini-card-art-action .full-card-thumbnail{height:150px;}
  .new-card-strip-panel .mini-card-choice>strong{font-size:.72rem;}
  .new-card-strip-panel .mini-card-choice>small{font-size:.62rem;}
}

@media(min-width:481px) and (max-width:700px){
  .new-card-strip-panel .mini-card-choice{
    grid-template-rows:150px auto auto auto;
    flex-basis:128px;
    padding:10px 8px 8px;
    border-radius:14px;
  }
  .new-card-strip-panel .mini-card-art-action,
  .new-card-strip-panel .mini-card-art-action .full-card-thumbnail{height:150px;}
  .new-card-strip-panel .mini-card-choice>strong{font-size:.72rem;}
  .new-card-strip-panel .mini-card-choice>small{font-size:.62rem;}
}

/* The selected player is intentionally 150% of the previous profile-card size. */
@media(max-width:700px){
  .player-head .player-card-visual{min-height:205px;}
}

/* Reference header contract: centered brand, corner language switch and stadium tabs. */
.header-card{
  padding:22px 32px 20px;
}
.header-card .headtop{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  min-height:92px;
}
.header-card .brand-block{
  display:grid;
  justify-items:center;
  flex:0 1 300px;
  max-width:300px;
  margin-inline:auto;
}
.header-card .brand{width:min(210px,100%);}
.header-card .brand-block>strong{
  width:auto;
  margin-top:4px;
  font-size:11px;
  text-align:center;
}
.header-card .head-actions{
  position:absolute;
  z-index:3;
  top:22px;
  right:32px;
}
.header-card .product-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  width:min(800px,100%);
  max-width:800px;
  margin:8px auto 0;
  padding:2px;
  overflow:hidden;
  border:1px solid rgba(241,200,77,.62);
  border-radius:10px;
  background:rgba(1,10,6,.8);
}
.header-card .product-nav a{
  display:flex;
  min-width:0;
  min-height:40px;
  flex-direction:column;
  justify-content:center;
  gap:0;
  padding:3px 8px;
  border-radius:7px;
  color:#d8d8c8;
  font-size:.67rem;
  line-height:1.12;
  text-align:center;
  white-space:normal;
}
.header-card .product-nav a+a{border-left:1px solid rgba(241,200,77,.2);}
.header-card .product-nav a.active{
  color:#070b07;
  background:linear-gradient(145deg,#f8dd83,#d3a83c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(241,200,77,.2);
}
.header-card .product-nav a.active+ a{border-left-color:transparent;}
.header-card .header-concept,
.header-card .header-scope-note{width:min(800px,100%);margin-inline:auto;}

@media(max-width:700px){
  .header-card{padding:22px 14px 20px;}
  .header-card .headtop{min-height:88px;}
  .header-card .brand-block{
    max-width:calc(100% - 92px);
    margin-inline:auto;
  }
  .header-card .brand{width:min(176px,100%);}
  .header-card .brand-block>strong{font-size:clamp(8px,2.5vw,10px);}
  .header-card .head-actions{top:22px;right:14px;}
  .header-card .product-nav{
    margin-top:7px;
    border-radius:9px;
  }
  .header-card .product-nav a{
    min-height:42px;
    padding:3px 2px;
    border-radius:6px;
    font-size:clamp(.48rem,2.15vw,.6rem);
  }
  .header-card .product-nav a.active{
    min-height:42px;
    margin:0;
  }
}

/* Alternate editorial header: clean centered wordmark with underline navigation. */
.header-card{
  border-color:rgba(241,200,77,.4);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(2,15,9,.9),rgba(1,11,6,.78));
}
.header-card .headtop{min-height:82px;}
.header-card .brand-block{max-width:260px;}
.header-card .brand{width:min(234px,100%);}
.header-card .brand-block>strong{
  margin-top:2px;
  color:#d8d8ca;
  font-size:10px;
  letter-spacing:.12em;
}
.header-card .head-actions{
  top:-10px;
  right:-6px;
  transform:scale(.595);
  transform-origin:top right;
}
.header-card .product-nav{
  position:relative;
  width:min(720px,100%);
  max-width:720px;
  margin:6px auto 0;
  padding:0;
  overflow:visible;
  border:0;
  border-bottom:1px solid rgba(241,200,77,.2);
  border-radius:0;
  background:transparent;
}
.header-card .product-nav a{
  position:relative;
  min-height:38px;
  padding:5px 6px 8px;
  border:0!important;
  border-radius:0;
  background:transparent;
  color:#d8d8ca;
  font-size:.64rem;
  letter-spacing:.055em;
}
.header-card .product-nav a:hover{
  color:var(--stadium-gold);
  background:rgba(241,200,77,.035);
}
.header-card .product-nav a.active{
  min-height:38px;
  margin:0;
  color:var(--stadium-gold);
  background:transparent;
  box-shadow:none;
}
.header-card .product-nav a.active::after{
  content:"";
  position:absolute;
  right:16%;
  bottom:-1px;
  left:16%;
  height:2px;
  border-radius:2px;
  background:var(--stadium-gold);
  box-shadow:0 0 8px rgba(241,200,77,.28);
}

@media(max-width:700px){
  .header-card{
    padding-top:18px;
    border-radius:4px;
  }
  .header-card .headtop{min-height:76px;}
  .header-card .brand-block{max-width:calc(100% - 66px);}
  .header-card .brand{width:min(208px,100%);}
  .header-card .brand-block>strong{
    font-size:clamp(7px,2.15vw,9px);
    letter-spacing:.08em;
  }
  .header-card .head-actions{top:-10px;right:2px;}
  .header-card .product-nav{margin-top:4px;}
  .header-card .product-nav a,
  .header-card .product-nav a.active{
    min-height:40px;
    padding:4px 1px 7px;
    font-size:.61rem;
  }
}

/* Compact vertical rhythm for the latest-player panel. */
@media(max-width:700px){
  .new-card-strip-panel{padding:14px 14px 12px;}
  .new-card-strip-panel .mini-section-head{gap:4px;margin-bottom:4px;}
  .new-card-strip-panel .new-cards-title-row{gap:9px;}
  .new-card-strip-panel .new-cards-meta{margin-bottom:0;}
  .new-card-strip-panel .mini-card-choice{margin-top:0;}
  .new-card-strip-panel .mini-card-strip{padding-bottom:7px;}
  .new-card-strip-panel .new-cards-title-row .latest-expand-trigger{margin:0;}
}

/* Search heading: 20% smaller than the previous mobile scale. */
@media(max-width:700px){
  .search-panel .coach-step-heading{
    grid-template-columns:50px minmax(0,1fr);
    gap:0 12px;
  }
  .search-panel .coach-step-number{
    width:50px;
    height:50px;
    border-radius:13px;
    font-size:.86rem;
  }
  .search-panel .coach-step-copy h2{
    font-size:clamp(1rem,4.96vw,1.3rem);
    line-height:1.12;
  }
  .search-panel .coach-step-line{margin-top:-10px;}
  .squad-plans .coach-step-line{margin-top:-10px;}
}

/* Unified section-title scale across the Player Review experience. */
.mini-section-head h2,
.section-heading h2,
.coach-step-copy h2,
.position-guide-head h2,
.team-suggestion-heading h1,
.method-note h2{
  font-size:1.3rem;
  line-height:1.12;
}

.header-card .header-concept{text-align:center;}

/* Borderless header experiment: expose the stadium background directly. */
.header-card{
  border:0;
  background:transparent;
  box-shadow:none;
}
.header-card::before,
.header-card::after{display:none;}

/* One navigation divider only; tighten the handoff into the first content panel. */
.header-card .header-concept{border-top:0;}
@media(max-width:700px){
  .header-card{padding-bottom:10px;}
  main{padding-top:8px;}
}

/* Cross-device visual contract: desktop and iPad share the mobile stadium language. */
body{
  background-color:#020a06;
  background-image:
    linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.2) 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;
}
body::before{display:none;}
.header-card{padding-bottom:10px;}
main{padding-top:8px;}
.new-card-strip-panel,
.search-panel,
.position-guide,
.player-results-panel,
.player-review,
.owned-section,
.squad-plans,
.method-note{
  margin-top:14px;
  padding:14px;
  border-color:rgba(241,200,77,.46);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(3,20,11,.9),rgba(1,12,7,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.28);
}
.new-card-strip-panel{margin-top:0;}
.new-card-strip-panel .latest-expand-trigger,
.new-card-strip-panel .latest-more-button{
  border:1px solid rgba(241,200,77,.72)!important;
  background:rgba(2,14,8,.72)!important;
  color:var(--stadium-gold)!important;
  box-shadow:inset 0 0 18px rgba(241,200,77,.035);
}
.new-card-strip-panel .mini-card-choice .mini-compare-action{
  border:1px solid rgba(137,232,95,.62)!important;
  background:rgba(6,26,14,.76)!important;
  color:var(--green)!important;
}
.new-card-strip-panel .mini-card-choice>strong,
.new-card-strip-panel .mini-card-choice>small,
.new-card-strip-panel .mini-card-choice>.mini-card-shard,
.new-card-strip-panel .mini-card-choice>.mini-compare-action{
  transform:translateY(-8px);
}

/* Repair Player Profile proportions on iPad and desktop. */
@media(min-width:701px) and (max-width:1180px){
  .player-head .player-card-visual{min-height:205px;}
}
@media(min-width:1181px){
  .player-head .identity{align-items:center;gap:24px;}
  .player-head .player-card-visual{
    width:225px;
    min-width:225px;
    min-height:205px;
  }
}

/* One centered Player Profile axis on every viewport. */
.player-head{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
}
.player-head .identity{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  width:100%;
  gap:12px;
}
.player-head .player-card-visual{
  width:100%;
  min-width:0;
  min-height:205px;
}
.player-head .profile-copy{
  width:100%;
  min-width:0;
  text-align:center;
}
.player-head .identity h2{
  justify-content:center;
  flex-wrap:wrap;
  width:100%;
  white-space:normal;
}
.player-head .story-toggle{margin-inline:auto;}
.player-head .player-head-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,650px);
  margin:12px auto 0;
}
.player-head .player-head-actions .change-player,
.player-head .player-head-actions .compare-player-action{
  width:100%;
  min-width:0;
}
.player-head .player-head-actions .compare-player-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}

/* Event-set wallpaper preview: darkened artwork keeps the player card dominant. */
.player-head[data-event-set="champions"]{
  border-color:rgba(241,200,77,.56);
  background:
    linear-gradient(180deg,rgba(0,0,0,.34),rgba(1,13,7,.8) 74%,rgba(2,17,9,.94)),
    radial-gradient(ellipse 54% 48% at 50% 28%,rgba(255,220,118,.16),transparent 72%),
    url("/players/assets/backgrounds/champions-profile-wallpaper-v1.jpg") center 42%/cover no-repeat;
}
.player-head[data-event-set="champions"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.48),transparent 24%,transparent 76%,rgba(0,0,0,.48)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 15%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.62));
}
.player-head[data-event-set="champions"]::after{opacity:.5;}
.player-head[data-event-set="champions"] #playerCardArt{
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.78)) drop-shadow(0 0 14px rgba(255,221,126,.17));
}
.player-head[data-event-set="game-changer"]{
  border-color:rgba(255,193,38,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(4,12,7,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(255,200,39,.13),transparent 72%),
    url("/players/assets/backgrounds/game-changer-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="game-changer"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-set="game-changer"]::after{opacity:.34;}
.player-head[data-event-set="game-changer"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(255,195,42,.2));
}
.player-head[data-event-set="summer-special"]{
  border-color:rgba(238,104,220,.58);
  background:
    linear-gradient(180deg,rgba(0,0,0,.48),rgba(8,8,24,.78) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(61,208,255,.13),transparent 72%),
    url("/players/assets/backgrounds/summer-special-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="twg"]{
  border-color:rgba(142,101,255,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(14,5,35,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(153,115,255,.14),transparent 72%),
    url("/players/assets/backgrounds/the-world-game-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="numero"]{
  border-color:rgba(177,131,255,.62);
  background:
    linear-gradient(180deg,rgba(0,0,0,.57),rgba(12,8,21,.82) 72%,rgba(2,17,9,.96)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(178,108,255,.13),transparent 72%),
    url("/players/assets/backgrounds/numero-profile-wallpaper-v1.webp") center 48%/cover no-repeat;
}
.player-head[data-event-set="tots"]{
  border-color:rgba(96,173,255,.68);
  background:
    linear-gradient(180deg,rgba(0,0,0,.48),rgba(2,9,34,.8) 72%,rgba(2,17,9,.95)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(76,166,255,.16),transparent 72%),
    url("/players/assets/backgrounds/tots-profile-wallpaper-v1.png") center 48%/cover no-repeat;
}
.player-head[data-event-set="summer-special"]::before,
.player-head[data-event-set="twg"]::before,
.player-head[data-event-set="numero"]::before,
.player-head[data-event-set="tots"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-set="summer-special"]::after,
.player-head[data-event-set="twg"]::after,
.player-head[data-event-set="numero"]::after,
.player-head[data-event-set="tots"]::after{opacity:.3;}
.player-head[data-event-set="summer-special"] #playerCardArt,
.player-head[data-event-set="twg"] #playerCardArt,
.player-head[data-event-set="numero"] #playerCardArt,
.player-head[data-event-set="tots"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(196,150,255,.18));
}
.player-head[data-event-wallpaper="auto"]{
  border-color:rgba(var(--profile-accent-rgb),.68);
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(3,15,8,.82) 72%,rgba(2,17,9,.96)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.14),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}
.player-head[data-event-wallpaper="auto"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 25%,transparent 75%,rgba(0,0,0,.52)),
    radial-gradient(ellipse 58% 55% at 50% 31%,transparent 13%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.68));
}
.player-head[data-event-wallpaper="auto"]::after{opacity:.3;}
.player-head[data-event-wallpaper="auto"] #playerCardArt{
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.82)) drop-shadow(0 0 15px rgba(var(--profile-accent-rgb),.2));
}
.player-head[data-event-set="signature"]{
  border-color:#f4d995;
  background:
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(15,11,7,.32) 62%,rgba(2,14,8,.72) 100%),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(255,235,194,.1),transparent 72%),
    url("/players/assets/backgrounds/signature-profile-wallpaper-v1.jpg") center 46%/cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,250,226,.92),
    inset 0 0 20px rgba(243,203,112,.12),
    0 0 0 1px rgba(139,94,30,.52),
    0 12px 30px rgba(0,0,0,.36),
    0 0 17px rgba(231,188,89,.16);
}
.player-head[data-event-set="signature"]::before{
  opacity:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.2),transparent 20%,transparent 80%,rgba(0,0,0,.2)),
    radial-gradient(ellipse 64% 60% at 50% 31%,transparent 38%,rgba(0,0,0,.12) 76%,rgba(0,0,0,.28));
}
.player-head[data-event-set="signature"]::after{opacity:.14;}
.player-head[data-event-set="signature"] #playerCardArt{
  filter:drop-shadow(0 19px 26px rgba(0,0,0,.84)) drop-shadow(0 0 16px rgba(255,226,173,.22));
}
@media(orientation:landscape) and (max-height:520px) and (max-width:980px){
  .player-head[data-event-set="champions"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.56),rgba(1,12,7,.86) 72%,rgba(2,17,9,.96)),
      radial-gradient(ellipse 48% 50% at 50% 28%,rgba(255,220,118,.1),transparent 72%),
      url("/players/assets/backgrounds/champions-profile-wallpaper-v1.jpg") center 42%/cover no-repeat;
  }
  .player-head[data-event-set="champions"]::after{opacity:.32;}
  .player-head[data-event-set="champions"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="game-changer"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(2,10,6,.86) 72%,rgba(2,17,9,.97)),
      radial-gradient(ellipse 46% 48% at 50% 28%,rgba(255,196,28,.08),transparent 72%),
      url("/players/assets/backgrounds/game-changer-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="game-changer"]::after{opacity:.24;}
  .player-head[data-event-set="game-changer"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="summer-special"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(7,5,20,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/summer-special-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="twg"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(12,4,31,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/the-world-game-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="numero"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.66),rgba(10,6,18,.89) 72%,rgba(2,17,9,.98)),
      url("/players/assets/backgrounds/numero-profile-wallpaper-v1.webp") center 48%/cover no-repeat;
  }
  .player-head[data-event-set="tots"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.62),rgba(2,7,28,.87) 72%,rgba(2,17,9,.97)),
      url("/players/assets/backgrounds/tots-profile-wallpaper-v1.png") center 48%/cover no-repeat;
  }
  .player-head[data-event-wallpaper="auto"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.64),rgba(2,13,7,.88) 72%,rgba(2,17,9,.98)),
      var(--profile-wallpaper-image) center 48%/cover no-repeat;
  }
  .player-head[data-event-wallpaper="auto"]::after{opacity:.22;}
  .player-head[data-event-wallpaper="auto"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="summer-special"]::after,
  .player-head[data-event-set="twg"]::after,
  .player-head[data-event-set="numero"]::after,
  .player-head[data-event-set="tots"]::after{opacity:.22;}
  .player-head[data-event-set="summer-special"] .player-card-visual,
  .player-head[data-event-set="twg"] .player-card-visual,
  .player-head[data-event-set="numero"] .player-card-visual,
  .player-head[data-event-set="tots"] .player-card-visual{min-height:190px;}
  .player-head[data-event-set="signature"]{
    background:
      linear-gradient(180deg,rgba(0,0,0,.2),rgba(15,11,7,.38) 64%,rgba(2,14,8,.74) 100%),
      url("/players/assets/backgrounds/signature-profile-wallpaper-v1.jpg") center 46%/cover no-repeat;
  }
  .player-head[data-event-set="signature"]::after{opacity:.1;}
  .player-head[data-event-set="signature"] .player-card-visual{min-height:190px;}
}

@media(max-width:440px){
  .player-head .player-head-actions{width:100%;}
}

/* Compact finder: advanced OVR and PlayStyle controls are opt-in. */
.search-panel .search-grid{grid-template-columns:minmax(260px,1.35fr) minmax(330px,.9fr);align-items:end}
.search-panel .search-field{grid-column:1;grid-template-rows:22px 48px}
.search-panel .position-filter-group{display:grid;grid-column:2;grid-template-columns:minmax(150px,.9fr) minmax(170px,1.1fr);grid-template-rows:22px 48px;align-items:stretch;gap:7px 14px;min-width:0}
.search-panel .position-filter-group>.position-first{display:contents}
.position-label-row{display:flex;grid-column:1/-1;grid-row:1;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.position-label-row>label{display:flex;align-items:center;gap:5px;min-width:0;color:var(--green);font-size:.76rem;font-weight:800;line-height:1;white-space:nowrap}
.position-label-row>label small{color:var(--muted);font-size:.66rem;font-weight:500}
.position-filter-group>.position-first>select{grid-column:1;grid-row:2}
.position-filter-group>button.switch-row.compact-switch{grid-column:2;grid-row:2}
.advanced-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-height:25px;margin-left:auto;padding:3px 10px;border:1px solid rgba(140,219,104,.52);border-radius:999px;background:rgba(140,219,104,.055);color:var(--green);font:800 .61rem 'Chakra Petch',sans-serif;white-space:nowrap;cursor:pointer}
.advanced-filter-toggle:hover,.advanced-filter-toggle:focus-visible{border-color:var(--green);background:rgba(140,219,104,.12)}
.advanced-filter-chevron{font-size:.66rem;line-height:1;transition:transform .18s}
.advanced-filter-toggle[aria-expanded="true"] .advanced-filter-chevron{transform:rotate(180deg)}
.advanced-search-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin-top:2px;padding-top:13px;border-top:1px solid rgba(232,188,54,.22)}
.advanced-search-filters[hidden]{display:none!important}
.advanced-search-filters>.field{display:grid;grid-template-rows:22px 48px;gap:7px;min-width:0}
.advanced-search-filters>:is(#playstyleFilter,#playstyleFilter2){min-width:0;align-self:end}
.advanced-search-filters>.field>span:first-child,.advanced-search-filters>.playstyle-filter-field>span:first-child,.role-filter-heading>label{color:var(--green);font-size:.76rem;font-weight:800;line-height:1}
@media(max-width:700px){.search-panel .search-grid{grid-template-columns:1fr}.search-panel .search-field,.search-panel .position-filter-group{grid-column:1}.search-panel .position-filter-group{grid-template-columns:1fr;grid-template-rows:22px 48px 48px}.position-label-row,.position-filter-group>.position-first>select,.position-filter-group>button.switch-row.compact-switch{grid-column:1}.position-label-row{grid-row:1}.position-filter-group>.position-first>select{grid-row:2}.position-filter-group>button.switch-row.compact-switch{grid-row:3}.advanced-search-filters{grid-column:1;grid-template-columns:1fr;gap:10px}.advanced-search-filters>.field{grid-template-rows:22px 48px}}

/* Search CTA gold-gradient visual test. */
.search-panel .search-submit{
  border:1px solid rgba(255,226,132,.9);
  background:linear-gradient(135deg,#f8dd83 0%,#e6bd50 48%,#c9952d 100%);
  color:#121006;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 8px 22px rgba(201,149,45,.18);
  transition:filter .18s ease,box-shadow .18s ease,transform .18s ease;
}
.search-panel .search-submit .search-product-icon{display:block;width:27px;height:27px;object-fit:contain;filter:brightness(0) saturate(100%);flex:none;transition:none}
.search-panel .search-submit .search-submit-text{font-size:.98rem}
.search-panel .search-submit:hover,
.search-panel .search-submit:focus-visible{
  filter:brightness(1.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 11px 28px rgba(201,149,45,.27);
  transform:translateY(-1px);
}
.search-panel .search-submit span{transition:transform .18s ease;}
.search-panel .search-submit:hover span,
.search-panel .search-submit:focus-visible span{transform:translateX(4px);}

/* Latest-card analysis CTA: keep the whole hover state readable on dark cards. */
.new-card-strip-panel .mini-card-choice .latest-analyse-action:hover,
.new-card-strip-panel .mini-card-choice .latest-analyse-action:focus-visible{
  border-color:#f3cf63!important;
  background:linear-gradient(135deg,#b87912 0%,#8e590b 52%,#603805 100%)!important;
  color:#fff5cf!important;
  box-shadow:inset 0 1px 0 rgba(255,244,195,.24),0 8px 20px rgba(197,137,21,.3);
  filter:none!important;
}
.new-card-strip-panel .mini-card-choice .latest-analyse-action:hover .analyse-action-icon,
.new-card-strip-panel .mini-card-choice .latest-analyse-action:focus-visible .analyse-action-icon{
  filter:brightness(0) saturate(100%) invert(96%) sepia(23%) saturate(795%) hue-rotate(331deg) brightness(106%) contrast(105%)!important;
}

/* Player Profile identity hierarchy and NUMERO luminous-blue contract. */
.player-head .profile-copy{gap:0;}
.player-head .profile-copy #reviewStep{margin-bottom:4px;}
.player-head .identity h2#playerName{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:.18em;
  width:100%;
  max-width:100%;
  margin:3px 0 0;
  color:#fff;
  font:900 clamp(2.65rem,7vw,4rem)/.98 "Chakra Petch","Anuphan",sans-serif;
  letter-spacing:-.045em;
  text-align:center;
  text-shadow:0 3px 14px rgba(0,0,0,.72);
  white-space:nowrap;
}
.player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(2.3rem,5.8vw,3.4rem);}
.player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1.85rem,4.7vw,2.7rem);}
.profile-signature-badge{display:block;width:1.09em;height:1.09em;flex:0 0 1.09em;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.72));}
.profile-signature-badge[hidden]{display:none;}
.player-head .player-series-line{display:block;width:100%;margin:8px 0 0!important;color:#a9bbb0;text-align:center;}
.player-head #playerSeriesBadge{display:block;width:100%;}
.player-head #playerSeriesBadge .card-series-label{display:block;color:#b8c8bd;font:800 1rem/1.15 "Chakra Petch","Anuphan",sans-serif;letter-spacing:.02em;text-align:center;}
.player-head .profile-copy .player-version-line{display:flex;width:100%;align-items:center;justify-content:center;gap:0;margin:9px 0 0!important;color:#afbeb4;text-align:center;}
.player-head #playerVersion{display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0;font:600 .96rem/1.35 "Chakra Petch","Anuphan",sans-serif;}
.player-head #playerVersion strong{color:#f6fbf7;font-weight:900;}
.player-head #playerVersion span{color:#afbeb4;font-weight:600;}
.player-head .profile-copy .star-signings-price{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
  min-height:0;
  margin:8px 0 0!important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#5adfff;
  font:800 .88rem/1.25 "Chakra Petch","Anuphan",sans-serif;
  letter-spacing:.01em;
}
.player-head .profile-copy .star-signings-price[hidden]{display:none;}
.star-shard-label{color:#5adfff;text-shadow:0 0 12px rgba(90,223,255,.2);}
.star-shard-value{display:inline-flex;align-items:center;gap:5px;color:#e8fbff;}
.player-head .star-shard-icon{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(90,223,255,.38));}
.player-head .profile-collection-badge{order:initial;margin-top:9px;}
.player-head[data-event-set="numero"]{
  border:2px solid rgba(91,219,255,.95);
  box-shadow:0 0 0 1px rgba(177,240,255,.2),0 0 28px rgba(70,204,255,.24),inset 0 0 24px rgba(73,204,255,.08),0 18px 45px rgba(0,0,0,.34);
}
@media(max-width:700px){
  .player-head .identity h2#playerName{font-size:clamp(2.55rem,14.5vw,4rem);}
  .player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(1.95rem,9.4vw,2.65rem);}
  .player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1.55rem,7.2vw,2.05rem);}
  .player-head #playerSeriesBadge .card-series-label{font-size:.92rem;}
  .player-head #playerVersion{font-size:.88rem;}
  .player-head .profile-copy .star-signings-price{font-size:.8rem;}
}

/* Every Player Profile uses one accent contract for its frame and both actions. */
.player-head{--profile-accent-rgb:140,219,104;}
.player-head[data-event-set="champions"]{--profile-accent-rgb:241,200,77;}
.player-head[data-event-set="game-changer"]{--profile-accent-rgb:255,193,38;}
.player-head[data-event-set="summer-special"]{--profile-accent-rgb:238,104,220;}
.player-head[data-event-set="twg"]{--profile-accent-rgb:255,255,255;}
.player-head[data-event-set="numero"]{--profile-accent-rgb:91,219,255;}
.player-head[data-event-set="tots"]{--profile-accent-rgb:79,157,255;}
.player-head[data-event-set="signature"]{--profile-accent-rgb:244,217,149;}
.player-head[data-event-family="champions"]{--profile-accent-rgb:241,200,77;}
.player-head[data-event-family="game-changer"]{--profile-accent-rgb:255,193,38;}
.player-head[data-event-family="summer-special"]{--profile-accent-rgb:238,104,220;}
.player-head[data-event-family="twg"]{--profile-accent-rgb:255,255,255;}
.player-head[data-event-family="numero"]{--profile-accent-rgb:91,219,255;}
.player-head[data-event-family="tots"]{--profile-accent-rgb:79,157,255;}
.player-head{
  border-color:rgba(var(--profile-accent-rgb),.76);
  box-shadow:0 0 0 1px rgba(var(--profile-accent-rgb),.13),0 0 25px rgba(var(--profile-accent-rgb),.17),inset 0 0 22px rgba(var(--profile-accent-rgb),.055),0 18px 45px rgba(0,0,0,.34);
}
.player-head[data-event-set]{border-width:2px;border-color:rgba(var(--profile-accent-rgb),.95);}
.player-head .player-head-actions .change-player,
.player-head .player-head-actions .compare-player-action{
  border:1px solid rgba(var(--profile-accent-rgb),.92)!important;
  background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.16),rgba(3,20,16,.96) 78%)!important;
  color:#f4fcff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 16px rgba(var(--profile-accent-rgb),.2),0 9px 22px rgba(0,0,0,.28);
}
.player-head .player-head-actions .compare-player-action img{filter:brightness(0) invert(1);opacity:.9;}
.player-head .player-head-actions .change-player:hover,
.player-head .player-head-actions .change-player:focus-visible,
.player-head .player-head-actions .compare-player-action:hover,
.player-head .player-head-actions .compare-player-action:focus-visible{
  border-color:rgba(var(--profile-accent-rgb),1)!important;
  background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.27),rgba(4,28,22,.98) 80%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 0 25px rgba(var(--profile-accent-rgb),.38),0 11px 25px rgba(0,0,0,.32);
  transform:translateY(-1px);
}

/* TeeO-approved mobile profile name size V53. */
@media(max-width:700px){
  .player-head .identity h2#playerName{font-size:clamp(1.367rem,7.027vw,1.744rem)}
  .player-head .identity h2#playerName[data-name-scale="medium"]{font-size:clamp(1.18rem,6vw,1.5rem)}
  .player-head .identity h2#playerName[data-name-scale="long"]{font-size:clamp(1rem,5vw,1.28rem)}
}

/* Latest update rows expose the destination before the trailing arrow. */
.new-card-strip-panel .latest-row-card{grid-template-columns:104px minmax(0,1fr) auto}
.latest-row-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--green);font:800 .7rem 'Chakra Petch',sans-serif;white-space:nowrap}
.latest-row-action>img{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain}
.latest-row-action-label{display:inline}
.latest-row-action .latest-row-arrow{font-size:1rem;line-height:1}
@media(max-width:600px){
  .new-card-strip-panel .latest-row-card{grid-template-columns:84px minmax(0,1fr) 45px}
  .latest-row-action{gap:4px}
  .latest-row-action-label{display:none}
  .latest-row-action>img{width:21px;height:21px;flex-basis:21px}
}

/* Align the role title/rank and role level/skill guide as two shared rows. */
.role-verdict-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px}
.role-card-copy,.role-card-actions{display:contents}
.role-title-line{grid-column:1;grid-row:1}
.role-card-actions .role-rank-badge{grid-column:2;grid-row:1;align-self:start;justify-self:end}
.role-card-copy>span{grid-column:1;grid-row:2;align-self:center}
.role-verdict .role-skill-toggle{
  grid-column:2;
  grid-row:2;
  justify-self:end;
  align-self:center;
  min-height:auto;
  padding:2px 5px;
  border:0;
  border-radius:5px;
  background:rgba(140,219,104,.065);
  box-shadow:none;
  color:var(--green);
  text-decoration:none;
}
.role-verdict .role-skill-toggle:hover,
.role-verdict .role-skill-toggle:focus-visible,
.role-verdict .role-skill-toggle[aria-expanded="true"]{
  border:0;
  background:rgba(140,219,104,.12);
  box-shadow:none;
  text-decoration:none;
}

@media(max-width:700px){
  .similar-list{grid-template-columns:1fr}
  .similar-card{grid-template-columns:70px minmax(0,1fr) 80px;gap:10px;padding:9px 10px}
  .similar-portrait{width:70px;height:76px}
  .similar-portrait>.ps-card-overlay,.similar-portrait>.ps-card-overlay>.full-card-thumbnail{width:70px!important;height:76px!important}
  .similar-copy{padding-left:7px}
  .similar-card strong{font-size:.76rem}.similar-card small{font-size:.62rem}
  .similar-actions{width:80px;gap:4px}.similar-action{min-height:26px;padding:3px 5px;font-size:.5rem}.similar-action img{width:15px;height:15px}
}

/* Latest players sit directly on the stadium; only the individual player cards stay framed. */
.new-card-strip-panel{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.new-card-strip-panel::before{display:none!important}

/* Player Review headings no longer reserve a numbered step column. */
.search-panel .unnumbered-step-heading,
.player-review .unnumbered-step-heading{
  grid-template-columns:minmax(0,auto) minmax(42px,1fr) auto;
}
.search-panel .unnumbered-step-heading .coach-step-copy,
.player-review .unnumbered-step-heading .coach-step-copy{grid-column:1}
.search-panel .unnumbered-step-heading .coach-step-line,
.player-review .unnumbered-step-heading .coach-step-line{grid-column:2}
.search-panel .unnumbered-step-heading>.count{grid-column:3}
.player-review{border:0!important}
@media(max-width:700px){
  .search-panel .unnumbered-step-heading,
  .player-review .unnumbered-step-heading{grid-template-columns:minmax(0,auto) minmax(28px,1fr) auto;gap:0 10px}
  .search-panel .unnumbered-step-heading .coach-step-copy,
  .player-review .unnumbered-step-heading .coach-step-copy{grid-column:1}
  .search-panel .unnumbered-step-heading .coach-step-line,
  .player-review .unnumbered-step-heading .coach-step-line{grid-column:2;margin-top:20px}
  .search-panel .unnumbered-step-heading>.count{grid-column:3;margin-top:10px}
}

/* Full attributes follow the headline stats and read in familiar attribute families. */
.headline-stat-block .all-stats{margin:14px -12px -12px;padding:12px;border:0;border-top:1px solid rgba(140,219,104,.3);border-radius:0 0 11px 11px;background:rgba(140,219,104,.035)}
.headline-stat-block .all-stats summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:.78rem;white-space:nowrap}
.headline-stat-block .all-stats summary span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;min-width:0;min-height:26px;padding:3px 7px;border:1px solid rgba(140,219,104,.42);border-radius:999px;background:rgba(140,219,104,.08);color:var(--green);font-size:.6rem;line-height:1;white-space:nowrap}
.headline-stat-block .all-stats[open] summary span{background:rgba(140,219,104,.14)}
.stat-name-label{display:inline-flex;align-items:baseline;min-width:0}
.stat-category-prefix{color:var(--gold);font:800 .68rem 'Chakra Petch',sans-serif;letter-spacing:.055em}
.stat-category-separator{color:var(--muted)}
#allStatsBody tr.stat-group-start:not(:first-child) td{padding-top:15px;border-top:1px solid rgba(241,200,77,.32)}
#allStatsBody tr[data-stat-category="other"] .stat-name-label{color:var(--muted)}

/* Mobile Role Knowledge: one compact header, one horizontal role rail and a tighter reading block. */
@media(max-width:700px){
  .position-guide{padding:12px 12px 14px}
  .position-guide-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
  .position-guide-head .heading-with-icon{min-width:0;gap:9px}
  .position-guide .book-icon{width:34px;height:34px;border-radius:9px}
  .position-guide .book-icon svg{width:18px;height:18px}
  .role-guide-dialog .position-guide-head .step{display:none}
  .position-guide-head h2{margin:0;font-size:clamp(.96rem,4.25vw,1.08rem);line-height:1.16;letter-spacing:-.015em}
  .position-guide-head p:not(.step){margin-top:3px;font-size:.67rem;line-height:1.3}
  .guide-position-picker{position:relative;display:block;width:auto;align-self:start}
  .guide-position-picker>span{display:none}
  .guide-position-picker select{-webkit-appearance:none;appearance:none;width:70px;min-width:70px;min-height:36px;padding:0 25px 0 8px;border-radius:10px;font-family:'Anuphan',sans-serif!important;font-size:.78rem;font-weight:700;line-height:1;letter-spacing:0;text-align:center;text-align-last:center}
  .guide-position-picker::after{content:"";position:absolute;top:50%;right:11px;width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none;transform:translateY(-72%) rotate(45deg)}
  .guide-details{margin-top:12px;padding-top:12px}
  .position-guide .role-tabs{display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;padding:0 0 8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .position-guide .role-tabs::-webkit-scrollbar{display:none}
  .position-guide .role-tab{flex:0 0 auto;gap:6px;padding:6px 10px 6px 7px;font-size:.68rem;line-height:1.2;white-space:nowrap}
  .position-guide .role-tab-icon{width:19px;height:19px;flex-basis:19px;border-radius:5px}
  .position-guide .role-tab-icon svg{width:13px;height:13px}
  .position-guide .guide-copy{grid-template-columns:1fr;gap:11px;margin-top:9px;padding-top:12px}
  .position-guide .guide-copy>div:first-child{min-width:0}
  .position-guide .guide-copy>div:first-child .guide-role-position{font-size:.67rem}
  .position-guide .guide-role-heading{grid-template-columns:34px minmax(0,1fr) auto;column-gap:9px!important;row-gap:0!important}
  .position-guide .guide-role-icon{width:34px;height:34px;border-radius:9px}
  .position-guide .guide-role-icon svg{width:19px;height:19px}
  .position-guide .guide-role-position,.position-guide .guide-role-heading h3{grid-column:2}
  .position-guide .guide-role-heading .guide-player-search{grid-column:3;grid-row:1/3;min-height:32px;padding:6px 9px;font-size:.64rem}
  .position-guide .guide-copy h3{min-width:0;margin:0;font-size:1.02rem;line-height:1.2}
  .position-guide .guide-reading{gap:10px}
  .position-guide .guide-reading-block{gap:5px}
  .position-guide .guide-reading-block h4{font-size:.61rem;letter-spacing:.07em}
  .position-guide .guide-copy p{font-size:.76rem;line-height:1.62}
  .position-guide .guide-impact{padding:9px 10px}
  .position-guide .fit-line{margin-top:1px!important;padding:9px 10px;border:1px solid rgba(140,219,104,.18);border-radius:8px;background:rgba(140,219,104,.065);line-height:1.56}
  .position-guide .guide-next-actions{grid-template-columns:1fr;gap:7px}
  .position-guide .guide-next-link{min-height:38px;padding:8px 10px;font-size:.68rem}
  .position-guide .guide-formation-list{grid-column:1;padding-top:0}
  .position-guide .guide-formation-card{padding:8px 9px;gap:8px}
  .position-guide .guide-formation-card strong{font-size:.71rem}
  .position-guide .guide-formation-card small{font-size:.61rem}
  .position-guide .guide-map-toggle{min-width:58px;padding:4px 5px}
  .position-guide .guide-pitch-field{min-height:176px;aspect-ratio:1.5/1}
}

/* Role Knowledge lives outside the Player Review reading flow: modal on desktop, bottom sheet on phones. */
.search-heading-tools{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.search-panel .unnumbered-step-heading>.search-heading-tools{grid-column:3}
.role-guide-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 13px;border:1px solid rgba(241,200,77,.68);border-radius:999px;background:linear-gradient(145deg,rgba(241,200,77,.13),rgba(5,25,15,.92));color:#f4d366;box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.2);font:800 .72rem/1 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer}
.role-guide-launch:hover,.role-guide-launch:focus-visible{border-color:var(--gold);background:linear-gradient(145deg,rgba(241,200,77,.22),rgba(8,35,21,.96));transform:translateY(-1px)}
.role-guide-launch-icon{font-size:1rem;line-height:1}
.role-guide-dialog{position:fixed;inset:0;width:min(900px,calc(100% - 40px));max-width:none;max-height:min(86dvh,760px);margin:auto;padding:0;overflow:visible;border:0;border-radius:24px;background:transparent;color:var(--text);box-shadow:none}
.role-guide-dialog::backdrop{background:rgba(0,7,4,.78);backdrop-filter:blur(6px)}
.role-guide-dialog-shell{max-height:min(86dvh,760px);overflow:auto;border:1px solid rgba(241,200,77,.55);border-radius:24px;background:#06130c;box-shadow:0 28px 90px rgba(0,0,0,.74)}
.role-guide-dialog[open] .role-guide-dialog-shell{animation:roleGuideModalIn .22s ease-out both}
.role-guide-dialog-bar{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 10px 7px 18px;border-bottom:1px solid rgba(241,200,77,.2);background:rgba(4,19,11,.96);backdrop-filter:blur(12px);color:var(--gold);font:900 .7rem/1 'Chakra Petch','Anuphan',sans-serif;letter-spacing:.11em}
.role-guide-close{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(241,200,77,.5);border-radius:50%;background:rgba(241,200,77,.08);color:#f7dd82;font:500 1.25rem/1 sans-serif;cursor:pointer}
.role-guide-close:hover,.role-guide-close:focus-visible{border-color:var(--gold);background:rgba(241,200,77,.17)}
.role-guide-dialog .position-guide{margin:0;border:0;border-radius:0;box-shadow:none}
@keyframes roleGuideModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .search-panel .unnumbered-step-heading{grid-template-rows:auto;align-items:center;row-gap:0}
  .search-panel .unnumbered-step-heading .coach-step-line{align-self:center;margin:0 3px 0 0;min-width:0}
  .search-panel .unnumbered-step-heading>.search-heading-tools{display:flex}
  .search-heading-tools>.role-guide-launch{position:relative;z-index:1}
  .role-guide-launch{min-height:34px;padding:6px 9px;gap:5px;font-size:.6rem}
  .role-guide-launch-icon{font-size:.85rem}
  .role-guide-dialog{inset:auto 0 0;width:100%;max-height:90dvh;margin:0;border-radius:20px 20px 0 0}
  .role-guide-dialog-shell{max-height:90dvh;border-width:1px 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .role-guide-dialog[open] .role-guide-dialog-shell{animation:roleGuideSheetIn .26s cubic-bezier(.2,.8,.2,1) both}
  .role-guide-dialog-bar{min-height:42px;padding:8px 10px 7px 16px;border-radius:20px 20px 0 0}
  .role-guide-dialog-bar::before{content:"";position:absolute;top:5px;left:50%;width:36px;height:3px;border-radius:999px;background:#728077;transform:translateX(-50%)}
  .role-guide-close{width:29px;height:29px;font-size:1.1rem}
  .role-guide-dialog .position-guide{padding-top:10px}
  @keyframes roleGuideSheetIn{from{opacity:.65;transform:translateY(100%)}to{opacity:1;transform:none}}
}

.player-results-panel .shortlist-heading{align-items:flex-start}
.player-results-panel .shortlist-count{flex:0 0 auto;margin:0;align-self:flex-start}
@media(max-width:700px){
  .player-results-panel .shortlist-heading{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px}
  .player-results-panel .shortlist-heading>div{min-width:0;flex:1 1 auto}
  .player-results-panel .shortlist-count{margin-top:0;font-size:.68rem}
}

/* Compact history action stays in the profile card corner. */
.player-head .story-toggle {
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin:0;
  padding:10px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  color:var(--gold);
}
.player-head .story-toggle .story-toggle-icon { width:22px; height:22px; }
.player-head .story-toggle:hover,
.player-head .story-toggle[aria-expanded="true"] { background:rgba(242,193,78,.18); }
.player-head .story-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

.player-head #playerCardOverlay > .story-toggle { top:10px; right:18px; }
.player-head > .profile-close {
  position:absolute; top:8px; right:8px; z-index:3;
  display:grid; place-items:center; width:44px; height:44px;
  padding:0; border:0; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.12); color:#f4f7f2;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  font:400 28px/1 sans-serif;
}
.player-head > .profile-close:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

/* Smaller visible history control with the same comfortable tap target. */
.player-head #playerCardOverlay > .story-toggle {
  padding:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head #playerCardOverlay > .story-toggle .story-toggle-icon {
  width:32px;
  height:32px;
  padding:8px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.player-head #playerCardOverlay > .story-toggle:hover .story-toggle-icon,
.player-head #playerCardOverlay > .story-toggle[aria-expanded="true"] .story-toggle-icon {
  background:rgba(242,193,78,.18);
}

/* History belongs beside the player name, leaving card artwork clear. */
.player-head .identity h2#playerName > .story-toggle {
  position:relative;
  top:auto;
  right:auto;
  flex:0 0 36px;
  width:36px;
  height:44px;
  margin:0 0 0 2px;
  padding:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head #playerName > .story-toggle .story-toggle-icon {
  width:28px;
  height:28px;
  padding:6px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.player-head #playerName > .story-toggle:hover .story-toggle-icon,
.player-head #playerName > .story-toggle[aria-expanded="true"] .story-toggle-icon { background:rgba(242,193,78,.18); }

/* A wider open-book silhouette remains recognizable beside the name. */
.player-head #playerName > .story-toggle .story-toggle-icon {
  width:30px;
  height:30px;
  padding:5px;
}
.player-head #playerName > .story-toggle .story-toggle-icon svg {
  stroke-width:1.7;
}

/* Reduce close-button chrome while retaining the 44px tap target. */
.player-head > .profile-close {
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.player-head > .profile-close > span,
.player-head > .profile-share > span {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}

/* Quiet, close-set introduction under Player Review navigation. */
body:not(.team-suggestion-mode) .header-card #headerConcept {
  margin-top:4px;
  padding-top:0;
  font-size:12px;
  line-height:1.5;
}
@media (max-width:700px) {
  body:not(.team-suggestion-mode) .header-card #headerConcept { font-size:11px; }
}

/* Keep the scope note and latest players close to the compact introduction. */
body:not(.team-suggestion-mode) .header-card #databaseScopeNote {
  margin-top:2px;
  margin-bottom:0;
  padding:0;
  font-family:'Anuphan',sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}
body:not(.team-suggestion-mode) .header-card { padding-bottom:2px; }
body:not(.team-suggestion-mode) main.shell { padding-top:0; }
body:not(.team-suggestion-mode) .new-card-strip-panel { margin-top:0; padding-top:4px; }
@media (max-width:700px) {
  body:not(.team-suggestion-mode) .header-card #databaseScopeNote { font-size:11px; }
}

.latest-row-copy > .mini-card-shard {
  justify-content:flex-start;
  margin-top:2px;
  font-size:.72rem;
}
.latest-row-copy > .mini-card-shard img { width:17px; height:17px; flex-basis:17px; }
.latest-row-copy > .mini-card-shard.unavailable { font-size:.65rem; }

/* The close icon replaces Change player; keep Compare centered. */
.player-head .player-head-actions { display:flex; justify-content:center; }
.player-head .player-head-actions .compare-player-action { width:auto; min-width:132px; }

/* Collection members remain compact; only the selected assessment is shown. */
.profile-collection-member { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:4px 8px 4px 4px; }
.profile-collection-select { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:8px; min-width:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.profile-collection-select > span:last-child { display:grid; gap:3px; min-width:0; }
.profile-collection-member.is-selected { border-color:#efc84e; background:rgba(232,188,54,.12); }
.profile-collection-member .profile-collection-review { min-height:44px; padding:4px; border:0; background:transparent; cursor:pointer; }
.profile-collection-summary { margin:10px 0 0; color:#d6dece; font-size:.72rem; line-height:1.5; }
.profile-collection-select-hint { margin:0 0 8px; font-size:.68rem; color:#aebdb3; }
.profile-collection-analysis { margin-top:12px; }
.profile-collection-analysis > h3 { margin-top:12px; }
#profileCollectionAssessment .profile-collection-assessment { margin-top:0; }

.collection-assessment-player{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.collection-assessment-player .profile-collection-art{width:72px;flex:0 0 72px;}
.collection-assessment-player h4{margin:0;}

.profile-collection-analysis>summary{cursor:pointer;padding:12px 0;font-size:.78rem;font-weight:800;color:#c7e6aa;}

.collection-bonus-trigger{justify-self:start;border:0;border-bottom:1px solid currentColor;background:transparent;color:#dfca75;padding:5px 0;font:inherit;font-size:.7rem;cursor:pointer;}
.profile-collection-analysis[hidden]{display:none!important;}

.profile-collection-member .profile-collection-review{display:flex;align-items:center;gap:4px;}
.profile-collection-review img{width:16px;height:16px;object-fit:contain;}

.collection-bonus-trigger{border:0;padding:1px 0;line-height:1.3;text-decoration:none;}
.profile-collection-select > span:last-child{gap:2px;}
.profile-collection-member > .profile-collection-analysis{grid-column:1 / -1;width:100%;min-width:0;margin-top:4px;border-top:1px solid rgba(255,255,255,.1);}
.profile-collection-member > .profile-collection-analysis > h3{margin:10px 0 8px;font-size:.72rem;}
.profile-collection-member .profile-collection-assessment{margin:0;padding:8px;}

.bonus-chevron{display:inline-block;font-size:.65em;margin-left:3px;}
.collection-bonus-trigger[aria-expanded="true"] .bonus-chevron{transform:rotate(180deg);}

.player-head .player-head-actions{gap:8px;flex-wrap:wrap;}
#addPlayerToTeamButton{font-size:.78rem;padding:10px 12px;cursor:pointer;}
#addPlayerToTeamButton:disabled{opacity:.7;cursor:default;}

.player-head .player-head-actions #addPlayerToTeamButton{font:800 .72rem/1.25 "Chakra Petch",sans-serif;padding:9px 13px;min-height:44px;}

.player-head .player-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.player-head .player-head-actions .compare-player-action{width:100%;min-width:0!important;box-sizing:border-box;grid-template-columns:22px auto;justify-content:center;min-height:44px;}

/* NUMERO frame follows the wallpaper: blue, gold, purple and red. */
.player-head[data-event-set="numero"]{border-color:transparent;box-shadow:0 -5px 24px rgba(53,165,234,.15),5px 0 24px rgba(242,198,39,.12),0 5px 24px rgba(174,76,224,.15),-5px 0 24px rgba(242,71,35,.12),0 18px 45px rgba(0,0,0,.34);}
.player-head[data-event-set="numero"]::after{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from -45deg,#35a5ea 0deg,#35a5ea 75deg,#f2c627 105deg,#f2c627 165deg,#ae4ce0 195deg,#ae4ce0 255deg,#f24723 285deg,#f24723 345deg,#35a5ea 360deg);opacity:1;pointer-events:none;z-index:5;transform:none;filter:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;}
.player-head[data-event-set="numero"]::after{inset:0;padding:3px;width:auto;height:auto;}
.player-head[data-event-set="numero"] .player-head-actions .compare-player-action{position:relative;border:1px solid transparent!important;background:linear-gradient(145deg,#17252b,#031410) padding-box,linear-gradient(120deg,#35a5ea,#f2c627 35%,#ae4ce0 68%,#f24723) border-box!important;box-shadow:0 0 12px rgba(174,76,224,.18),inset 0 1px 0 rgba(255,255,255,.12);}

/* Compact PlayStyle icons; expand every explanation together. */
.property-section.expanded #playstyleList{grid-template-columns:1fr;}
.property-section.expanded #playstyleList .property-detail{display:block;max-height:none;overflow:visible;white-space:normal;-webkit-line-clamp:unset;}

.property-section:not(.expanded) #playstyleList .playstyle-icon{display:none;}
.property-section:not(.expanded) #playstyleList .playstyle-card{grid-template-columns:minmax(0,1fr);min-height:0;padding:7px 9px!important;}
.property-section.expanded #playstyleList .playstyle-icon{display:block;}
.property-section:not(.expanded) #playstyleList{display:none!important;}
.property-heading{align-items:center;gap:8px;}
.property-heading .property-toggle{flex:0 0 auto;width:auto!important;min-width:0!important;align-self:center;white-space:nowrap;padding:5px 8px!important;line-height:1.25;}
.primary-properties{align-items:start;}
.property-section:not(.expanded) #traitList{display:none!important;}
#profileSkillTree .skill-tree-layout:not(.expanded){display:none!important;}
#profileSkillTree .skill-tree-heading{align-items:center;margin-bottom:0;}
#profileSkillTree .skill-tree-toggle{flex:0 0 auto;width:auto!important;min-width:0!important;white-space:nowrap;padding:5px 8px!important;line-height:1.25;}
/* No reserved content spacing while property panels are collapsed. */
.primary-properties .property-section:not(.expanded) .property-heading{margin-bottom:0!important;}
.primary-properties .property-section:not(.expanded){padding:8px 10px!important;min-height:0;}

.headline-stat-block .all-stats{margin-top:8px;padding:7px 12px;}
.headline-stat-block .all-stats summary{font-size:.75rem;}
.headline-stat-block .all-stats summary span{min-height:22px;padding:3px 6px;}

.comparison-help #comparisonBody{display:none;}
.comparison-help{padding:10px 0!important;background:transparent!important;border:0!important;}
#comparisonTitle{font-size:.7rem;}
#percentileLegend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin-top:8px;}
#percentileLegend .legend-band{display:flex;flex-direction:column;align-items:center;padding:6px 1px;border:0;border-top:6px solid var(--level-color);border-radius:0;background:transparent;font-size:.6rem;gap:3px;}
#percentileLegend .legend-band small{font-size:.55rem;white-space:nowrap;}
#percentileLegend .band-caution{--level-color:#d68676;}#percentileLegend .band-standard{--level-color:#9daab0;}#percentileLegend .band-good{--level-color:#8cc987;}#percentileLegend .band-excellent{--level-color:#61cbd7;}#percentileLegend .band-elite{--level-color:#e9cd6d;}

.role-card-copy,.role-title-line{min-width:0;}
#primaryRole,#secondaryRole{display:block;min-width:0;white-space:nowrap;flex:0 1 auto;}
.role-title-line .role-info-button{flex-shrink:0;}

.mode-brief p{font-size:.78rem;line-height:1.55;margin:8px 0;}
.mode-brief p>b{display:block;color:var(--green);}
.mode-more{margin-top:10px;border-top:1px solid #ffffff18;padding-top:8px;}
.mode-more summary{cursor:pointer;font-size:.72rem;color:var(--green);}

.mode-title-with-icon{display:flex;align-items:center;gap:9px;}
.mode-trophy{display:block;flex:0 0 48px;width:48px;height:48px;background:url('/players/assets/mode-trophies-v1-864.webp') no-repeat;background-size:300% 100%;}
.mode-trophy-vsa{background-position:left center;}.mode-trophy-h2h{background-position:center center;}.mode-trophy-manager{background-position:right center;}

.mode-score-stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;}
.mode-card .mode-card-top .mode-score-stack b{font-size:1rem;line-height:1.2;}
.mode-score-stack small{font-size:.65rem;line-height:1.2;color:var(--muted);white-space:nowrap;}

.mode-card .mode-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;}
.mode-title-with-icon{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;min-width:0;}
.mode-title-with-icon>strong{text-align:center;white-space:nowrap;}
@media(max-width:700px){.mode-card.manager .mode-title-with-icon>strong{font-size:clamp(.65rem,2.9vw,.85rem)!important;}.mode-title-with-icon{grid-template-columns:38px minmax(0,1fr);gap:4px;}.mode-trophy{width:38px;height:38px;}.mode-title-with-icon>strong{font-size:.85rem;}}

#modeAnalysisGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;}
#modeAnalysisGrid .mode-card{display:contents;}
#modeAnalysisGrid .mode-select{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;padding:12px 4px;background:rgba(140,219,104,.04);border:1px solid rgba(140,219,104,.22);border-radius:14px;color:var(--text);cursor:pointer;}
#modeAnalysisGrid .mode-title-with-icon{display:flex;flex-direction:column;gap:6px;}
#modeAnalysisGrid .mode-title-with-icon>strong{font-size:.72rem!important;white-space:nowrap;}
#modeAnalysisGrid .mode-trophy{width:48px;height:48px;flex-basis:48px;}
#modeAnalysisGrid .mode-score-stack{align-items:center;}
#modeAnalysisGrid .mode-select[aria-expanded="true"]{border-color:var(--green);background:rgba(140,219,104,.12);}
#modeAnalysisGrid .mode-panel{grid-row:2;grid-column:1 / -1;padding:10px 14px;border:1px solid rgba(140,219,104,.2);border-radius:12px;}
#modeAnalysisGrid .mode-panel[hidden]{display:none!important;}

/* Shared findings: content occupies the text track, never the icon track. */
.finding-content{min-width:0;overflow-wrap:anywhere;}
.finding-content>strong{display:block;}
.full-review-card>div:only-child{grid-column:1 / -1;min-width:0;}

.playstyle-ai-analysis{grid-column:1 / -1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;}
.playstyle-ai-analysis h4{margin:0 0 8px;color:var(--green);font-size:.85rem;}
.playstyle-ai-analysis p{margin:0 0 12px;color:#cbd6ce;font-size:.83rem;line-height:1.7;}
.playstyle-ai-analysis p:last-child{margin-bottom:0;}
#profileSkillTree{padding:8px 10px!important;}

.role-title-line .role-info-button{width:18px;height:18px;}
.role-title-line .role-info-button svg{display:block;width:14px;height:14px;}

.role-info-button,.result-role .role-info-button{width:18px;height:18px;}
.role-info-button svg{display:block;width:14px;height:14px;}

.mode-analysis-heading{padding-bottom:5px;margin-bottom:10px;}
.mode-analysis-heading #modeAnalysisTitle{margin-bottom:0;}

.mode-disclosure{display:inline-block;font-size:.65em;transition:transform .15s;}
.mode-select[aria-expanded="true"] .mode-disclosure{transform:rotate(180deg);}

.findings-tabs{display:flex;gap:8px;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:10px;}
.findings-tabs button{border:1px solid var(--line);border-radius:9px;padding:7px 14px;background:transparent;color:var(--muted);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;}
.findings-tabs button[aria-selected="true"]{background:rgba(140,219,104,.14);border-color:var(--green);color:var(--green);}
#findingsBox [role="tabpanel"][hidden]{display:none!important;}

.findings-tabs button{display:inline-flex;align-items:center;gap:7px;}
.findings-tabs button::before{content:"";display:inline-block;flex:0 0 16px;width:16px;height:16px;background-color:currentColor;mask:var(--finding-tab-icon) center/contain no-repeat;-webkit-mask:var(--finding-tab-icon) center/contain no-repeat;}
#strengthTitle{--finding-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4L19 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#cautionTitle{--finding-tab-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 21h20L12 3zM12 9v5m0 3v.1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#cautionTitle[aria-selected="true"]{color:var(--gold);border-color:var(--gold);background:rgba(241,200,77,.1);}

.findings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.findings-tabs button{width:100%;min-width:0;justify-content:center;min-height:38px;}

.finding-stat-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}
.finding-stat-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;background:rgba(140,219,104,.09);color:var(--green);font-size:.7rem;line-height:1.5;}
.finding-stat-badge.band-elite{color:var(--gold);background:rgba(241,200,77,.1);}
.finding-stat-badge.band-caution{color:#edb16c;background:rgba(237,177,108,.1);}
.finding-stat-badge.band-standard{color:var(--muted);background:rgba(255,255,255,.06);}


.mode-analysis-heading #modeAnalysisTitle{display:block;text-align:center;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;}
.mode-analysis-heading{padding-bottom:0;}
.mode-analysis-heading::after{display:none;}
.mode-analysis-heading #modeAnalysisTitle{display:flex;align-items:center;gap:10px;}
.mode-analysis-heading #modeAnalysisTitle::before,.mode-analysis-heading #modeAnalysisTitle::after{content:"";flex:1 1 0;min-width:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,200,77,.55));}
.mode-analysis-heading #modeAnalysisTitle::after{background:linear-gradient(90deg,rgba(241,200,77,.55),transparent);}

#versionPicker{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;}
#versionPicker[hidden]{display:none;}
#versionPickerTitle{margin:0;flex:0 0 auto;white-space:nowrap;font-size:.75rem;}
#versionButtons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;overflow-x:auto;}
#versionButtons button{flex:0 0 auto;white-space:nowrap;margin:0;font-size:.72rem;padding:6px 9px;}

#versionButtons{margin:0;}

#formationDetailsToggle{display:inline-flex;list-style:none;cursor:pointer;}
#formationDetailsToggle::-webkit-details-marker{display:none;}
#formationDetails[open] .formation-fit-list{margin-top:12px;}

.formation-heading{margin:0 0 10px;line-height:1.4;font-size:clamp(.8rem,3.5vw,1.05rem);white-space:nowrap;}

.player-review .formation-property{padding:8px 10px;min-height:0;border:1px solid var(--line);border-radius:12px;background:rgba(7,26,15,.72);margin:16px 0;}
.formation-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;margin:0;}
.formation-summary::-webkit-details-marker{display:none;}
.formation-summary .formation-heading{margin:0;font-size:clamp(.65rem,2.7vw,.95rem);min-width:0;}
.formation-summary #formationDetailsToggle{flex-shrink:0;}

.formation-summary .formation-heading{font-size:1rem;font-weight:700;line-height:1.65;white-space:normal;}
.formation-summary{flex-wrap:wrap;}

.player-review .formation-property{background:rgba(0,0,0,.11);border-color:rgba(140,219,104,.22);border-radius:11px;box-shadow:none;}

#searchTitle,#profileSectionTitle{white-space:nowrap;max-width:100%;min-width:0;}
.search-panel .coach-step-copy,.player-profile-step .coach-step-copy{min-width:0;}

body.stadium-daytime{background-image:linear-gradient(180deg,rgba(2,10,6,.06),rgba(2,10,6,.2) 72%,#020a06 100%),url('/players/assets/brand/player-review-stadium-day-v1.webp');}

body.stadium-daytime{background-color:#000;background-image:linear-gradient(180deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.28) 60px,rgba(0,0,0,.78) 112px,rgba(0,0,0,.92) 164px,#000 260px),url('/players/assets/brand/player-review-stadium-day-v1.webp');background-size:100% 177.6833vw,100% auto;}

body:not(.team-suggestion-mode) .new-card-strip-panel{margin-top:12px;}

/* Lift the artwork and its PlayStyle overlay together inside latest cards. */
.filter-adjust-icon{display:none;}
@media(max-width:700px){
  body .search-panel,
  body .search-panel *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
  body .search-panel .field>span:first-child,
  body .search-panel .position-label-row>label,
  body .search-panel .role-filter-heading>label,
  body .search-panel :is(#playstyleFilter,#playstyleFilter2)>span:first-child{font-size:.76rem;font-weight:600;line-height:1.4;}
  body .search-panel input,
  body .search-panel select,
  body .search-panel .ps-filter-trigger{font-size:.875rem;font-weight:600;}
  body .filter-adjust-icon{display:block;width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:6px;}
  body .search-panel{margin-top:6px;}
  body .advanced-filter-chevron{display:none;}
  .new-card-strip-panel .mini-card-choice{grid-template-rows:136px auto auto auto;padding-top:6px;}
  .new-card-strip-panel .mini-card-art-action{position:relative;top:-14px;}
  body .search-panel #searchNameLabel{
    position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
  body .search-panel .search-field{grid-template-rows:48px;gap:0;}
  body .search-panel .section-heading{margin-bottom:10px;}
  body .search-panel .coach-step-copy{grid-column:1/-1;width:100%;text-align:center;}
  body .search-panel #searchTitle{text-align:center;}
  body .search-panel #headerConcept{display:none;}
  body .search-panel .search-submit>span[aria-hidden="true"]{display:none;}
  body .search-panel .search-submit{justify-content:center;}
  body .search-panel .search-submit .search-submit-text{flex:0 0 auto;margin:0;transform:none;}
  .role-filter-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;}
  .role-filter-heading .role-guide-launch{margin-left:0;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  body .search-panel .search-heading-tools,
  body .search-panel .coach-step-line{display:none;}
  body .search-panel .position-filter-group{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:22px 48px;column-gap:10px;
  }
  body .position-label-row{grid-column:1/-1;}
  body .search-panel select,
  body .search-panel .ps-filter-trigger{
    -webkit-appearance:none;appearance:none;padding-right:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23e8ce79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;
  }
  body .search-panel .ps-filter-trigger>b{display:none;}
  body .position-filter-group>button.switch-row.compact-switch{
    grid-column:2;grid-row:2;border:1px solid var(--line);border-radius:12px;background:transparent;box-shadow:none;padding:0;justify-content:center;
  }
}

.overview-section + .overview-section{margin-top:18px}.overview-section h4{margin:0 0 6px;font-size:1rem;color:var(--text)}.overview-section p{margin:6px 0;line-height:1.65}

/* Desktop search shares the comparison finder styling. */
@media(min-width:701px){
  body .search-panel,
  body .search-panel *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
  body .search-panel .field>span:first-child,
  body .search-panel .position-label-row>label,
  body .search-panel .role-filter-heading>label,
  body .search-panel :is(#playstyleFilter,#playstyleFilter2)>span:first-child{font-size:.76rem;font-weight:600;line-height:1.4;}
  body .search-panel input,
  body .search-panel select,
  body .search-panel .ps-filter-trigger{font-size:.875rem;font-weight:600;}
  body .filter-adjust-icon{display:block;width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
  body .search-panel{margin-top:6px;}
  body .advanced-filter-chevron{display:none;}
  body .search-panel #searchNameLabel{
    position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
  body .search-panel .search-field{grid-template-rows:48px;gap:0;}
  body .search-panel .section-heading{margin-bottom:10px;}
  body .search-panel .coach-step-copy{grid-column:1/-1;width:100%;text-align:center;}
  body .search-panel #searchTitle{text-align:center;}
  body .search-panel #headerConcept{display:none;}
  body .search-panel .search-submit>span[aria-hidden="true"]{display:none;}
  body .search-panel .search-submit{justify-content:center;}
  body .search-panel .search-submit .search-submit-text{flex:0 0 auto;margin:0;transform:none;}
  .role-filter-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;}
  .role-filter-heading .role-guide-launch{margin-left:0;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  body .search-panel .search-heading-tools,
  body .search-panel .coach-step-line{display:none;}
  body .search-panel .position-filter-group{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:22px 48px;column-gap:10px;
  }
  body .position-label-row{grid-column:1/-1;}
  body .search-panel select,
  body .search-panel .ps-filter-trigger{
    -webkit-appearance:none;appearance:none;padding-right:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23e8ce79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;
  }
  body .search-panel .ps-filter-trigger>b{display:none;}
  body .position-filter-group>button.switch-row.compact-switch{
    grid-column:2;grid-row:2;border:1px solid var(--line);border-radius:12px;background:transparent;box-shadow:none;padding:0;justify-content:center;
  }

  body .search-panel{padding:14px!important;border-radius:14px!important;}
  body .search-panel .coach-step-heading{grid-template-columns:minmax(0,auto) minmax(42px,1fr);gap:16px;align-items:center;}
  body .search-panel .coach-step-copy{grid-column:1;width:auto;text-align:left;}
  body .search-panel #searchTitle{text-align:left;font-size:1.3rem;line-height:1.3;}
  body .search-panel #headerConcept{display:block;}
  body .search-panel .coach-step-line{display:block;grid-column:2;align-self:center;margin-top:0;}
  body .search-panel #searchNameLabel{position:static;width:auto;height:22px;overflow:visible;clip-path:none;white-space:normal;}
  body .search-panel .search-field{grid-template-rows:22px 48px;gap:7px;}
  body .search-panel .search-submit{min-height:48px;margin-top:13px;padding:10px 18px;font-size:.98rem;border-radius:11px;}
}

@media(min-width:701px){
  body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{grid-template-rows:136px auto auto auto;padding-top:6px;}
  body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action{position:relative;top:-14px;}
}

@media(min-width:701px){
  body .search-panel .coach-step-line{align-self:start;margin-top:calc(.845rem + 4px);}
}

/* A quieter reading layout for the role guide. */
#roleGuideDialog,#roleGuideDialog *{font-family:'Anuphan',sans-serif!important;letter-spacing:0;}
#roleGuideDialog .role-guide-dialog-bar{gap:14px;padding:14px 20px;min-height:64px;font-size:.95rem;}
#roleGuideDialog .guide-position-picker{margin-left:auto;display:block;}
#roleGuideDialog .guide-position-picker>span{display:none;}
#roleGuideDialog .guide-position-picker select{min-width:80px;height:38px;font-size:.85rem;}
#roleGuideDialog .position-guide-head{display:none;}
#roleGuideDialog .position-guide{padding:20px 24px 28px;}
#roleGuideDialog .role-tabs{gap:8px;padding:0 0 18px;}
#roleGuideDialog .role-tabs button{font-size:.8rem;min-height:38px;padding:8px 12px;}
#roleGuideDialog .guide-copy{margin-top:6px;padding-top:22px;gap:24px;}
#roleGuideDialog .guide-role-heading h3{font-size:1.35rem;line-height:1.4;}
.guide-role-heading .guide-role-en{display:inline-block;margin-left:2px;font-size:.68em;font-weight:400;letter-spacing:.02em;color:#A2B5A8;white-space:nowrap;vertical-align:baseline}
#roleGuideDialog .guide-role-position{font-size:.78rem;}
#roleGuideDialog .guide-role-heading .guide-player-search{min-height:40px;font-size:.82rem;padding:9px 14px;}
#roleGuideDialog .guide-reading{display:grid;gap:22px;}
#roleGuideDialog .guide-reading-block,#roleGuideDialog .fit-line{margin:0;padding:0;border:0;background:transparent;box-shadow:none;}
#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{display:block;margin:0 0 7px;font-size:.84rem;color:#d8c98d;}
#roleGuideDialog .guide-reading p{font-size:.92rem;line-height:1.8;}
#roleGuideDialog .guide-next-actions{margin-top:2px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);}
#roleGuideDialog .guide-formation-toggle{font-size:.84rem;min-height:44px;background:transparent;border-color:rgba(255,255,255,.14);}
@media(max-width:700px){
 #roleGuideDialog{height:auto;max-height:80dvh;}
 #roleGuideDialog .role-guide-dialog-shell{height:auto;max-height:80dvh;}
 #roleGuideDialog .role-guide-dialog-bar{padding:16px 16px 12px;}
 #roleGuideDialog .position-guide{padding:18px 18px 28px;}
 #roleGuideDialog .guide-role-heading{grid-template-columns:34px minmax(0,1fr) auto;}
 #roleGuideDialog .guide-role-heading h3{font-size:1.18rem;}
 #roleGuideDialog .guide-role-heading .guide-player-search{font-size:.76rem;padding:8px 10px;}
}

#roleGuideDialog .role-tab-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:none;border:0;border-radius:0;box-shadow:none;}
#roleGuideDialog .role-tab-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
#roleGuideDialog .guide-role-icon{display:grid;place-items:center;background:none;border:0;box-shadow:none;color:#d8c98d;}
#roleGuideDialog .guide-role-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;}

#roleGuideDialog .guide-role-heading .guide-player-search,
#roleGuideDialog .guide-role-heading .guide-player-search:visited{background:transparent;border:1px solid rgba(198,211,201,.22);color:#b8c6bd!important;box-shadow:none;}
#roleGuideDialog .guide-role-heading .guide-player-search span,
#roleGuideDialog .guide-role-heading .guide-player-search b{color:inherit!important;}
#roleGuideDialog .guide-role-heading .guide-player-search:hover,
#roleGuideDialog .guide-role-heading .guide-player-search:focus-visible{background:rgba(255,255,255,.05);border-color:rgba(198,211,201,.45);color:#e2e9e4!important;box-shadow:none;}

/* Role guide uses the site's dark and muted-gold palette. */
#roleGuideDialog{--green:#d9c17c;--gold:#e8ce79;--muted:#a8ada8;--text:#eeefea;}
#roleGuideDialog .role-guide-dialog-shell{background:#080b09;border-color:rgba(232,206,121,.28);}
#roleGuideDialog .role-guide-dialog-bar{background:#0b0e0b;border-bottom-color:rgba(232,206,121,.16);color:#e8ce79;}
#roleGuideDialog .position-guide{background:transparent;}
#roleGuideDialog .role-tabs .role-tab{background:transparent;border:1px solid rgba(232,206,121,.14);color:#aeb5ad;box-shadow:none;}
#roleGuideDialog .role-tabs .role-tab.active{background:rgba(232,206,121,.12);border-color:rgba(232,206,121,.5);color:#edda9e;box-shadow:none;}
#roleGuideDialog .role-tabs .role-tab:hover{background:rgba(232,206,121,.08);color:#edda9e;}
#roleGuideDialog .guide-position-picker select{background-color:#10130f;color:#e8ce79;border-color:rgba(232,206,121,.3);}
#roleGuideDialog .guide-role-heading h3{color:#eeefea;}
#roleGuideDialog .guide-role-icon,#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{color:#d9c17c;}
#roleGuideDialog .guide-reading p{color:#bec3bb;}
#roleGuideDialog .guide-formation-toggle{color:#d9c17c;border-color:rgba(232,206,121,.18);background:transparent;box-shadow:none;}
#roleGuideDialog .guide-role-heading .guide-player-search{border-color:rgba(232,206,121,.22);color:#c5bd9f!important;}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{color:#edda9e;background:none;}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon svg{stroke:currentColor;}
#roleGuideDialog .guide-position-picker select:focus-visible{outline:2px solid rgba(232,206,121,.55);outline-offset:2px;box-shadow:none;}

/* Match the Player Collection bonus dialog's actual palette and lighting. */
#roleGuideDialog .role-guide-dialog-shell{border-color:rgba(232,188,54,.68);background:radial-gradient(circle at 7% 0,rgba(242,198,65,.18),transparent 25%),radial-gradient(circle at 23% 8%,rgba(137,232,95,.11),transparent 29%),linear-gradient(155deg,#062014,#020f09 72%);box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,238,176,.08);}
#roleGuideDialog .role-guide-dialog-bar{background:linear-gradient(110deg,#29331b,#082015 65%);border-bottom-color:rgba(232,188,54,.34);color:#f4d36d;}
#roleGuideDialog .role-guide-close{border-color:rgba(232,188,54,.45);background:#0b2a19;color:#f4d36d;}
#roleGuideDialog .role-tabs .role-tab{border-color:rgba(232,188,54,.34);background:rgba(232,188,54,.065);color:#d6dece;}
#roleGuideDialog .role-tabs .role-tab.active{border-color:#efc84e;background:linear-gradient(135deg,#ffe99b,#e9bd46 60%,#c98e1d);color:#081109;box-shadow:inset 0 1px rgba(255,255,255,.35);}
#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{color:#081109;}
#roleGuideDialog .guide-role-icon,#roleGuideDialog .guide-reading h4,#roleGuideDialog .fit-line strong{color:#f4c63d;}
#roleGuideDialog .guide-position-picker select{background-color:#0b2a19;border-color:rgba(232,188,54,.45);color:#f4d36d;}
#roleGuideDialog .guide-formation-toggle{background:rgba(232,188,54,.065);border-color:rgba(232,188,54,.34);color:#f4d36d;}

#roleGuideDialog .guide-details{margin-top:0;padding-top:0;border-top:0;}
#roleGuideDialog .role-tabs{border:0;padding-bottom:0;}
#roleGuideDialog .guide-copy{border-top:0;margin-top:0;padding-top:24px;}
#roleGuideDialog .role-tabs{padding-bottom:18px;border-bottom:1px solid rgba(232,188,54,.2);}
#roleGuideDialog .guide-role-heading{grid-template-columns:34px minmax(0,1fr);}
#roleGuideDialog .guide-browse-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
#roleGuideDialog .guide-role-heading .guide-browse-actions .guide-player-search{grid-column:auto;grid-row:auto;display:flex;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:9px 8px;border-radius:10px;white-space:normal;text-align:center;font-size:.76rem;line-height:1.5;}
#roleGuideDialog .guide-reading .guide-browse-actions{margin-top:0;grid-column:auto;grid-row:auto;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:9px 8px;border:1px solid rgba(232,188,54,.22);border-radius:10px;background:transparent;box-shadow:none;color:#c5bd9f!important;white-space:normal;text-align:center;font-size:.76rem;line-height:1.5;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search span{color:inherit!important;}
#roleGuideDialog .guide-reading .guide-browse-actions{gap:8px;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search{min-height:44px;padding:9px 7px;border-color:rgba(232,188,54,.16);border-radius:9px;background:rgba(232,188,54,.035);font-size:.72rem;font-weight:500;line-height:1.4;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search b{display:none;}
#roleGuideDialog .guide-reading .guide-browse-actions .guide-player-search:hover{border-color:rgba(232,188,54,.4);background:rgba(232,188,54,.08);}
#roleGuideDialog .guide-browse-actions .guide-action-icon{display:block;width:16px;height:16px;flex:0 0 16px;object-fit:contain;color:#d9c17c;}
#roleGuideDialog .guide-browse-actions .guide-action-top10{width:22px;height:22px;flex-basis:22px;}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{padding-top:4px;margin-top:-8px;}
 #roleGuideDialog .position-guide{padding-bottom:40px;}
}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{margin-top:-14px;}
}
@media(max-width:700px){
 #roleGuideDialog .guide-next-actions{margin-top:-10px;padding-top:12px;}
 #roleGuideDialog .guide-next-actions .guide-formation-toggle{margin-top:0;}
}
#roleGuideDialog .guide-formation-toggle,
#roleGuideDialog .guide-formation-toggle span{font-weight:400;}
#roleGuideDialog .guide-formation-toggle strong{font-weight:700;}
#roleGuideDialog .role-guide-title-group{display:inline-flex;align-items:center;gap:9px;}
#roleGuideDialog .role-guide-book-icon{width:21px;height:21px;flex:none;color:#f4d36d;}
@media(min-width:701px){
 body .search-panel .section-heading{margin-bottom:-2px;}
}
html.collection-embed,html.collection-embed body{background:transparent!important;}
html.collection-embed body>header,html.collection-embed body>main,html.collection-embed body>footer,html.collection-embed .fct-campaign-teaser{display:none!important;}
html.collection-embed .profile-collection-dialog::backdrop{background:rgba(0,7,4,.6);}
html.collection-embed .profile-collection-dialog{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;max-height:100dvh;border:0;border-radius:0;box-shadow:none;}
html.collection-embed .profile-collection-close,html.collection-embed .profile-collection-handle{display:none!important;}
html.collection-embed .profile-collection-dialog::backdrop{background:transparent;backdrop-filter:none;}

#profileCollectionDialogTitle:focus { outline: none; }
/* Search actions share the softer gold used by Top 10. */
#searchSubmit{background:linear-gradient(135deg,#dae321,#cbd21f)!important;border-color:#dae321!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
#searchSubmit:hover{background:linear-gradient(135deg,#e3eb4d,#d8e02f)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
body.team-suggestion-mode #searchSubmit{background:linear-gradient(135deg,#dae321,#cbd21f)!important;border-color:#dae321!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
body.team-suggestion-mode #searchSubmit:hover{background:linear-gradient(135deg,#e3eb4d,#d8e02f)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
body.team-suggestion-mode #searchSubmit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-family:'Anuphan',sans-serif;font-size:16px;font-weight:700;line-height:1.4}
body.team-suggestion-mode #searchSubmit>span[aria-hidden="true"]{display:none}
body.team-suggestion-mode #searchSubmit .search-submit-text{flex:0 0 auto;margin:0;transform:none}
body.team-suggestion-mode #searchSubmit .search-product-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.squad-plan-entry>.squad-lineup-toggle{width:auto;justify-self:end;min-height:28px;padding:3px 9px;font-size:11px;margin:0;}.squad-plan-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;min-width:0}
.squad-plan-actions .squad-lineup-toggle{display:inline-flex;align-items:center;gap:4px;width:auto;min-height:24px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;font:600 11px/1.4 'Anuphan',sans-serif;white-space:nowrap;color:#dfc477}
.squad-plan-actions .squad-lineup-toggle span{font-size:11px}
.squad-plan-actions .squad-lineup-toggle span{display:inline;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;line-height:1}
@media(max-width:700px){
body.team-suggestion-mode .squad-plan-entry>.squad-plan{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px 10px;align-items:start}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:first-child{grid-column:1;grid-row:1;min-width:0}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){grid-column:1;grid-row:2;min-width:0}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end}
}
body.team-suggestion-mode .squad-plan-entry>.squad-plan{grid-template-columns:minmax(0,1fr) 64px!important;width:100%;box-sizing:border-box}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{grid-column:2!important;grid-row:1 / span 2!important;width:64px!important;justify-self:end!important;align-items:flex-end!important;margin:0!important;padding:0!important;text-align:right;transform:none}
body.team-suggestion-mode .squad-plan-actions>.score{width:auto!important;margin:0!important;padding:0!important;text-align:right}
@media(max-width:700px){
body.team-suggestion-mode .squad-plan-entry>.squad-plan{position:relative!important;display:block!important;padding-right:74px!important;min-height:66px}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){margin-top:8px}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:64px!important}
}
body.team-suggestion-mode .owned-section .coach-step-number,
body.team-suggestion-mode .squad-plans .coach-step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;flex:0 0 42px;border-radius:50%!important;background:linear-gradient(135deg,#dfc477,#c9a44d)!important;border:1px solid #d1af5a!important;color:#10170f!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important;font:700 19px/1 'Anuphan',sans-serif;padding:0}
body.team-suggestion-mode .owned-section,
body.team-suggestion-mode .squad-plans{background:linear-gradient(145deg,rgba(4,25,14,.94),rgba(1,13,8,.96))!important;border-color:rgba(209,175,90,.4)!important}
body.team-suggestion-mode .owned-section>.coach-step-heading,
body.team-suggestion-mode .squad-plans>.coach-step-heading{column-gap:8px!important}
@media(max-width:700px){
body.team-suggestion-mode .owned-section>.coach-step-heading,
body.team-suggestion-mode .squad-plans>.coach-step-heading{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}
body.team-suggestion-mode .owned-section>.coach-step-heading .coach-step-copy,
body.team-suggestion-mode .squad-plans>.coach-step-heading .coach-step-copy{min-width:0;margin:0!important;padding:0!important}
body.team-suggestion-mode #ownedTitle,
body.team-suggestion-mode #squadPlanTitle{font-size:22px;line-height:1.3;white-space:nowrap;letter-spacing:0}
}
/* Preview: player artwork rises above the lower information frame. */
.new-card-strip-panel .mini-card-choice{isolation:isolate;border-color:transparent!important;background:transparent!important;box-shadow:none!important;overflow:visible;}
.new-card-strip-panel .mini-card-choice::before{content:"";position:absolute;inset:85px -1px -1px;z-index:-1;border:1px solid rgba(137,232,95,.38);border-radius:14px;background:linear-gradient(180deg,rgba(21,48,28,.78),rgba(3,17,9,.96));box-shadow:0 8px 18px rgba(0,0,0,.24);pointer-events:none;}
@media(max-width:700px){.new-card-strip-panel .mini-card-choice::before{top:74px;}}
/* Open upper edge so the artwork emerges from the frame. */
.new-card-strip-panel .mini-card-choice::before{border-top:0;border-top-left-radius:0;border-top-right-radius:0;background:linear-gradient(180deg,rgba(21,48,28,0),rgba(12,33,19,.72) 35%,rgba(3,17,9,.96));}
/* Outline only: no fill behind the player information. */
.new-card-strip-panel .mini-card-choice::before{background:transparent!important;box-shadow:none!important;}
/* Restore the upper outline at artwork midpoint; keep the frame unfilled. */
.new-card-strip-panel .mini-card-choice::before{border-top:1px solid rgba(137,232,95,.38);border-top-left-radius:14px;border-top-right-radius:14px;}
/* Tighten discovery row after raising artwork above its frame. */
.new-card-strip-panel .mini-section-head{margin-bottom:0!important;}
.new-card-strip-panel #latestCardStrip{margin-top:-12px;}

/* Mobile needs breathing room below the card-data date. */
@media(max-width:700px){.new-card-strip-panel #latestCardStrip{margin-top:2px;}}
/* Overview headings share the soft green used by utility controls. */
#overviewTitle,#analysisOverview h4{color:#8cdb68!important;}
/* Match Rank Skill spacing to the 10px PlayStyle / Trait gap. */
#profileSkillTree{margin-bottom:10px;}
/* Mode trophies rise above an unfilled frame, matching player cards. */
#modeAnalysisGrid .mode-select{position:relative;isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none;overflow:visible;}
#modeAnalysisGrid .mode-select::before{content:"";position:absolute;inset:54px -1px -1px;z-index:-1;border:1px solid rgba(140,219,104,.3);border-radius:14px;background:transparent;pointer-events:none;}
#modeAnalysisGrid .mode-select[aria-expanded="true"]::before{border-color:var(--green);}
#modeAnalysisGrid .mode-trophy{filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));}

/* Keep explore button content centered with the original palette. */
#similarPlayers .similar-action{justify-content:center;align-items:center;}

/* Preview: transparent explore cards, retaining outlines and actions. */
#similarPlayers .similar-card,#similarPlayers .similar-card:hover,#similarPlayers .similar-card:focus-visible{background:transparent!important;box-shadow:none!important;}

/* Search scope follows the action, matching Top 10 explanatory copy. */
#databaseScopeNote.search-scope-note{grid-column:1 / -1;margin:10px 0 0!important;text-align:left;font-size:12px!important;font-weight:400!important;line-height:1.65;color:var(--muted)!important;}

/* Team guide: reveal entry panels, then grouped bench and formations. */
.team-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.team-entry-buttons button{padding:12px;border:1px solid var(--green);border-radius:12px;background:transparent;color:var(--green);font:600 15px 'Anuphan',sans-serif}
.team-entry-buttons button[aria-expanded="true"]{background:rgba(140,219,104,.14)}
body.team-suggestion-mode:not(.team-search-open) .search-panel,body.team-suggestion-mode:not(.team-search-open) #playerResultsPanel,body.team-suggestion-mode:not(.team-latest-open) .team-latest-block{display:none!important}
body.team-suggestion-mode #ownedPlayers{display:grid;grid-template-columns:1fr;gap:16px}
.bench-zone{padding:14px;border:1px solid rgba(140,219,104,.2);border-radius:14px;background:rgba(0,0,0,.15)}
.bench-zone h3{margin:0 0 12px;color:var(--green);font-size:16px}.bench-zone h3 span{float:right;font-size:13px}
.bench-seats{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;border-bottom:4px solid #294431}
.bench-seats .owned-chip{position:relative;flex:0 0 140px;width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;background:transparent}
.bench-seats .owned-chip>span:nth-child(2){font-size:12px}.bench-seats .owned-chip button{position:absolute;right:0;top:0}.bench-empty{font-size:13px;color:var(--muted);margin:8px 0}
body.team-suggestion-mode #ownedTitle{font-size:22px}

/* Latest-list action: arrow sits below its icon. */
.latest-row-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.latest-row-action .latest-row-arrow{text-align:center;}

.latest-row-action>img{width:21px;height:21px;flex-basis:21px;}

/* Team Guide typography follows the Player Review reference. */
body.team-suggestion-mode #teamSuggestionTitle,
body.team-suggestion-mode #ownedTitle,
body.team-suggestion-mode #squadPlanTitle,
body.team-suggestion-mode #teamLatestTitle,
body.team-suggestion-mode #searchTitle{font-size:1.3rem!important;line-height:1.3!important;font-weight:700;white-space:normal!important;}
body.team-suggestion-mode #teamSuggestionHelp,
body.team-suggestion-mode #ownedHelp,
body.team-suggestion-mode #teamLatestHint,
body.team-suggestion-mode #teamRecommendationPolicy,
body.team-suggestion-mode .squad-warning,
body.team-suggestion-mode .bench-empty{font-size:.92rem;line-height:1.8;}
body.team-suggestion-mode .team-entry-buttons button,
body.team-suggestion-mode #searchSubmit,
body.team-suggestion-mode .team-budget-modes button{font-size:.9rem;line-height:1.4;}
body.team-suggestion-mode .bench-zone h3{font-size:1rem;line-height:1.4;}
body.team-suggestion-mode .bench-zone h3 span,
body.team-suggestion-mode .team-suggestion-count,
body.team-suggestion-mode #ownedCount{font-size:.76rem;}

/* Compact Team Guide introductory copy. */
body.team-suggestion-mode #teamSuggestionStep{margin:0 0 4px;line-height:1.2;}
body.team-suggestion-mode #teamSuggestionTitle{margin:0 0 6px;line-height:1.2!important;}
body.team-suggestion-mode #teamSuggestionHelp{margin:0;line-height:1.45;}
body.team-suggestion-mode .team-suggestion-heading{padding-bottom:12px;}
body.team-suggestion-mode .team-entry-buttons{margin-top:12px;}

/* Compact the selected-player bench, especially its empty state. */
body.team-suggestion-mode .owned-section #ownedTitle{font-size:1.12rem!important;line-height:1.25!important;}
body.team-suggestion-mode #ownedHelp{font-size:.8rem;line-height:1.45;margin:5px 0 0;}
body.team-suggestion-mode .owned-section .section-heading{margin-bottom:12px;row-gap:8px!important;}
body.team-suggestion-mode .owned-section .coach-step-number{width:34px;height:34px;min-width:34px;flex-basis:34px;font-size:16px;}
body.team-suggestion-mode .owned-section .coach-step-heading{grid-template-columns:34px minmax(0,1fr)!important;}
body.team-suggestion-mode #ownedPlayers{gap:10px;}
body.team-suggestion-mode .bench-zone{padding:10px 12px;}
body.team-suggestion-mode .bench-zone h3{font-size:.88rem;line-height:1.3;margin:0 0 6px;}
body.team-suggestion-mode .bench-zone h3 span{font-size:.72rem;}
body.team-suggestion-mode .bench-empty{font-size:.78rem;line-height:1.4;margin:3px 0 7px;}
body.team-suggestion-mode .bench-seats{padding:2px 0 6px;border-bottom-width:2px;}

.bench-zone-icon{display:inline-block;width:18px;height:18px;vertical-align:-4px;margin-right:7px;color:var(--green);}

/* Decorative perspective pitch behind the team introduction. */
.team-suggestion-heading{position:relative;isolation:isolate;overflow:hidden;}
.team-pitch-decoration{position:absolute!important;right:-15px;bottom:0;width:48%;max-width:390px;opacity:.38;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%);}
.team-pitch-decoration svg{display:block;width:100%;height:auto;}
.team-suggestion-heading>div:not(.team-pitch-decoration){position:relative;z-index:1;}
@media(max-width:700px){.team-pitch-decoration{width:70%;right:-35px;opacity:.2;}.team-suggestion-heading{min-height:100px;}}

.team-roster-icon{display:grid;place-items:center;width:34px;height:38px;color:var(--green);}.team-roster-icon svg{width:32px;height:32px;}
body.team-suggestion-mode .bench-zone h3{display:flex;align-items:center;gap:5px;}.bench-zone h3 .bench-zone-icon{flex:0 0 18px;margin:0;}
body.team-suggestion-mode .bench-zone h3 .bench-zone-actions{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;float:none;}
.bench-zone-actions button{font:600 11px 'Anuphan',sans-serif;color:var(--green);border:1px solid rgba(140,219,104,.3);background:transparent;border-radius:7px;padding:4px 7px;cursor:pointer;}
.bench-zone-actions button:disabled{opacity:.35;cursor:default;}

/* Two rows of position zones on wider screens. */
body.team-suggestion-mode .bench-zone{min-width:0;}
@media(min-width:701px){body.team-suggestion-mode #ownedPlayers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}

.team-plan-filters{margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;padding:10px;}.team-plan-filters summary{cursor:pointer;color:var(--green);font-size:13px;}
.team-plan-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}.team-plan-modes button{padding:12px 6px;background:transparent;border:1px solid var(--green);color:var(--green);border-radius:10px;font:600 14px 'Anuphan',sans-serif;}.team-plan-modes button[aria-pressed="true"]{background:#dae321;color:#10170f;border-color:#dae321;}
#manualFormationControls{margin:12px 0;}#manualFormationControls label{display:block;margin-bottom:6px;color:var(--green);font-size:13px;}#manualFormationSelect{width:100%;padding:12px;background:#06170d;color:var(--text);border:1px solid var(--line);border-radius:10px;font:600 15px 'Anuphan',sans-serif;}
/* Perspective field surface, with upright player cards. */
body.team-suggestion-mode .squad-pitch{isolation:isolate;background:transparent;border:0;box-shadow:none;overflow:visible;}
body.team-suggestion-mode .squad-pitch::before{content:"";position:absolute;inset:0;z-index:-1;border:2px solid rgba(214,237,216,.65);border-radius:12px;background:repeating-linear-gradient(0deg,#155a31 0,#155a31 12.5%,#124d2b 12.5%,#124d2b 25%);transform:perspective(850px) rotateX(18deg);transform-origin:center bottom;box-shadow:0 12px 0 #092315,0 20px 30px #0008;}
body.team-suggestion-mode .squad-pitch .pitch-box,body.team-suggestion-mode .squad-pitch .pitch-halfway,body.team-suggestion-mode .squad-pitch .pitch-centre-circle{opacity:.7;}

body.team-suggestion-mode .squad-pitch::before{inset:0!important;width:auto!important;height:auto!important;transform:none!important;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#155a31 0,#155a31 12.5%,#124d2b 12.5%,#124d2b 25%);}
body.team-suggestion-mode .squad-pitch .pitch-halfway{left:6%;right:6%;}
body.team-suggestion-mode .squad-lineup-heading h3{font-size:1rem;}

body.team-suggestion-mode .lineup-empty-card{width:40px;aspect-ratio:3/4;}
body.team-suggestion-mode .lineup-empty-slot>small{display:none;}

/* Roster heading: actions beside title, explanation across the full row. */
body.team-suggestion-mode .owned-section>.section-heading{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;align-items:center;}
body.team-suggestion-mode .owned-section .coach-step-copy{display:contents;}
body.team-suggestion-mode .owned-section #ownedTitle{grid-column:2;grid-row:1;margin:0!important;}
body.team-suggestion-mode .owned-section .team-roster-icon{grid-column:1;grid-row:1;}
body.team-suggestion-mode .owned-section .team-heading-actions{grid-column:3!important;grid-row:1!important;margin:0!important;justify-self:end;}
body.team-suggestion-mode #ownedCount{display:none!important;}
body.team-suggestion-mode #ownedHelp{grid-column:1/-1;grid-row:2;margin:3px 0 0!important;text-align:left;}
body.team-suggestion-mode .owned-section .coach-step-line{display:none!important;}
body.team-suggestion-mode #clearTeamButton{padding:5px 9px;min-height:28px;font-size:11px;white-space:nowrap;}
/* Slim team-budget segmented controls. */
body.team-suggestion-mode .team-budget-modes{gap:6px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#041108;}
body.team-suggestion-mode .team-budget-modes button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 8px;font-size:13px;line-height:1.2;border-radius:8px;box-shadow:none;border:1px solid transparent;background:transparent;color:var(--muted);}
body.team-suggestion-mode .team-budget-modes button.active{background:rgba(140,219,104,.12);border-color:rgba(140,219,104,.45);color:var(--green);}
body.team-suggestion-mode .team-budget-modes .team-budget-icon{font-size:16px;width:20px;height:20px;line-height:20px;margin:0;padding:0;background:none;box-shadow:none;}

/* Formation filter shares the title row. */
body.team-suggestion-mode .squad-plans{display:grid;grid-template-columns:minmax(0,1fr) 36px;column-gap:10px;align-items:center;}
body.team-suggestion-mode .squad-plans>.section-heading{grid-column:1;grid-row:1;display:block!important;margin:0!important;padding:0!important;}
body.team-suggestion-mode .squad-plans .coach-step-line,body.team-suggestion-mode #squadStep{display:none!important;}
body.team-suggestion-mode #squadPlanTitle{margin:0!important;}
body.team-suggestion-mode .team-plan-filters{display:contents;}
body.team-suggestion-mode .team-plan-filters summary{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;border:1px solid var(--green);border-radius:18px;list-style:none;color:var(--green);}
body.team-suggestion-mode .team-plan-filters summary::-webkit-details-marker{display:none;}
body.team-suggestion-mode .team-plan-filters summary svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;}
body.team-suggestion-mode .team-plan-filters[open] summary{background:rgba(140,219,104,.15);}
body.team-suggestion-mode .team-plan-filters .team-guide-recommendation-controls{grid-column:1/-1;margin-top:12px;}
body.team-suggestion-mode .squad-plans>.team-plan-modes,body.team-suggestion-mode .squad-plans>#manualFormationControls,body.team-suggestion-mode .squad-plans>.squad-warning,body.team-suggestion-mode .squad-plans>.squad-plan-list{grid-column:1/-1;}

body.team-suggestion-mode .team-plan-filters::details-content{display:contents;}

body.team-suggestion-mode .squad-plans{grid-template-columns:minmax(0,1fr) auto;}
body.team-suggestion-mode .team-plan-filters summary{width:auto;gap:5px;padding:0 9px;white-space:nowrap;font-size:12px;}
body.team-suggestion-mode .team-plan-filters summary svg{flex:0 0 18px;width:18px;height:18px;}

body.team-suggestion-mode .team-plan-filters:not([open])>.team-guide-recommendation-controls{display:none!important;}

/* Keep the team pitch compact instead of stretching it on phones. */
body.team-suggestion-mode .squad-pitch{aspect-ratio:3/4;}
body.team-suggestion-mode .squad-pitch .lineup-player[data-slot="GK"]{top:90%;}

body.team-suggestion-mode .team-budget-modes{grid-template-columns:1fr;}
body.team-suggestion-mode .team-budget-modes button{justify-content:flex-start;padding:7px 10px;min-height:36px;}
@media(min-width:900px){body.team-suggestion-mode .team-budget-modes{grid-template-columns:1fr 1.5fr 1fr;}}

/* Use the Tactic Coach field artwork with upright player cards. */
body.team-suggestion-mode .squad-pitch{width:100%;max-width:1000px;aspect-ratio:auto;height:clamp(360px,48vw,570px);margin:18px auto 12px;}
body.team-suggestion-mode .squad-pitch::before{display:none;}
.squad-coach-field{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 12px #0003);pointer-events:none;}
body.team-suggestion-mode .squad-pitch .lineup-player[data-slot="GK"]{top:89%;}
@media(min-width:701px){body.team-suggestion-mode .squad-pitch .lineup-player{width:64px;}body.team-suggestion-mode .squad-pitch .lineup-card-art{height:68px;}}

body.team-suggestion-mode #manualFormationControls{margin:0 0 6px;}
body.team-suggestion-mode #manualFormationControls label{margin-bottom:4px;}
body.team-suggestion-mode .team-plan-modes{margin-bottom:6px;}

.team-tactic-link{display:block;text-align:center;margin:20px 0 0;padding:12px 14px;border-radius:12px;background:#dae321;color:#10170f;font-weight:700;text-decoration:none;}

/* Team Guide signed-out entry. */
body.team-suggestion-mode:not(.team-authenticated) .owned-section,body.team-suggestion-mode:not(.team-authenticated) .squad-plans,body.team-suggestion-mode:not(.team-authenticated) .team-entry-buttons,body.team-suggestion-mode:not(.team-authenticated) .team-latest-block,body.team-suggestion-mode:not(.team-authenticated) .search-panel,body.team-suggestion-mode:not(.team-authenticated) #playerResultsPanel,body.team-suggestion-mode:not(.team-authenticated) .method-note{display:none!important;}
.team-login-panel{margin-top:12px;}.team-login-panel p{font-size:13px;color:var(--muted);}.team-login-providers{display:flex;gap:8px;flex-wrap:wrap;}.team-login-providers button,.team-logout{border:1px solid var(--green);border-radius:20px;padding:8px 16px;background:transparent;color:var(--green);cursor:pointer;}.team-logout{position:absolute;right:0;top:0;padding:4px 10px;font-size:12px;}.team-login-dialog{width:min(90vw,420px);background:#06170d;color:#edf4e9;border:1px solid #8cdb68;border-radius:18px;padding:24px;}.team-login-dialog::backdrop{background:#000a;}.team-login-dialog h2{font-size:19px;margin:12px 0 20px;}.team-login-close{float:right;background:none;border:0;color:#fff;font-size:24px;}.team-auth-message{font-size:12px;line-height:1.5;color:#d4bd75;}

.team-login-providers{display:grid;grid-template-columns:1fr;gap:10px;max-width:360px;}
.team-login-providers button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 14px;border-radius:8px;font:500 14px/1.4 'Anuphan',sans-serif;}
.team-login-providers button img,.team-login-providers button svg{width:20px;height:20px;flex:0 0 20px;object-fit:contain;}
.team-login-providers [data-auth-provider="google"]{background:#fff;color:#1f1f1f;border-color:#747775;}
.team-login-providers [data-auth-provider="twitter"]{background:#000;color:#fff;border-color:#747775;}
.team-login-providers [data-auth-provider="facebook"]{background:#1877f2;color:#fff;border-color:#1877f2;}
.team-login-providers button:hover{filter:brightness(.94);}.team-login-providers button:focus-visible{outline:2px solid #8cdb68;outline-offset:3px;}

/* Center the currently available Google sign-in option. */
.team-login-panel{text-align:center;}
.team-login-providers{width:100%;margin-inline:auto;}
.team-login-providers button{justify-content:center;}
.team-login-dialog{text-align:center;}

.team-cloud-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px;font-size:12px;color:var(--muted);}.team-cloud-status button{background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--green);font-size:11px;}

/* Compact signed-out team login spacing. */
body.team-suggestion-mode:not(.team-authenticated) .team-suggestion-intro{gap:10px;}
.team-login-panel{margin-top:0;}
.team-login-panel>p:first-child{margin:0 0 10px;line-height:1.5;}
.team-login-panel .team-auth-message:empty{display:none;}

/* TACTIC SCORE wordmark: crop preview padding without changing the artwork. */
.review-score-wide .review-score-brand{display:block;width:clamp(150px,28vw,240px);height:auto;aspect-ratio:10 / 1;object-fit:cover;object-position:center 47.5%;filter:contrast(3);mix-blend-mode:screen;flex:none;}
.review-score-wide .review-score-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Compact scrollable position choices and TACTIC SCORE brand colours. */
.analysis-position-picker{display:block;min-width:0;margin:-4px 0 8px;}
.analysis-position-picker>strong{display:block;margin-bottom:10px;}
.analysis-position-picker #analysisPositionButtons{display:flex;flex-wrap:nowrap;gap:7px;min-width:0;max-width:100%;overflow-x:auto;padding:2px 2px 6px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(140,219,104,.35) transparent;-webkit-overflow-scrolling:touch;}
#analysisPositionButtons button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;}
.analysis-position-picker+.role-verdict{margin-top:0;}
.review-score.review-score-wide{border:1px solid #fff;background:#000;}
.review-score.review-score-wide strong{color:#ecf500;}

/* Keep logout above the heading copy, and squad cards compact. */
.team-suggestion-heading .team-logout{z-index:2;min-height:32px;}
.bench-seats .owned-chip{flex:0 0 76px;width:76px;padding:4px 0;border:0;border-radius:0;background:transparent;gap:4px;}
.bench-seats .owned-card-thumbnail{width:64px;height:80px;}
.bench-seats .owned-card-thumbnail .full-card-thumbnail{width:64px!important;height:80px!important;}
.bench-seats .owned-short-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;font-size:11px;}
.bench-seats .owned-chip button{right:0;top:0;width:24px;height:24px;padding:0;line-height:24px;z-index:1;}

body.team-suggestion-mode .team-budget-modes [data-exclude-signatures="true"] .team-budget-icon{width:28px;height:28px;flex:0 0 28px;}
.team-budget-icon img{display:block;width:100%;height:100%;object-fit:contain;}

/* FC TACTIC account dialog: a composed brand header and clear sign-in action. */
dialog.team-login-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:400px;max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;padding:28px 24px 22px;border:1px solid rgba(236,245,0,.32);border-radius:24px;background:radial-gradient(ellipse at 50% 0,rgba(140,219,104,.10),transparent 65%),#07110c;color:#f5f6ed;text-align:center;box-shadow:0 24px 80px #0009;}
dialog.team-login-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.team-login-dialog .team-login-dismiss{position:absolute;right:10px;top:10px;margin:0;padding:0;}
.team-login-dialog .team-login-close{float:none;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:10px;border:1px solid #ffffff18;border-radius:50%;background:#ffffff08;color:#a9b8ae;cursor:pointer;}
.team-login-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.team-login-dialog .team-login-close:hover{background:#ffffff16;color:#fff;}
.team-login-dialog .team-login-close:focus-visible{outline:2px solid #ecf500;outline-offset:2px;}
.team-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 30px 24px;border-bottom:1px solid #ffffff12;}
.team-login-brand img{width:128px;height:64px;object-fit:contain;}
.team-login-brand>span{font:600 8px/1.5 'Chakra Petch',sans-serif;letter-spacing:1.6px;color:#8d9d92;}
.team-login-copy{padding:24px 0;}
.team-login-dialog .team-login-eyebrow{margin:0 0 8px;color:#ecf500;font:700 10px/1.4 'Chakra Petch',sans-serif;letter-spacing:2px;}
.team-login-dialog h2{display:block;margin:0 0 10px;padding:0;font:700 25px/1.4 'Anuphan',sans-serif;letter-spacing:0;color:#f5f6ed;}
.team-login-dialog h2::after,.team-login-dialog h2::before{display:none;}
.team-login-dialog #teamLoginDescription{margin:0;color:#a4b2a9;font:400 14px/1.75 'Anuphan',sans-serif;}
.team-login-dialog .team-login-providers button{min-height:50px;border:1px solid #dadce0;border-radius:12px;font-size:14px;}
.team-login-dialog .team-login-footnote{margin:18px 0 0;font:400 11px/1.6 'Anuphan',sans-serif;color:#7e9084;}
.team-login-dialog .team-auth-message:empty{display:none;}
@media(max-width:360px){dialog.team-login-dialog{padding:24px 18px 20px;}.team-login-dialog h2{font-size:23px;}}

/* Account access directly below the language switch. */
.head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;}
.header-account{display:flex;justify-content:flex-end;max-width:100%;}
.header-account .team-logout,.header-account .header-login{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border:1px solid rgba(140,219,104,.45);border-radius:999px;background:#07110ccc;color:#ecf500;font:600 11px/1.4 'Chakra Petch',sans-serif;cursor:pointer;white-space:nowrap;}
.header-account [hidden]{display:none!important;}
.header-account button:hover{background:#18301e;border-color:#8cdb68;}

/* Transparent account buttons beneath the language switch. */
.header-account .header-login,.header-account .team-logout,.header-account button:hover{background:transparent;}

.header-account .header-login,.header-account .team-logout,.header-account button:hover{color:#fff;border-color:#fff;}

/* Tighten latest-player action spacing and lift the search panel on phones. */
@media(max-width:700px){
 body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{padding-bottom:3px;align-content:start;}
 body:not(.team-suggestion-mode) .new-card-strip-panel #latestCardStrip{padding-bottom:3px;}
 body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:0;}
 body:not(.team-suggestion-mode) .search-panel{margin-top:3px;}
}

/* Keep touch scrolling inside the role guide sheet. */
.role-guide-dialog-shell{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.role-guide-dialog::backdrop{touch-action:none;}

.role-swipe-hint{display:block;text-align:right;color:#92aa9c;font:400 12px/1.5 'Anuphan',sans-serif;margin:4px 0 6px;}
.role-swipe-hint[hidden]{display:none;}

/* Align the browsing hint with the position analysis heading. */
.analysis-position-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;}
.analysis-position-picker>strong{margin-bottom:8px;}
.analysis-position-picker>.role-swipe-hint{margin:0 0 8px;white-space:nowrap;}
.analysis-position-picker>#analysisPositionButtons{grid-column:1 / -1;}

.analysis-position-picker>strong,.analysis-position-picker>.role-swipe-hint{margin-bottom:2px;}
.analysis-position-picker{row-gap:0;}

.search-icon-heading{display:flex;align-items:center;gap:10px;}
.search-heading-icon{width:27px;height:27px;object-fit:contain;flex-shrink:0;}
.compact-search-field{display:flex!important;align-items:center;gap:8px;}
.compact-search-field input{min-width:0;flex:1;width:0!important;padding-right:0!important;}
.compact-search-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;padding-right:5px;}
.compact-search-actions[hidden]{display:none!important;}
.compact-search-actions .inline-search-submit,.compact-search-actions #searchClear{position:static!important;transform:none!important;width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;margin:0!important;padding:4px 8px!important;border:1px solid #8cdb6855!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#8cdb68!important;font:600 12px/1.3 'Anuphan',sans-serif!important;}
.compact-search-actions #searchClear{border-color:#ffffff25!important;color:#adbbb1!important;}

.search-wrap.compact-search-field>.compact-search-actions{position:static!important;inset:auto!important;transform:none!important;margin-left:auto!important;flex:0 0 auto;width:auto;color:inherit;}
.search-wrap.compact-search-field>input{position:static;flex:1 1 0%;min-width:0;}

/* One search action beside the name, or below expanded filters. */
.search-panel .search-icon-heading{width:100%;justify-content:center;text-align:center;}
.search-panel .section-heading{justify-content:center;}
.search-panel #searchTitle{flex:0 1 auto;text-align:center;}
.compare-name-search-row{display:flex;align-items:center;gap:10px;grid-column:1/-1;min-width:0;}
.compare-name-search-row>.search-field{flex:1;min-width:0;}
.search-panel #searchSubmit.beside-name-search{flex:0 0 auto;width:auto;min-width:68px;min-height:48px;height:48px;margin:0;padding:10px 14px;font-size:14px;border-radius:12px;}
.search-panel .compact-search-field input{padding-left:32px;}
@media(max-width:400px){.compare-name-search-row{gap:7px;}.search-panel #searchSubmit.beside-name-search{min-width:59px;padding:8px 10px;font-size:13px;}.search-panel .compact-search-actions #searchClear{padding:4px 5px!important;font-size:11px!important;}}

/* Keep all optional filters behind one heading control. */
.search-panel>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.search-panel .search-icon-heading{flex:1;min-width:0;width:auto;justify-content:flex-start;text-align:left;}
.search-panel #searchTitle{text-align:left;}
.search-panel>.section-heading>#advancedFilterToggle{flex:0 0 auto;margin:0;white-space:nowrap;}
.search-panel>.section-heading>.coach-step-line{display:none;}
.search-panel #advancedSearchFilters>.position-filter-group{grid-column:1/-1;}
.search-panel #advancedSearchFilters[hidden]{display:none!important;}
@media(max-width:700px){.search-panel>.section-heading{gap:8px;}.search-panel #searchTitle{font-size:18px!important;line-height:1.35;}.search-panel .search-heading-icon{width:22px;height:22px;}.search-panel .search-icon-heading{gap:7px;}.search-panel>.section-heading>#advancedFilterToggle{padding:6px 9px;font-size:12px;}}
.search-panel>.section-heading{flex-direction:row!important;flex-wrap:nowrap!important;}
.search-panel>.section-heading>.search-icon-heading{width:auto!important;flex:1 1 0%;}

/* Keep Clear within the input's own outline. */
.search-wrap.compact-search-field{position:relative;}
.search-wrap.compact-search-field>.compact-search-actions{position:absolute!important;left:auto!important;right:6px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;padding:0;}
.search-wrap.compact-search-field>input{width:100%!important;}
.search-wrap.compact-search-field:has(.compact-search-actions:not([hidden]))>input{padding-right:66px!important;}

/* Keep search headings and input actions aligned at every width. */
.search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;}
.search-panel .search-icon-heading>.step,.compare-search-panel .search-icon-heading>.step{display:none;}
.search-panel .search-icon-heading>#headerConcept,.compare-search-panel .search-icon-heading>#headerConcept{grid-column:2;margin:4px 0 0;}
.compare-name-search-row{align-items:flex-end;}
.search-panel .search-heading-tools:empty{display:none;}
.search-panel #advancedSearchFilters>.position-filter-group,.compare-search-panel #advancedSearchFilters>.position-filter-group{width:100%;min-width:0;}
.search-panel .compare-name-search-row,.compare-search-panel .compare-name-search-row{align-items:flex-end;}
@media(min-width:701px){.search-panel #advancedSearchFilters,.compare-search-panel #advancedSearchFilters{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1101px){.search-panel #advancedSearchFilters,.compare-search-panel #advancedSearchFilters{grid-template-columns:repeat(4,minmax(0,1fr));}}



/* Inline search description and title-sized icon. */
@media(min-width:701px){
 .search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;}
 .search-panel .search-icon-heading>#headerConcept,.compare-search-panel .search-icon-heading>#headerConcept{display:block;margin:0!important;}
 .search-panel>.section-heading,.compare-search-panel>.section-heading{margin-bottom:8px!important;}
}
.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:1em;height:1em;font-size:inherit;align-self:center;}
.search-panel .search-icon-heading,.compare-search-panel .search-icon-heading{font-size:clamp(18px,2.1vw,26px);}
.search-panel .compare-name-search-row,.compare-search-panel .compare-name-search-row{margin-top:0;}
.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:1.3rem;height:1.3rem;}
.search-panel .search-icon-heading>#searchTitle,.compare-search-panel .search-icon-heading>#searchTitle{margin:0;}
@media(max-width:700px){.search-panel .search-heading-icon,.compare-search-panel .search-heading-icon{width:18px;height:18px;}}
@media(min-width:701px){
 .search-panel #searchNameLabel,.compare-search-panel #searchNameLabel{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;}
 .search-panel .compare-name-search-row>.search-field,.compare-search-panel .compare-name-search-row>.search-field{display:block!important;}
}

/* Search uses the TACTIC SCORE brand yellow. */
body #searchSubmit,body #searchSubmit:hover,body.team-suggestion-mode #searchSubmit,body.team-suggestion-mode #searchSubmit:hover{background:#ecf500!important;border-color:#ecf500!important;color:#10170f!important;box-shadow:none!important;}

/* Match the breathing room around Compare's latest-player cards. */
body:not(.team-suggestion-mode) .new-card-strip-panel{padding-bottom:6px;}
body:not(.team-suggestion-mode) .new-card-strip-panel #latestCardStrip{padding:0 2px 7px;}
body:not(.team-suggestion-mode) .search-panel{margin-top:6px;}

/* Keep Team Guide's search title and filter on one compact row. */
body.team-suggestion-mode .search-panel>.section-heading{display:flex!important;align-items:center;gap:8px;}
body.team-suggestion-mode .search-panel .search-icon-heading{display:flex!important;flex:1 1 auto!important;min-width:0;flex-wrap:nowrap!important;align-items:center;gap:7px;}
body.team-suggestion-mode .search-panel .search-heading-icon{width:18px;height:18px;flex:0 0 18px;}
body.team-suggestion-mode .search-panel #searchTitle{white-space:nowrap!important;word-break:normal;min-width:0;flex:1;margin:0;text-align:left;font-size:clamp(12px,3.8vw,20px)!important;}
body.team-suggestion-mode .search-panel #headerConcept{display:none!important;}
body.team-suggestion-mode .search-panel #advancedFilterToggle{flex:0 0 auto!important;}

.team-remove-notice{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border:1px solid #ecf500;border-radius:14px;background:#06170d;color:#edf4e9;font:600 14px/1.5 Anuphan,sans-serif;box-shadow:0 8px 24px #0008;pointer-events:none;}

/* Approved compact borderless profile metadata, 13 September 2026. */
body .player-head .profile-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:min(100%,390px);margin:14px auto 10px;text-align:center;}
body .player-head .profile-meta-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;margin:0;padding:0;background:none;border:0;}
body .player-head .profile-meta-label{font:500 12px/1.4 Anuphan,sans-serif;color:#a2b5a8;}
body .player-head #playerSeriesBadge,body .player-head #playerVersion,body .player-head #profilePositions,body .player-head .star-shard-value{font:700 clamp(18px,4.7vw,24px)/1.25 'Chakra Petch',sans-serif;color:#f4f7f2;}
body .player-head #playerSeriesBadge{font-size:clamp(16px,4.4vw,22px);overflow-wrap:anywhere;}
body .player-head #profilePositions{font-size:clamp(15px,4.1vw,20px);}
body .player-head #profilePositions span{font-weight:500;color:#a2b5a8;}
body .player-head .star-shard-value{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
body .player-head .star-shard-value strong{font:inherit;color:inherit;}
body .player-head .star-shard-icon{width:24px;height:24px;object-fit:contain;}
body .player-head .profile-no-exchange{font:500 clamp(15px,4.1vw,20px)/1.25 "Chakra Petch",Anuphan,sans-serif;color:#a2b5a8;}
body .player-head #profileCollectionBadge{max-width:100%;margin:8px auto 14px;padding:8px 12px;gap:8px;white-space:normal;justify-content:center;}
body .player-head #profileCollectionBadge span{font:600 clamp(10px,2.8vw,13px)/1.4 'Chakra Petch',sans-serif;}
body .player-head #profileCollectionBadge i{flex-shrink:0;}
body .player-head .profile-metadata-grid #playerStarSignings{margin:0!important;letter-spacing:0;}

body .player-head .profile-metadata-grid .player-series-line,body .player-head .profile-metadata-grid .player-version-line{margin:0!important;line-height:1.25;}

/* Collection members: inset artwork/copy and center the bonus assessment title. */
.profile-collection-member .profile-collection-select{padding-left:10px;min-width:0;}
.profile-collection-member > .profile-collection-analysis > h3{text-align:center;}

.profile-collection-member > .profile-collection-analysis > h3{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
.collection-opinion-logo{display:block;width:64px;height:22px;object-fit:contain;flex:none;}

/* Keep exchange cost secondary to the player identity. */
body .player-head .star-shard-value{font-size:clamp(14px,3.7vw,18px);gap:4px;}
body .player-head .star-shard-icon{width:18px;height:18px;flex:0 0 18px;}

/* Editorial thought capsule, above same-name cards. */
.player-thought{margin:18px 0 14px;background:#000;color:#fff;border:1px solid #ffffff30;border-radius:28px;overflow:hidden;}
.player-thought[hidden]{display:none;}
.player-thought>summary{display:flex;align-items:center;gap:16px;list-style:none;padding:16px 22px;cursor:pointer;}
.player-thought>summary::-webkit-details-marker{display:none;}
.thought-quote{flex:1;font:500 16px/1.7 Anuphan,sans-serif;}
.thought-toggle{flex-shrink:0;font:600 12px/1.5 Anuphan,sans-serif;white-space:nowrap;}
.thought-toggle::after{content:'⌄';display:inline-block;margin-left:8px;font-size:20px;transition:transform .2s;}
.player-thought[open] .thought-toggle::after{transform:rotate(180deg);}
.thought-full{padding:0 22px 18px;border-top:1px solid #ffffff20;font:400 14px/1.8 Anuphan,sans-serif;}
.thought-full p{margin:12px 0;}.thought-full small{display:block;color:#aeb8b1;font-size:11px;}
@media(max-width:700px){.player-thought>summary{padding:14px 16px;gap:8px;flex-wrap:wrap;}.thought-quote{flex-basis:100%;font-size:14px;}.thought-toggle{margin-left:auto;}.thought-full{padding:0 16px 16px;}}

.player-thought .thought-heading{display:none;}
.player-thought[open] .thought-quote{display:none;}
.player-thought[open] .thought-heading{display:block;flex:1;color:#fff;font:700 18px/1.5 Anuphan,sans-serif;text-align:left;}
.player-thought[open]>summary{flex-wrap:nowrap;}

/* Let the disclosure arrow flow with the last line of the quote. */
.player-thought{border:0;}
.player-thought:not([open])>summary{display:block;}
.player-thought:not([open]) .thought-quote{display:inline;}
.player-thought:not([open]) .thought-toggle{display:inline;margin:0 0 0 4px;white-space:nowrap;}
.player-thought:not([open]) .thought-toggle::after{margin-left:0;vertical-align:baseline;}

/* Anchor the collapsed arrow at the right of the final text line. */
.player-thought:not([open])>summary{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;}
.player-thought:not([open]) .thought-quote{display:block;flex:1 1 auto;min-width:0;}
.player-thought:not([open]) .thought-toggle{display:block;flex:0 0 auto;margin:0;line-height:1.7;}

/* Slim thought capsule; retain a comfortable disclosure target. */
.player-thought{border-radius:20px;margin:12px 0 10px;}
.player-thought>summary{padding:10px 16px;min-height:44px;box-sizing:border-box;}
.player-thought .thought-quote{font-size:14px;line-height:1.55;}
@media(max-width:700px){.player-thought>summary{padding:9px 14px;}.player-thought .thought-quote{font-size:13px;line-height:1.55;}}

/* Unbroken black surface between the Thoughts heading and body. */
.player-thought .thought-full{border-top:0;}
.player-thought>summary:focus{outline:none;box-shadow:none;border-bottom:0;}
.player-thought:has(>summary:focus-visible){outline:2px solid #ffffff80;outline-offset:3px;}

/* Compact collection badge below the name on mobile. */
@media(max-width:700px){
 body .player-head #profileCollectionBadge{width:max-content;max-width:100%;min-height:0;margin:3px auto 7px;padding:4px 9px;gap:5px;border-radius:999px;line-height:1.2;}
 body .player-head #profileCollectionBadge span{font-size:10px;line-height:1.2;}
 body .player-head #profileCollectionBadge i{width:14px;height:14px;min-width:14px;font-size:10px;line-height:12px;}
}

/* Tighten the mobile profile stack, not just the bonus pill. */
@media(max-width:700px){
 body .player-head .profile-copy #playerName{margin-bottom:4px;}
 body .player-head #profileCollectionBadge{margin-top:2px;margin-bottom:3px;}
 body .player-head .profile-metadata-grid{margin:5px auto 3px;row-gap:7px;}
 body .player-head .profile-meta-cell{gap:1px;}
 body .player-head .profile-meta-label{line-height:1.2;}
 body .player-head .player-head-actions{margin-top:7px;}
}

/* Center the desktop quote within the capsule, keeping the arrow at right. */
@media(min-width:701px){
 .player-thought:not([open])>summary{position:relative;padding-inline:44px;justify-content:center;}
 .player-thought:not([open]) .thought-quote{text-align:center;}
 .player-thought:not([open]) .thought-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);}
}

/* Filled disclosure triangle follows the text. */
.player-thought:not([open])>summary{display:block;padding-inline:16px;}
.player-thought:not([open]) .thought-quote{display:inline;}
.player-thought:not([open]) .thought-toggle{display:inline;position:static;transform:none;margin-left:6px;line-height:inherit;}
.player-thought .thought-toggle::after{content:'▼';font-size:11px;margin-left:0;vertical-align:middle;}
.player-thought[open] .thought-heading{flex:0 1 auto;}
.player-thought[open] .thought-toggle{margin-left:0;}
@media(min-width:701px){.player-thought:not([open])>summary{text-align:center;}}

.player-thought .thought-positive{color:#ecf500;}
.player-thought .thought-caution{color:#ff9b45;}

/* Keep the position and exchange values on matching metadata rows. */
body .player-head .profile-metadata-grid #playerStarSignings{justify-content:flex-start;flex-wrap:nowrap;gap:4px;}
@media(max-width:700px){body .player-head .profile-metadata-grid #playerStarSignings{gap:1px;}}

/* Compact expanded Thought spacing. */
.player-thought[open]>summary{padding-bottom:4px;}
.player-thought .thought-full{line-height:1.6;padding-bottom:14px;}
.player-thought .thought-full p{margin:0;}
.player-thought .thought-full p+p{margin-top:10px;}

/* Keep formation actions in their own row; long translations must not cover copy. */
body.team-suggestion-mode .squad-plan-entry>.squad-plan{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-right:0!important;gap:10px;}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:first-child,
body.team-suggestion-mode .squad-plan-entry>.squad-plan>div:nth-child(2){grid-column:1;grid-row:auto;min-width:0;}
body.team-suggestion-mode .squad-plan-entry>.squad-plan>.squad-plan-actions{position:static!important;grid-column:1!important;grid-row:auto!important;transform:none!important;width:100%!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center!important;gap:12px;}
body.team-suggestion-mode .squad-plan-actions .squad-lineup-toggle{white-space:normal;text-align:right;justify-content:flex-end;min-height:44px;max-width:calc(100% - 76px);}
body.team-suggestion-mode .squad-plan-actions .squad-lineup-toggle span{flex-shrink:0;}

/* Soft white halo behind the player quote capsule. */
.player-thought{box-shadow:0 0 14px 2px rgba(255,255,255,.16),0 0 34px 6px rgba(255,255,255,.09);}

/* Six equal product tabs, including News. Keep the same geometry on every page. */
.header-card .product-nav{grid-template-columns:repeat(6,minmax(0,1fr));}
@media(max-width:420px){.header-card .product-nav a{font-size:.54rem;letter-spacing:0;padding-inline:1px;}}

/* Keep all six product tabs on one row, including page-specific styles. */
@media(max-width:700px){
  .header-card .product-nav a,.header-card .product-nav a.active{
    font-size:clamp(8px,2.2vw,10px)!important;
    letter-spacing:0!important;
    padding-inline:1px!important;
  }
}

/* Align the outer labels with the content shell and center every single-line tab. */
.header-card.header-card .product-nav{
  display:flex;justify-content:space-between;align-items:center;gap:0;
  width:min(900px,calc(100vw - 36px));max-width:none;
  margin:6px 0 0;left:50%;transform:translateX(-50%);
}
.header-card.header-card .product-nav a,
.header-card.header-card .product-nav a.active{
  flex:0 0 auto!important;width:auto!important;min-height:44px;
  flex-direction:row;align-items:center;justify-content:center;gap:0;
  padding:5px 0 8px!important;font-size:14px!important;
  line-height:1.2;letter-spacing:0!important;white-space:nowrap;
}
.header-card.header-card .product-nav .tab-line:empty{display:none}
@media(max-width:700px){
  .header-card.header-card .product-nav{width:calc(100vw - 24px)}
  .header-card.header-card .product-nav a,
  .header-card.header-card .product-nav a.active{font-size:clamp(10px,2.7vw,14px)!important}
}

/* Give the navigation a small inset from the content panel edges. */
.header-card.header-card .product-nav{width:min(876px,calc(100vw - 60px))}
@media(max-width:700px){
  .header-card.header-card .product-nav{width:calc(100vw - 48px)}
}

/* Compact existing product artwork above each navigation label. */
.header-card.header-card .product-nav a,
.header-card.header-card .product-nav a.active{flex-direction:column;gap:5px;min-height:60px;padding-top:6px!important;}
.header-card.header-card .product-nav .product-tab-icon{display:block;flex:none;width:20px;height:20px;object-fit:contain;color:#a6d985;}
@media(max-width:700px){.header-card.header-card .product-nav .product-tab-icon{width:18px;height:18px}.header-card.header-card .product-nav a,.header-card.header-card .product-nav a.active{gap:4px;min-height:56px}}

/* White navigation artwork, including the original dark-on-white tactic drawing. */
.header-card.header-card .product-nav .product-tab-icon{color:#fff;}
.header-card.header-card .product-nav img.product-tab-icon{filter:brightness(0) invert(1);}
.header-card.header-card .product-nav img.product-tab-icon[src*="tactical-plan-icon"]{filter:grayscale(1) invert(1);mix-blend-mode:screen;}


/* Slightly smaller Review artwork, keeping its alignment slot unchanged. */
.header-card.header-card .product-nav img.product-tab-icon[src*="analyze-green"]{object-fit:contain;padding:2px;box-sizing:border-box;}

/* The selected product icon follows its gold label. */
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f2c541;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:brightness(0) saturate(100%) invert(81%) sepia(66%) saturate(613%) hue-rotate(349deg) brightness(101%) contrast(90%);}

/* Gold selected navigation and a ten-percent smaller brand mark. */
.header-card.header-card .brand img.brand-mark{transform:scale(.9);transform-origin:center;}
.header-card.header-card .product-nav a.active,
.header-card.header-card .product-nav a.active .tab-line,
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f1c84d;}
.header-card.header-card .product-nav a.active::after{background:#f1c84d;box-shadow:0 0 8px #f1c84d47;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:brightness(0) saturate(100%) invert(91%) sepia(100%) saturate(1900%) hue-rotate(10deg) brightness(105%) contrast(106%);}

/* Equal perceived weight and exact gold color across active icon, text and underline. */
.header-card.header-card .product-nav .product-tab-tactic{transform:scale(1.12);}
.header-card.header-card .product-nav a.active,
.header-card.header-card .product-nav a.active .tab-line,
.header-card.header-card .product-nav a.active .product-tab-icon{color:#f1c84d!important;}
.header-card.header-card .product-nav a.active img.product-tab-icon,
.header-card.header-card .product-nav a.active .product-tab-tactic{filter:url(#navActiveGold);}

/* A little more breathing room above the product icons. */
.header-card.header-card .product-nav{margin-top:14px;}

/* Center the collapsed quote and inline disclosure at every viewport width. */
.player-thought:not([open])>summary{text-align:center;}

/* Reserve filter-button space and fit the full heading on one line. */
.search-panel>.section-heading>.search-icon-heading{display:flex;flex-wrap:nowrap;align-items:center;min-width:0;}
.search-panel .search-icon-heading>#searchTitle{min-width:0;flex:1 1 0%;white-space:nowrap!important;}
.search-panel .search-heading-icon,.search-panel #advancedFilterToggle{flex-shrink:0;}

.search-panel{container-type:inline-size;}
html[lang="en"] .search-panel .search-icon-heading>#searchTitle{font-size:clamp(10px,4cqw,20.8px)!important;}
body .search-panel>.section-heading{display:flex!important;}
body .search-panel>.section-heading>.search-icon-heading{display:flex!important;flex:1 1 0%!important;min-width:0!important;width:auto!important;}
body .search-panel .search-icon-heading>#searchTitle{display:block!important;flex:1 1 0%!important;min-width:0!important;}
body .search-panel>.section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;}
body .search-panel>.section-heading>.search-icon-heading{grid-column:1!important;width:100%!important;}
body .search-panel>.section-heading>.coach-step-line,body .search-panel>.section-heading>.search-heading-tools{display:none!important;}
body .search-panel>.section-heading>#advancedFilterToggle{grid-column:2;grid-row:1;}
body .search-panel .search-icon-heading>#headerConcept,body .search-panel .search-icon-heading>#searchStep{display:none!important;}

/* Inset the outer product tabs equally while keeping the row centered. */
.header-card.header-card .product-nav{width:min(852px,calc(100vw - 84px));}
@media(max-width:700px){.header-card.header-card .product-nav{width:calc(100vw - 72px);}}

/* Separate the expanded skill cards from the heading and its toggle. */
#profileSkillTree:has(.skill-tree-layout.expanded) .skill-tree-heading{margin-bottom:12px;}

/* Rank Skill: a centered gold-to-green connector with a chevron badge joins the core skill to its branches. */
#profileSkillTree .skill-tree-layout.expanded{column-gap:28px;row-gap:28px;}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before,
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{content:"";position:absolute;z-index:2;pointer-events:none;}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before{top:50%;right:-29px;bottom:auto;left:auto;width:28px;height:2px;translate:0 -50%;border-radius:2px;background:linear-gradient(90deg,rgba(242,193,78,.7),rgba(140,219,104,.7));}
#profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{top:50%;right:-24px;bottom:auto;left:auto;width:20px;height:20px;translate:0 -50%;border:1px solid rgba(140,219,104,.6);border-radius:50%;background:#071a0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%238cdb68' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 3px rgba(7,26,15,.9);color:transparent;}
@media(max-width:900px){
  #profileSkillTree .skill-tree-layout.expanded .skill-tree-core:before{top:auto;right:auto;bottom:-29px;left:50%;width:2px;height:28px;translate:-50% 0;background:linear-gradient(180deg,rgba(242,193,78,.7),rgba(140,219,104,.7));}
  #profileSkillTree .skill-tree-layout.expanded .skill-tree-core:after{top:auto;right:auto;bottom:-24px;left:50%;translate:-50% 0;rotate:90deg;}
}

.profile-bonus-bar{margin:14px 0;padding:12px 14px;border:1px solid #f1c84d66;border-radius:14px;background:#102014;}
.profile-bonus-bar[hidden]{display:none;}
.profile-bonus-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.profile-bonus-bar .profile-collection-badge{margin:0;max-width:none;min-width:0;flex:1;width:auto;justify-content:flex-start;}
.profile-bonus-bar .profile-collection-badge span{white-space:normal;}
#profileBonusToggle{flex:none;}
#profileBonusNote{margin:8px 0 0;font-size:12px;line-height:1.5;color:#a8bfac;}

/* One full-width PCB pill with its control inside the right edge. */
#profileBonusBar{width:100%;box-sizing:border-box;border:1px solid #f1c84d99;border-radius:999px;padding:7px 12px;background:linear-gradient(100deg,#302b13,#102014);}
#profileBonusBar .profile-collection-badge{border:0!important;background:transparent!important;box-shadow:none!important;padding:3px 0!important;color:#f1c84d;max-width:none!important;}
#profileBonusBar .profile-collection-badge:disabled{opacity:1;cursor:default;}
#profileBonusBar .profile-collection-badge span{white-space:nowrap;font-size:clamp(10px,2.6vw,14px);}
#profileBonusToggle{border:0;background:transparent;padding:4px;min-width:0;}
#profileBonusToggle[hidden],#profileBonusNone[hidden],#profileCollectionBadge i[hidden]{display:none!important;}
#profileBonusNone{flex:none;color:#c0c9bd;font-size:13px;}

/* Slim PCB strip without changing the full-width layout. */
#profileBonusBar{padding:3px 10px;margin:10px 0;}
#profileBonusBar .profile-bonus-row{min-height:28px;gap:8px;}
#profileBonusBar .profile-collection-badge{min-height:26px!important;padding:0!important;line-height:1.2;}
#profileBonusBar .profile-collection-badge span{font-size:clamp(10px,2.5vw,12px);}
#profileBonusBar .profile-collection-badge i{width:17px;height:17px;min-width:17px;font-size:11px;line-height:15px;}
#profileBonusToggle{min-height:26px;padding:0 2px;}
#profileBonusToggle .training-toggle-track{transform:scale(.85);transform-origin:right center;}
#profileBonusNone{font-size:12px;}

/* Extra-slim PCB strip. */
#profileBonusBar{padding:1px 10px;margin:8px 0;}
#profileBonusBar .profile-bonus-row{min-height:24px;gap:8px;}
#profileBonusBar .profile-collection-badge{min-height:24px!important;padding:0!important;}
#profileBonusToggle{min-height:24px;padding:0 2px;}
#profileBonusToggle .training-toggle-track{transform:scale(.78);}

/* Clip filter-edge artifacts inside the tactic artwork’s empty outer margin. */
.header-card.header-card .product-nav .product-tab-tactic{clip-path:inset(1px);}

/* Airier mobile navigation; retain the desktop layout. */
@media(max-width:700px){
  .header-card.header-card .product-nav .product-tab-icon{width:16px;height:16px;}
  .header-card.header-card .product-nav a,
  .header-card.header-card .product-nav a.active{font-size:clamp(10px,2.5vw,13px)!important;gap:9px;min-height:76px;padding-top:14px!important;padding-bottom:16px!important;font-weight:400!important;}
  .header-card.header-card .product-nav .tab-line{font-weight:400!important;}
  .header-card.header-card .product-nav{margin-top:22px;width:calc(100vw - 32px);justify-content:space-between;}
}

.my-team-studio-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid rgba(241,200,77,.46);border-radius:10px;background:rgba(241,200,77,.07);color:#f1c84d;text-decoration:none;font:600 14px 'Chakra Petch',sans-serif}.my-team-studio-link:hover{background:rgba(241,200,77,.14)}

.my-team-studio-link{margin-top:16px;width:100%}

/* News is a header utility, aligned with the language controls. */
.header-card .headtop{position:relative}
.header-card [data-header-news]{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;color:#e5eadd;font:500 12px 'Anuphan',sans-serif;text-decoration:none;z-index:4;padding:7px 10px;border:1px solid #65592e;border-radius:20px;background:#06110ac9}
.header-card [data-header-news] .product-tab-icon{width:16px;height:16px}
.header-card [data-header-news].active{color:#f1c84d}

.header-card [data-header-news]{top:-10px}
/* Keep the News utility clear of the centered brand at narrow widths. */
.header-card .headtop{padding-top:30px}
.header-card [data-header-news]{top:-10px;left:0;gap:5px;padding:5px 9px;min-height:28px;font-size:11px;line-height:1.2}
.header-card [data-header-news] .tab-line{font-size:11px!important;line-height:1.2!important;letter-spacing:0;font-weight:500}
.header-card [data-header-news] .product-tab-icon{width:13px;height:13px}

.header-card [data-header-news],.header-card [data-header-news].active{color:#e5ff00;border-color:#e5ff00}
.header-card [data-header-news] .tab-line{color:#e5ff00}
/* Match the scaled language pill: same height and a mirrored edge inset. */
.header-card [data-header-news]{box-sizing:border-box;height:22px;min-height:0;padding:0 8px;gap:4px;left:-6px}
.header-card [data-header-news] .tab-line{font-size:10px!important;line-height:1!important}
.header-card [data-header-news] .product-tab-icon{width:11px;height:11px}
@media(max-width:700px){.header-card [data-header-news]{left:2px}}

/* Keep bitmap and SVG navigation icons in sync with their hovered label. */
.header-card.header-card .product-nav a:is(:hover,:focus-visible),
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .tab-line,
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .product-tab-icon{color:#f1c84d!important}
.header-card.header-card .product-nav a:is(:hover,:focus-visible) img.product-tab-icon,
.header-card.header-card .product-nav a:is(:hover,:focus-visible) .product-tab-tactic{filter:url(#navActiveGold)!important}

/* Shared player-search surface, with anonymous cards behind the controls. */
section.search-panel[aria-labelledby="searchTitle"],
section.compare-search-panel[aria-labelledby="searchTitle"]{background-image:url('/players/assets/brand/anonymous-card-pattern.svg'),radial-gradient(ellipse at 95% 0,#47662b44,transparent 65%),linear-gradient(120deg,#102518,#030d07)!important;background-repeat:no-repeat!important;background-position:right center,center,center!important;background-size:360px 240px,cover,cover!important}

/* Keep the shared footer at the viewport bottom on short pages. */
body:has(> .sitefooter){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;}
body:has(> .sitefooter)>header,body:has(> .sitefooter)>main,body:has(> .sitefooter)>.sitefooter{flex-shrink:0;}
body:has(> .sitefooter)>main{flex-grow:1;}
.primary-properties .playstyle-icon .playstyle-emblem[src*=".svg"]{width:32px;height:30px;object-fit:contain;transform:none}
.player-head>.profile-share{position:absolute;top:8px;left:8px;z-index:6;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#f4f7f2;display:grid;place-items:center;cursor:pointer}
.profile-share svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-share:focus-visible{outline:2px solid #e9c453;outline-offset:2px}
.profile-share-status{position:absolute;left:58px;top:20px;z-index:6;color:#c6eea2;font-size:12px}
.player-share-dialog{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:30px 24px 18px;border:1px solid #7ca345;border-radius:24px;background:radial-gradient(ellipse at top,#243c24,#05150d 65%);color:#f3f6eb;box-shadow:0 24px 90px #000a;text-align:center}
.player-share-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
.share-dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff10;color:#f3f6eb;font-size:26px;cursor:pointer}
.share-dialog-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:#a5dc751a;color:#b6e88c}
.share-dialog-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.share-dialog-brand{font-size:11px;letter-spacing:.18em;color:#b3dc85;margin:0 0 5px}
.player-share-dialog h2{font-size:24px;margin:0 0 8px}.share-dialog-player{font-size:14px;color:#b7c8bb;margin:0 0 22px}
.player-share-dialog label{display:block;text-align:left;font-size:12px;color:#aabbab;margin-bottom:6px}
#playerShareUrl{box-sizing:border-box;width:100%;padding:12px;border:1px solid #3a5940;border-radius:10px;background:#031009;color:#dce6d7;font-size:13px}
.share-dialog-copy{width:100%;margin-top:12px;border:0;border-radius:12px;padding:13px;background:linear-gradient(110deg,#c5ee91,#8dce5e);color:#10220c;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}
.share-dialog-feedback{min-height:22px;margin:12px 0 0;font-size:12px;color:#bce88e}
.player-share-dialog button:focus-visible,#playerShareUrl:focus-visible{outline:2px solid #f1d467;outline-offset:3px}
.player-share-dialog[open]{animation:share-sheet-enter .18s ease-out}@keyframes share-sheet-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.player-share-dialog[open]{animation:none}}

.player-share-toast{position:fixed;z-index:10000;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;padding:12px 22px;border-radius:999px;border:1px solid #ffffff35;background:rgba(28,49,36,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #0003;color:#f5f8ee;font-size:15px;font-weight:500;line-height:1.4;pointer-events:none}
.player-share-toast[hidden]{display:none}

/* Balance the Explore more action icons with the navigation artwork. */
#similarPlayers .similar-analyse img{width:12px;height:12px;flex:0 0 12px}
#similarPlayers .similar-compare img{width:14px;height:14px;flex:0 0 14px}

body .player-head #playerSeriesBadge{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-width:0;text-decoration:none;white-space:nowrap}
body .player-head #playerSeriesBadge .series-name{min-width:0;overflow-wrap:anywhere}
body .player-head #playerSeriesBadge .series-search-icon{box-sizing:border-box;flex:0 0 24px;width:24px;height:24px;margin:0;padding:5px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff0c}

.ps-database-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:5px;border:1px solid #8dba65;border-radius:50%;color:#a9d97c;font:600 12px/1 sans-serif;text-decoration:none;vertical-align:middle}
.ps-database-link:focus-visible{outline:2px solid #f1d467;outline-offset:3px}

body .player-head #playerSeriesBadge .series-search-icon{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}
body .player-head #playerSeriesBadge:is(:hover,:focus-visible,:active) .series-search-icon{color:#f4fcff;border-color:rgba(var(--profile-accent-rgb),1);background:linear-gradient(145deg,rgba(var(--profile-accent-rgb),.27),rgba(4,28,22,.98) 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 0 25px rgba(var(--profile-accent-rgb),.38),0 11px 25px rgba(0,0,0,.32);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){body .player-head #playerSeriesBadge .series-search-icon{transition:none}}
/* Set name sits on the centre line using the full width; the search icon hangs to its right. */
body .player-head #playerSeriesBadge{display:grid;grid-template-columns:minmax(0,1fr) fit-content(100%) minmax(0,1fr);column-gap:0}
body .player-head #playerSeriesBadge .series-name{grid-column:2}
body .player-head #playerSeriesBadge .series-search-icon{grid-column:3;justify-self:start;margin-left:6px}

/* A brief news-icon wiggle once every two seconds; the label stays still. */
@keyframes news-speaker-wiggle{
  0%,22%,100%{transform:rotate(0deg)}
  4%,12%{transform:rotate(-12deg)}
  8%,16%{transform:rotate(12deg)}
  20%{transform:rotate(-5deg)}
}
.header-card [data-header-news] .product-tab-icon{transform-origin:50% 60%;animation:news-speaker-wiggle 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.header-card [data-header-news] .product-tab-icon{animation:none}}
/* Signature profiles share the subtle medal-border light treatment. */
.player-head>.signature-border-shimmer{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:5;background:linear-gradient(110deg,transparent 25%,#e6a600 38%,#ffdf45 48%,#fff2a0 51%,#ffc400 57%,transparent 73%);background-size:300% 100%;opacity:1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:signature-edge-shimmer 5s ease-in-out infinite}
@keyframes signature-edge-shimmer{0%{background-position:150% 0}65%,100%{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.player-head>.signature-border-shimmer{animation:none;opacity:.35}}

/* Shared compact logo-to-navigation spacing. */
.header-card.header-card .product-nav{margin-top:4px}

/* Compact latest-player card: art box matches the square artwork so the name sits directly below it. */
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice{grid-template-rows:110px auto auto auto;padding-top:6px;padding-bottom:8px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action{top:0;height:110px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action>.ps-card-overlay,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action>.ps-card-overlay>img,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action img{height:110px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>strong{margin-top:4px;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>strong,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>small,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>.mini-card-shard,
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice>.mini-compare-action{transform:none;}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice::before{top:78px;}
@media(max-width:700px){body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-choice::before{top:67px;}}
body:not(.team-suggestion-mode) .new-card-strip-panel .mini-card-art-action .ps-card-overlay-icons{top:7%;}
/* Search results show the Star Shard price in place of the PlayStyle line. */
.result-card .result-shard{display:flex!important;align-items:center;gap:4px;min-width:0;margin-top:2px;color:#08dcff!important;font:800 .66rem/1.2 'Chakra Petch',sans-serif!important;white-space:nowrap;}
.result-card .result-shard img{display:block;width:14px;height:14px;flex:0 0 14px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.52));}
.result-card .result-shard b{overflow:hidden;text-overflow:ellipsis;}
.result-card .result-shard.unavailable{font-size:.6rem!important;}
/* Collection detail badge shares the synced shimmer used on the collections page. */
.profile-collection-badge-shine{position:relative;display:block;flex:0 0 auto;line-height:0;animation:badgeLift 3.6s ease-in-out infinite}
.profile-collection-badge-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.9) 47%,rgba(255,232,168,.55) 53%,transparent 68%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--badge-mask) center/contain no-repeat;mask:var(--badge-mask) center/contain no-repeat;mix-blend-mode:screen;pointer-events:none;animation:badgeSheen 3.6s ease-in-out infinite}
@keyframes badgeSheen{0%,50%{background-position:160% 0}80%,100%{background-position:-60% 0}}
@keyframes badgeLift{0%,50%,100%{transform:none;filter:none}66%{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 0 6px rgba(255,214,110,.5))}}
@media(prefers-reduced-motion:reduce){.profile-collection-badge-shine,.profile-collection-badge-shine::after{animation:none}}
/* Role guide actions: gold Top 10 as primary, glowing green players-in-role as secondary. */
#roleGuideDialog .guide-browse-actions #guideRoleTop10,
#roleGuideDialog .guide-browse-actions #guideRoleTop10:visited{border:1px solid #f6d77a!important;background:linear-gradient(135deg,#f7d56b,#d9a62c)!important;color:#1a1204!important;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.35),0 6px 16px rgba(217,166,44,.25)!important;}
#roleGuideDialog .guide-browse-actions #guideRoleTop10 .guide-action-icon{filter:brightness(0) opacity(.78);}
#roleGuideDialog .guide-browse-actions #guidePlayerSearch,
#roleGuideDialog .guide-browse-actions #guidePlayerSearch:visited{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(140,219,104,.85)!important;background:rgba(140,219,104,.1)!important;color:#a8f27a!important;font-weight:700;box-shadow:0 0 14px rgba(140,219,104,.22),inset 0 0 12px rgba(140,219,104,.08)!important;}
#roleGuideDialog .guide-browse-actions #guidePlayerSearch::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;animation:guideActionSheen 3.6s ease-in-out infinite;pointer-events:none;}
#roleGuideDialog .guide-browse-actions #guideRoleTop10:hover,#roleGuideDialog .guide-browse-actions #guideRoleTop10:focus-visible,
#roleGuideDialog .guide-browse-actions #guidePlayerSearch:hover,#roleGuideDialog .guide-browse-actions #guidePlayerSearch:focus-visible{filter:brightness(1.08);}
@keyframes guideActionSheen{0%,50%{background-position:150% 0}85%,100%{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){#roleGuideDialog .guide-browse-actions #guidePlayerSearch::after{animation:none}}
/* Review: scope note under the search panel; profile heading line fills the row. */
.review-scope-note{margin:6px 4px 0!important;text-align:left}
.player-profile-step{display:grid!important;grid-template-columns:max-content minmax(24px,1fr) auto!important;align-items:center;column-gap:10px}
.player-profile-step .coach-step-copy{padding-right:0!important;margin-right:0!important;width:auto!important}
.player-profile-step .coach-step-line{grid-column:2!important;grid-row:1;align-self:center;margin-top:0!important}
/* Scope note: centered footnote wrapped in asterisks on Review and Compare. */
.review-scope-note,.compare-scope-note{text-align:center!important}
.review-scope-note::before,.compare-scope-note::before{content:"*"}
.review-scope-note::after,.compare-scope-note::after{content:"*"}
/* OVR 121+ card artwork: synced light sweep masked to the card shape. */
.card-sheen{position:relative;isolation:isolate}
.card-sheen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.6) 48%,rgba(255,236,170,.38) 52%,transparent 64%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:cardSheen 4.2s ease-in-out infinite}
@keyframes cardSheen{0%,55%{background-position:160% 0}85%,100%{background-position:-60% 0}}
/* Box/Signature foil: same unhurried sweep, short rest between passes. */
@keyframes cardFxSweep{0%,40%{background-position:160% 0}100%{background-position:-60% 0}}
/* Signature: the gold sweep lingers ~5.6s on the card, then rests ~2.4s. */
@keyframes signatureSweepLong{0%,20%{background-position:170% 0}90%,100%{background-position:-70% 0}}
@media(prefers-reduced-motion:reduce){.card-sheen::after{animation:none;opacity:0}}
/* Box cards: slow silver sheen that keeps the card colours intact. */
.card-fx-box,.card-fx-signature{position:relative;isolation:isolate}
.card-fx-box::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(236,242,250,.55) 47%,rgba(200,212,228,.35) 53%,transparent 64%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:cardFxSweep 6s ease-in-out infinite}
/* Signature cards: slow warm gold ink sweep. */
.card-fx-signature::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,226,150,.8) 47%,rgba(255,196,80,.5) 54%,transparent 66%) no-repeat;background-size:260% 100%;background-position:160% 0;-webkit-mask:var(--card-mask) center/contain no-repeat;mask:var(--card-mask) center/contain no-repeat;mix-blend-mode:screen;animation:signatureSweepLong 8s cubic-bezier(.45,0,.55,1) infinite}
@media(prefers-reduced-motion:reduce){.card-fx-box::after,.card-fx-signature::after{animation:none}}
/* Box cards everywhere (TeeO 1 Oct): a white glint runs down the card edge only. Eight copies of the card
   silhouette shifted by --box-rim sit behind the card, so only an even rim shows; the card itself is untouched. */
.card-fx-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask:var(--card-mask) calc(50% - var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) calc(50% + var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) 50% calc(50% - var(--box-rim,2px))/contain no-repeat,var(--card-mask) 50% calc(50% + var(--box-rim,2px))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat;mask:var(--card-mask) calc(50% - var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) calc(50% + var(--box-rim,2px)) 50%/contain no-repeat,var(--card-mask) 50% calc(50% - var(--box-rim,2px))/contain no-repeat,var(--card-mask) 50% calc(50% + var(--box-rim,2px))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% - calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% - calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat,var(--card-mask) calc(50% + calc(var(--box-rim,2px)*.7)) calc(50% + calc(var(--box-rim,2px)*.7))/contain no-repeat;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.55) 46%,#fff 50%,rgba(255,255,255,.55) 54%,transparent 60%) no-repeat;background-size:100% 300%;background-position:0 100%;animation:boxEdgeGlint 5s cubic-bezier(.45,0,.55,1) infinite}
@keyframes boxEdgeGlint{0%,10%{background-position:0 100%}65%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.card-fx-box::before{animation:none;opacity:0}}
.player-head .card-fx-box,:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box{--box-rim:3px}
/* Static soft glow framing the card from behind: white for Box, gold for Signature. */
.card-fx-box>img,.card-fx-box>.ps-card-overlay>img{filter:drop-shadow(0 0 6px rgba(255,255,255,.7)) drop-shadow(0 0 16px rgba(255,255,255,.35))!important}
.card-fx-signature>img,.card-fx-signature>.ps-card-overlay>img{filter:drop-shadow(0 0 6px rgba(255,214,110,.75)) drop-shadow(0 0 16px rgba(241,190,60,.38))!important}
.player-head>.signature-border-shimmer{animation-duration:6s}

/* Profile Box card (TeeO 30 Sep, mockup v2): thin dark edge, a round centre glow that
   rises, holds and fades fully out, a slow sweep and three edge sparkles. 8s cycle.
   Small Box cards elsewhere keep the lighter sweep above. Compare header cards share the profile FX. */
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box>img{filter:drop-shadow(0 0 1.5px rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(0,0,0,.8))!important}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box::after{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 48%,rgba(205,220,245,.35) 52%,transparent 62%) no-repeat;background-size:280% 100%;animation:boxSweepSlow 8s cubic-bezier(.45,0,.55,1) infinite}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark{position:absolute;z-index:4;width:22px;height:22px;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 18%,transparent 60%);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #9fc0ff);animation:boxTwinkle 8s ease-in-out infinite}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::before,:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent)}
:is(:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay),.mini-card-art-action.card-fx-box) .card-fx-spark::after{transform:rotate(90deg)}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s1{right:24%;top:3%;animation-delay:5.6s}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s2{left:13%;top:46%;width:17px;height:17px;animation-delay:6s}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark.s3{right:16%;bottom:20%;width:15px;height:15px;animation-delay:6.4s}
/* Latest-players strip (TeeO 2 Oct): Box mini cards get the same dark edge, edge glint and three smaller sparks. */
.mini-card-art-action.card-fx-box>.ps-card-overlay>img{filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,.75))!important}
.mini-card-art-action.card-fx-box{--box-rim:2.5px}
.mini-card-art-action.card-fx-box .card-fx-spark.s1{right:24%;top:3%;width:14px;height:14px;animation-delay:5.6s}
.mini-card-art-action.card-fx-box .card-fx-spark.s2{left:15%;top:46%;width:11px;height:11px;animation-delay:6s}
.mini-card-art-action.card-fx-box .card-fx-spark.s3{right:18%;bottom:20%;width:10px;height:10px;animation-delay:6.4s}
@media(prefers-reduced-motion:reduce){.mini-card-art-action.card-fx-box .card-fx-spark{animation:none!important;opacity:0}}
@keyframes boxSweepSlow{0%,25%{background-position:170% 0}85%,100%{background-position:-70% 0}}
@keyframes boxTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}6%{opacity:1;transform:scale(1) rotate(45deg)}15%{opacity:0;transform:scale(.4) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-box::after,:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-spark{animation:none!important;opacity:0}}

/* Profile Signature card with an approved gold-ink mask (TeeO 1 Oct): same direction, alternating
   passes — gold sweep over the whole card every 7s, gold glint along the autograph in between.
   TeeO 5 Oct: the autograph glint is slower and more frequent — a 2.9s pass that only travels
   across the autograph, every 3.5s (two per card sweep); the 1.8s delay keeps it clear of the sweep.
   It is a narrow soft highlight screened onto the ink with a 1px bloom, so it never paints flat gold
   or spills a halo onto the shirt and background; the masks themselves hold autograph strokes only. */
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay).card-fx-signature.has-ink::after{animation:sigCardPass 7s cubic-bezier(.45,0,.55,1) infinite}
:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-ink{position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:var(--sig-mask) center/contain no-repeat;mask:var(--sig-mask) center/contain no-repeat;background:linear-gradient(115deg,transparent 42%,rgba(255,200,70,0) 43%,rgba(255,206,90,.55) 46.5%,rgba(255,230,150,.95) 49%,#fff6d6 50%,rgba(255,230,150,.95) 51%,rgba(255,206,90,.55) 53.5%,rgba(255,200,70,0) 57%,transparent 58%) no-repeat;background-size:300% 100%;background-position:180% 0;mix-blend-mode:screen;filter:drop-shadow(0 0 1px rgba(255,214,110,.55));animation:sigInkPass 3.5s cubic-bezier(.37,0,.63,1) 1.8s infinite}
@keyframes sigCardPass{0%{background-position:170% 0}45%,100%{background-position:-70% 0}}
@keyframes sigInkPass{0%{background-position:85% 0}82.9%,100%{background-position:14% 0}}
@media(prefers-reduced-motion:reduce){:is(#playerCardOverlay,.compare-player-head>.ps-card-overlay) .card-fx-ink{animation:none;opacity:0}}

/* TeeO 1 Oct: the role guide opens full screen on phones so the lower actions (Top 10, players, formations) are never hidden. */
@media(max-width:700px){
 #roleGuideDialog{inset:0;width:100%;height:100dvh;max-height:none;margin:0;border-radius:0}
 #roleGuideDialog .role-guide-dialog-shell{height:100dvh;max-height:none;border-width:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 #roleGuideDialog .role-guide-dialog-bar{border-radius:0}
 #roleGuideDialog .role-guide-dialog-bar::before{display:none}
}

/* Mobile advanced filters: two per row instead of one. */
@media(max-width:700px){.search-panel .advanced-search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* PCB name: gold shimmer sweeping across the collection name. */
/* TeeO 5 Oct 2026: neon-yellow collection name with a gold glint so it stands out from the gold label. */
#profileCollectionBadge .pcb-name-shine{margin-left:.7em}
.pcb-name-shine{font-weight:inherit;color:#eaff3d;background:linear-gradient(100deg,#eaff3d 0%,#eaff3d 36%,#f6ffd0 44%,#ffffff 50%,#f6ffd0 56%,#eaff3d 64%,#eaff3d 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pcb-name-shine 3.5s ease-in-out infinite}
@keyframes pcb-name-shine{0%,35%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.pcb-name-shine{animation:none;background:none;-webkit-text-fill-color:currentColor}}
/* Detailed stats boosted by an active PCB: gold name and value. */
#allStatsBody tr.stat-pcb-boosted .stat-name-label,#allStatsBody tr.stat-pcb-boosted td:nth-child(2) strong{color:#f4c63d}
#allStatsBody tr.stat-pcb-boosted td:nth-child(2) strong{text-shadow:0 0 10px rgba(244,198,61,.45)}
#playerResultsPanel{scroll-margin-top:12px}
/* Compact mobile search box: shorter controls and label rows (touch targets stay 40px+). */
@media(max-width:700px){
  body .search-panel .advanced-search-filters{gap:8px 10px;padding-top:10px}
  body .search-panel .advanced-search-filters>.field,body .search-panel .position-filter-group{grid-template-rows:16px 40px;gap:5px 10px}
  body .search-panel .advanced-search-filters select,body .search-panel :is(#playstyleFilter,#playstyleFilter2) button,body .search-panel #alternativeToggle{height:40px;min-height:40px;padding-top:4px;padding-bottom:4px}
  body .search-panel .search-wrap,body .search-panel #playerSearch{height:42px;min-height:42px}
  body .search-panel .compare-name-search-row .search-field{grid-template-rows:42px}
  body .search-panel #alternativeToggle strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;text-overflow:clip;overflow-wrap:normal;font-size:11px;line-height:1.2;text-align:left}
  body .search-panel #searchSubmit{min-height:42px;height:42px;padding-top:6px;padding-bottom:6px}
  body .search-panel #searchSubmit.beside-name-search{min-height:42px;height:42px;padding-top:6px;padding-bottom:6px}
}

/* Player Collection Group Bonus sheet: event banner, share (top-left) and close (top-right), whole member row opens the bonus impact (TeeO 2026-10-06). */
.profile-collection-dialog{padding-top:0}
.profile-collection-banner{position:relative;height:132px;margin:0 -24px;background:#0b2416 center/cover no-repeat}
.profile-collection-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,15,9,0) 30%,rgba(6,32,20,.86) 82%,#062014 100%);pointer-events:none}
.profile-collection-banner.no-art{height:66px;background:transparent}
.profile-collection-banner .profile-collection-kicker{position:absolute;left:50%;top:15px;z-index:1;transform:translateX(-50%);margin:0;padding:5px 11px;border:1px solid rgba(134,223,100,.35);border-radius:999px;background:rgba(2,15,9,.74);font-size:.64rem;letter-spacing:.04em;white-space:nowrap;text-align:center}
.profile-collection-dialog .profile-collection-title-row{position:relative;z-index:1;margin-top:-30px}
.profile-collection-banner.no-art+.profile-collection-title-row{margin-top:-8px}
.profile-collection-dialog h2{text-shadow:0 2px 8px rgba(0,0,0,.85)}
.profile-collection-close{z-index:2;background:rgba(6,24,14,.82)!important}
.profile-collection-share{position:absolute;top:15px;left:16px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(232,188,54,.45);border-radius:50%;background:rgba(6,24,14,.82);color:#f4d36d;cursor:pointer}
.profile-collection-share svg{width:17px;height:17px}
.profile-collection-share .share-done,.profile-collection-share.is-done .share-icon{display:none}
.profile-collection-share.is-done .share-done{display:block}
.profile-collection-intro b{color:#eef3ee;font-weight:600}
.profile-collection-member{grid-template-columns:minmax(0,1fr) auto;cursor:pointer}
.profile-collection-member>.collection-bonus-trigger{align-self:center;justify-self:end;padding:6px 2px;color:#e8ce79;font-size:.7rem;font-weight:600;white-space:nowrap}
.profile-collection-select .profile-collection-review{justify-self:start;min-height:0;margin-top:1px;padding:2px 0;color:#86df64;font-size:.66rem}
.profile-collection-select .profile-collection-review img{width:15px;height:15px}
@media(max-width:700px){.profile-collection-dialog{padding-top:0}.profile-collection-banner{margin:0 -15px;border-radius:22px 22px 0 0}.profile-collection-share{top:14px;left:15px;width:31px;height:31px}.profile-collection-share svg{width:15px;height:15px}}

/* Rank Skill: core-skill effect and fit with the card's primary role. Gold chips are the role's core stats. */
#profileSkillTree .skill-stat-chip.role-match{border-color:rgba(242,193,78,.55);background:rgba(242,193,78,.1);}
#profileSkillTree .skill-stat-chip.role-match strong{color:var(--gold);}
#profileSkillTree .skill-role-fit{margin-top:10px;padding-top:9px;border-top:1px solid rgba(242,193,78,.22);}
#profileSkillTree .skill-role-fit-label{display:block;color:var(--gold);font:700 .6rem 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
#profileSkillTree .skill-role-fit-effect{margin:3px 0 0;color:var(--text);font-size:.74rem;line-height:1.5;}
#profileSkillTree .skill-role-fit-verdict{margin:7px 0 0;font-size:.7rem;line-height:1.45;}
#profileSkillTree .skill-role-fit-verdict b{display:block;font-weight:600;color:var(--green);}
#profileSkillTree .skill-role-fit-partial .skill-role-fit-verdict b{color:#e6d27a;}
#profileSkillTree .skill-role-fit-weak .skill-role-fit-verdict b{color:#e39a7d;}
#profileSkillTree .skill-role-fit-verdict small{display:block;color:var(--muted);font-size:.64rem;}
#profileSkillTree .skill-role-fit-name{white-space:nowrap;}
/* Rank Skill names open their page in /database/rank-skills/. */
#profileSkillTree a.skill-node-link{color:inherit;text-decoration:none}
#profileSkillTree .skill-node-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;margin-left:8px;border:1px solid #8dba65;border-radius:50%;color:#a9d97c;font:600 12px/1 sans-serif}
#profileSkillTree a.skill-node-link:hover .skill-node-name,#profileSkillTree a.skill-node-link:focus-visible .skill-node-name{color:var(--green)}
/* Detailed stats on phones: give the attribute name more room so the PDF-aligned Thai names wrap at most once. */
@media (max-width:520px){.stat-table-wrap th,.stat-table-wrap td{padding-left:4px;padding-right:4px}.stat-table-wrap th:first-child,.stat-table-wrap td:first-child{width:50%;padding-left:2px}}

/* TeeO 8 Oct 2026: event badge + group name centred in the space after "GROUP BONUS :". */
#profileBonusBar .profile-collection-badge>span{display:flex;align-items:center;flex:1;min-width:0;gap:6px;}
#profileBonusBar .pcb-label{flex:none;}
#profileBonusBar .pcb-group{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;}
#profileBonusBar .pcb-group .pcb-name-shine{margin-left:0;flex:none;overflow:visible;white-space:nowrap;}
/* TeeO 9 Oct 2026: badge + group name sit on the bar's centre line (not the centre of the space after the label). Room is reserved on both sides for the label, so long names ellipsize instead of covering it. */
#profileBonusBar .profile-bonus-row{position:relative;}
#profileBonusBar .pcb-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex:none;max-width:calc(100% - 17.6em);}
/* TeeO 9 Oct 2026: a name too long for the centre line moves into the free space after the label and wraps instead of ellipsizing. */
#profileBonusBar.pcb-flow .pcb-group{position:static;transform:none;flex:1;min-width:0;max-width:none;}
#profileBonusBar.pcb-flow .pcb-group .pcb-name-shine{flex:0 1 auto;min-width:0;white-space:normal;text-align:center;line-height:1.1;}
/* TeeO 10 Oct 2026: never ellipsize the group name. Safari rounded the centred box a fraction of a pixel narrower than short names like "No.4" and showed "No..."; the name now keeps its natural width and the script moves it to the flow layout only when it really collides. */
#profileBonusBar .pcb-event-badge{display:block;flex:none;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px #0008);}
/* Values changed by the group bonus toggle bounce once. */
.stat-bump{display:inline-block;animation:stat-bump .55s cubic-bezier(.3,1.6,.5,1);}
@keyframes stat-bump{0%{transform:scale(1)}35%{transform:scale(1.28);color:#eaff3d}65%{transform:scale(.94)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.stat-bump{animation:none}}

/* Role icons: round holo medallions (TeeO 2026-10-09). The glyph is a transparent cut-out,
   so a dark disc sits behind it to keep it legible on any pill colour. */
.position-guide .role-tab-icon,#roleGuideDialog .role-tab-icon{position:relative;display:block;width:26px;height:26px;flex:0 0 26px;background:none;border:0;border-radius:0;box-shadow:none}
.position-guide .guide-role-icon,#roleGuideDialog .guide-role-icon{position:relative;display:block;width:42px;height:42px;background:none;border:0;border-radius:0;box-shadow:none}
.position-guide .guide-role-heading{grid-template-columns:42px minmax(0,1fr) auto}
#roleGuideDialog .guide-role-heading{grid-template-columns:42px minmax(0,1fr)}
.role-tab-icon::before,.guide-role-icon::before{content:"";position:absolute;inset:6%;border-radius:50%;background:#0b1a12}
.role-icon-img{position:relative;display:block;width:100%;height:100%}
/* Selected role: dark pill with a gold outline so the pastel holo icon stays distinct (TeeO 2026-10-09). */
.position-guide .role-tab.active,#roleGuideDialog .role-tabs .role-tab.active{background:#0c2214;border-color:#efc84e;color:#f6d977;box-shadow:inset 0 0 0 1px rgba(239,200,78,.6),0 0 14px rgba(239,200,78,.16)}
.position-guide .role-tab.active .role-tab-icon,#roleGuideDialog .role-tabs .role-tab.active .role-tab-icon{background:none;color:inherit}
@media(max-width:700px){
  .position-guide .role-tab-icon,#roleGuideDialog .role-tab-icon{width:22px;height:22px;flex-basis:22px}
  .position-guide .guide-role-icon,#roleGuideDialog .guide-role-icon{width:38px;height:38px}
  .position-guide .guide-role-heading{grid-template-columns:38px minmax(0,1fr) auto}
  #roleGuideDialog .guide-role-heading{grid-template-columns:38px minmax(0,1fr)}
}
/* Role guide close button: the dialog focuses it on open; keep the keyboard ring thin and gold instead of the thick green default. */
#roleGuideDialog .role-guide-close:focus{outline:none}
#roleGuideDialog .role-guide-close:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(244,211,109,.5)}


/* Role guide position picker: same custom chevron on desktop as on phones (the native arrow sat on the edge), height matched to the close button (TeeO 2026-10-09). */
#roleGuideDialog .guide-position-picker{position:relative}
#roleGuideDialog .guide-position-picker select{-webkit-appearance:none;appearance:none;width:78px;min-width:78px;height:34px;min-height:34px;padding:0 26px 0 10px;line-height:1;text-align:center;text-align-last:center;cursor:pointer}
#roleGuideDialog .guide-position-picker::after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;border-right:2px solid #f4d36d;border-bottom:2px solid #f4d36d;pointer-events:none;transform:translateY(-72%) rotate(45deg)}
#roleGuideDialog .role-guide-close{width:34px;height:34px}
@media(max-width:700px){
  #roleGuideDialog .guide-position-picker select{width:70px;min-width:70px;height:36px;min-height:36px;padding:0 25px 0 8px}
  #roleGuideDialog .guide-position-picker::after{right:11px}
  #roleGuideDialog .role-guide-close{width:29px;height:29px}
}

/* Mode analysis box: compact spacing (TeeO 2026-10-11) */
.mode-analysis{padding:12px 14px;}
.mode-analysis .mode-analysis-heading{margin-bottom:2px;}
#modeAnalysisGrid .mode-select{padding:4px 4px 9px;}
#modeAnalysisGrid .mode-select::before{inset:46px -1px -1px;}
/* League Rewards: light marble art, so the dark fade is eased a little (TeeO 2026-10-23: "ลดเฟดดำ ลงนิดนึง"). */
.player-head[data-event-wallpaper="auto"][data-event-set="league-rewards"]{
  background:
    linear-gradient(180deg,rgba(0,0,0,.36),rgba(3,15,8,.7) 72%,rgba(2,17,9,.92)),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.14),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}

/* Gold disclosure buttons stay visible against the dark collection panel. */
.new-card-strip-panel .latest-expand-trigger,
.new-card-strip-panel .latest-more-button{
  border-color:#f4d779!important;
  background:linear-gradient(115deg,#ffe58f,#d9ac32)!important;
  color:#102015!important;
  box-shadow:inset 0 1px 0 #fff5,0 3px 12px #0004!important;
}
.new-card-strip-panel .latest-expand-trigger:hover,
.new-card-strip-panel .latest-more-button:hover{filter:brightness(1.08)}
.new-card-strip-panel .latest-expand-trigger:focus-visible,
.new-card-strip-panel .latest-more-button:focus-visible{outline:2px solid #fff0bc;outline-offset:3px}

/* The PCGB banner label opens the collection hub, including inside popup frames. */
.profile-collection-banner a.profile-collection-kicker{color:#86df64;text-decoration:none;cursor:pointer}
.profile-collection-banner a.profile-collection-kicker:hover{border-color:rgba(134,223,100,.8)}
.profile-collection-banner a.profile-collection-kicker:focus-visible{outline:2px solid #86df64;outline-offset:3px}

/* One veil for every set cover behind the profile card (TeeO 28 Oct: same darkness as the card-art fallback, "ปรับให้หมด");
   the Signature scene keeps its own lighter veil. */
html body .player-head[data-event-wallpaper="auto"]{
  background:
    linear-gradient(180deg,rgba(2,10,6,.62) 0%,rgba(2,10,6,.68) 40%,rgba(2,12,7,.86) 72%,rgba(2,17,9,.97) 100%),
    radial-gradient(ellipse 52% 50% at 50% 28%,rgba(var(--profile-accent-rgb),.12),transparent 72%),
    var(--profile-wallpaper-image) center 48%/cover no-repeat;
}
html body .player-head[data-event-wallpaper="auto"][data-event-set="champions"]{background-position:0 0,0 0,center 42%}
html body .player-head[data-event-wallpaper="auto"]::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 22%,transparent 78%,rgba(0,0,0,.24)),
    radial-gradient(ellipse 64% 60% at 50% 31%,transparent 34%,rgba(0,0,0,.14) 76%,rgba(0,0,0,.3));
}
html body .player-head[data-event-wallpaper="auto"]::after{opacity:.14}
/* Card without its real set cover yet: the card's own artwork (player + card background), enlarged past its frame behind the card with a dark fade (TeeO 28 Oct, standard until the real cover arrives). */
html body .player-head[data-event-wallpaper="player"]{
  background:
    linear-gradient(180deg,rgba(2,10,6,.62) 0%,rgba(2,10,6,.68) 40%,rgba(2,12,7,.86) 72%,rgba(2,17,9,.97) 100%),
    radial-gradient(ellipse 70% 60% at 50% 30%,transparent 30%,rgba(2,10,6,.65) 100%),
    var(--profile-wallpaper-image) 58% 34%/auto 195% no-repeat,
    #06110c;
}
html body .player-head[data-event-wallpaper="player"]::after{opacity:.12}

/* TeeO 29 Oct 2026: explanation boxes read like an article — only the title sits beside the icon/number,
   the explanation runs the full width of the box (no indented text column). */
.explain-item{grid-template-columns:26px minmax(0,1fr);row-gap:6px;align-items:center;}
.explain-item .finding-content{display:contents;}
.explain-item .finding-content>strong{grid-column:2;align-self:center;line-height:1.35;}
.explain-item .finding-content>:not(strong){grid-column:1/-1;}
.explain-item p{margin:0;color:#c9d6cd;font-size:.86rem;line-height:1.62;}
.explain-item p.finding-action{color:var(--muted);}
@media(max-width:700px){
  .formation-fit{row-gap:6px!important;}
  .formation-fit p{grid-column:1/-1!important;margin:2px -60px 0 0!important;font-size:.86rem;line-height:1.62;}
}
/* Pressing-load caution sits in the same box style as the other cautions (TeeO 29 Oct 2026). */
.workload-caution{margin-top:10px;padding:10px 12px;border:1px solid rgba(242,193,78,.22);border-radius:10px;background:#071a0f;}
.workload-caution strong{display:block;color:var(--text);line-height:1.35;}
.workload-caution p{margin:6px 0 0;color:#c9d6cd;font-size:.86rem;line-height:1.62;}

}