/* Tournament player pages and the players index (player-pages.mjs). Loaded after events.css on /tournaments/players/.
   Not /players.css: that name is the accounts stylesheet. */
.pp-face{display:block;flex:none;width:56px;height:56px;object-fit:cover;background:var(--bg3);border:1px solid var(--soft)}
.pp-face-mini{display:block;flex:none;width:32px;height:32px;object-fit:cover;background:var(--bg3);border:1px solid var(--soft)}
.pp-sq{object-fit:cover;width:28px!important;height:28px!important}
.pp-who{display:flex;flex-direction:column;min-width:0;gap:1px}
.pp-who strong{font:600 16px/1.25 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-who strong a{color:inherit;text-decoration:none}
.pp-who strong a:hover{text-decoration:underline;text-underline-offset:3px}
.pp-who small{font:13px/1.35 var(--body);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-result{display:inline-flex;align-items:center;white-space:nowrap;font:13px/1.2 var(--body);color:var(--muted)}
.pp-result.is-won{color:var(--ink);font-weight:700}
.pp-result.is-draw{color:var(--ink)}
.pp-num{font:500 16px var(--mono);font-variant-numeric:tabular-nums}
.pp-num small{display:block;font:11px var(--mono);color:var(--muted)}
.pp-date{font:13px var(--mono);color:var(--muted);white-space:nowrap}

/* Hero: the events frame, with the player's latest Legend */
.pp-top{display:grid;gap:12px;margin-top:26px}
.pp-top .event-hero{margin:0}
.pp-hero h1{margin:0;font:700 clamp(40px,5vw,72px)/1 var(--head);text-transform:uppercase;overflow-wrap:anywhere}
.pp-hero .event-hero-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font:15px/1.4 var(--body)}
.pp-hero .event-hero-legend a{color:inherit}
.pp-hero dd small{display:block;margin-top:4px;font:13px/1.3 var(--body);color:var(--muted);letter-spacing:0}
.pp-art{display:block;overflow:hidden;min-height:340px}
.pp-art img{display:block;width:100%;height:100%;object-fit:cover}
.pp-jumps{margin-top:22px}

/* Body: the record on the left, the infobox on the right */
.pp-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 48px;align-items:start;margin-top:28px}
.pp-main{display:grid;gap:56px;min-width:0}
.pp-section{min-width:0;scroll-margin-top:16px}
.pp-lede{margin:0;max-width:68ch;font:19px/1.6 var(--text);color:var(--ink)}
.pp-sub{margin:20px 0 8px;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pp-trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;list-style:none;margin:0 0 12px;padding:0}
.pp-trophies li>*{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--deck-domain-1,var(--bg2)) 18%,var(--bg2)),var(--bg2) 65%);color:var(--ink);text-decoration:none;height:100%;box-sizing:border-box}
.pp-trophies li>a:hover{background:var(--bg3)}
.pp-trophies .pp-face{width:72px;height:72px}
.pp-trophy-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.pp-trophy-kicker{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pp-trophy-copy strong{font:700 24px/1 var(--head);text-transform:uppercase}
.pp-trophy-copy span:not(.pp-trophy-kicker){font:13px/1.35 var(--body);color:var(--muted)}
.pp-top8s{list-style:none;margin:0;padding:0;border-top:1px solid var(--soft)}
.pp-top8s li{position:relative;display:grid;grid-template-columns:72px 32px minmax(0,1fr);gap:12px;align-items:center;min-height:52px;border-bottom:1px solid var(--soft)}
.pp-t8-place{font:500 14px var(--mono)}

/* Results */
.pp-results .section-head{align-items:center}
.pp-results:has(input[value=rq]:checked) [data-kind=sd],.pp-results:has(input[value=sd]:checked) [data-kind=rq]{display:none}
.pp-finish-table .pp-place small{display:block;font:12px/1.2 var(--body);color:var(--muted)}
.pp-unplaced{display:block;font:500 13px/1.3 var(--body);color:var(--muted)}
.pp-reached{font:600 14px var(--body);white-space:nowrap}
.pp-record{white-space:nowrap}
.pp-finish-list .standing-who strong,.pp-players-list .standing-who strong{font-weight:600}
.pp-finish-list .standing-who>span,.pp-players-list .standing-who>span{display:block;font:13px var(--body);color:var(--muted)}
.pp-finish-list>li:first-child>*,.pp-players-list>li:first-child>*{background:none}
.pp-source{margin-top:12px;color:var(--muted)}

/* Matches */
.pp-event-matches{border-top:1px solid var(--soft)}
.pp-event-matches:last-of-type{border-bottom:1px solid var(--soft)}
.pp-event-matches>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto 24px;gap:16px;align-items:center;min-height:56px;cursor:pointer;list-style:none}
.pp-event-matches>summary::-webkit-details-marker{display:none}
.pp-event-matches>summary::after{content:"+";font:500 20px var(--mono);text-align:right}
.pp-event-matches[open]>summary::after{content:"-"}
.pp-em-name{font:700 22px/1.1 var(--head);text-transform:uppercase}
.pp-em-date{font:13px var(--mono);color:var(--muted)}
.pp-em-status{font:500 15px var(--mono)}
.pp-run-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;padding:4px 0 20px}
.pp-run-days h3{margin:0 0 8px;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pp-run-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--soft)}
.pp-run-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;border-bottom:1px solid var(--soft)}
.pp-run-round{font:500 16px var(--mono);color:var(--muted)}
.pp-run-list li.is-lost .pp-run-round,.pp-run-list li.is-won .pp-run-round{color:var(--ink)}
.pp-run-opp{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.pp-run-opp .pp-face-mini{width:28px;height:28px}
.pp-no-rounds{margin-top:12px;color:var(--muted)}

/* Head-to-head */
.pp-h2h{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px;list-style:none;margin:0;padding:0}
.pp-h2h li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 14px;border:1px solid var(--soft);background:var(--bg2)}
.pp-h2h li::before{content:"";position:absolute;inset:-1px auto -1px -1px;width:3px;background:linear-gradient(180deg,var(--deck-domain-1,var(--soft)) 0 50%,var(--deck-domain-2,var(--soft)) 50% 100%)}
.pp-h2h .pp-face-mini{width:40px;height:40px}
.pp-h2h small{white-space:normal}
.pp-h2h-rec{display:flex;flex-direction:column;align-items:flex-end}
.pp-h2h-rec b{font:500 20px var(--mono)}
.pp-h2h-rec small{font:12px var(--body);color:var(--muted)}
.pp-legend-table th[scope=row]{font-weight:500}
.pp-coverage{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.pp-coverage .tournament-story{margin:0}

/* Infobox */
.pp-infobox{position:sticky;top:16px;border:1px solid var(--soft);background:var(--bg2)}
.pp-infobox::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--deck-domain-1,var(--soft)) 0 50%,var(--deck-domain-2,var(--soft)) 50% 100%)}
.pp-ib-title{margin:0;padding:12px 16px 4px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pp-infobox dl{margin:0;padding:4px 16px}
.pp-infobox dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--soft)}
.pp-infobox dl>div:last-child{border-bottom:0}
.pp-infobox dt{font:13px/1.4 var(--body);color:var(--muted)}
.pp-infobox dd{margin:0;font:14px/1.4 var(--body);overflow-wrap:anywhere}
.pp-infobox dd a{color:inherit}
.pp-infobox dd small{display:block;font:12px var(--body);color:var(--muted)}
.pp-infobox h3{margin:0;padding:12px 16px 6px;border-top:1px solid var(--soft);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pp-ib-recent{list-style:none;margin:0;padding:0 16px 8px}
.pp-ib-recent li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid var(--soft)}
.pp-ib-recent li:last-child{border-bottom:0}
.pp-ib-ev{grid-column:1;font:11px var(--mono);color:var(--muted)}
.pp-ib-opp{grid-column:1;font:14px/1.3 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-ib-opp a{color:inherit;text-decoration:none}
.pp-ib-opp a:hover{text-decoration:underline}
.pp-ib-recent .pp-result{grid-column:2;grid-row:1/span 2;align-self:center}

/* Players index */
.pp-index{margin-top:8px}
.pp-find .section-head{align-items:baseline}
.pp-search{width:100%;max-width:640px;height:56px;padding:0 18px;border:1px solid var(--muted);background:var(--bg2);color:var(--ink);font:18px var(--body);box-sizing:border-box}
.pp-search:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}
.pp-search-empty{margin:12px 0 0;color:var(--muted)}
.pp-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 32px;list-style:none;margin:20px 0 0;padding:0;max-height:420px;overflow-y:auto;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);padding-block:12px}
.pp-directory li{display:flex;flex-direction:column;padding:6px 0}
.pp-directory a{font:600 15px/1.3 var(--body);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.pp-directory a:hover{text-decoration:underline;text-underline-offset:3px}
.pp-directory small{font:12px var(--body);color:var(--muted)}
.pp-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:0 32px;list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--soft)}
.pp-search-results li{border-bottom:1px solid var(--soft)}
.pp-search-results a{display:flex;flex-direction:column;padding:10px 0;color:var(--ink);text-decoration:none}
.pp-search-results a:hover strong{text-decoration:underline;text-underline-offset:3px}
.pp-search-results strong{font:600 16px/1.3 var(--body);overflow-wrap:anywhere}
.pp-search-results small{font:13px var(--body);color:var(--muted)}
.pp-find.is-searching .pp-directory,.pp-find.is-searching .pp-sub{display:none}
.pp-ranking{margin-top:56px}
.pp-ranking .section-head{align-items:center}
.pp-ranking-note{margin:-4px 0 14px;color:var(--muted)}
.pp-region-panel{display:none}
.pp-ranking:has(input[value=all]:checked) [data-region=all],.pp-ranking:has(input[value=north-america]:checked) [data-region=north-america],.pp-ranking:has(input[value=europe]:checked) [data-region=europe],.pp-ranking:has(input[value=asia-pacific]:checked) [data-region=asia-pacific]{display:block}
.pp-region-panel:not(:has(.pp-more[open])) [data-more]{display:none}
.pp-more>summary{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;border:1px solid var(--soft);font:600 15px var(--body);cursor:pointer;list-style:none}
.pp-more>summary::-webkit-details-marker{display:none}
.pp-more>summary:hover{background:var(--bg2)}
.pp-more[open]{display:none}
.pp-players-table th[scope=row] a{color:inherit;text-decoration:none;font-weight:600}
.pp-players-table th[scope=row] a:hover{text-decoration:underline;text-underline-offset:3px}
.pp-mini-form{display:flex;gap:3px;list-style:none;margin:0;padding:0}
.pp-mini-form li{display:grid;place-items:center;width:30px;height:26px;border:1px solid var(--soft);font:500 11px var(--mono);color:var(--muted)}
.pp-mini-form li.is-win{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pp-mini-form li.is-top8{border-color:var(--ink);color:var(--ink)}
.pp-mini-form li.is-top32{color:var(--ink)}
.pp-champions{margin-top:56px}
.pp-champions .section-head>a{font:500 15px var(--body);color:var(--ink);text-underline-offset:3px}
.pp-champ-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--soft)}
.pp-champ-list li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;min-height:60px;padding-left:12px;border-bottom:1px solid var(--soft)}
.pp-champ-list li::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:linear-gradient(180deg,var(--deck-domain-1,var(--soft)) 0 50%,var(--deck-domain-2,var(--soft)) 50% 100%)}
.pp-champ-list .pp-face-mini{width:40px;height:40px}
.pp-champ-ev{display:flex;flex-direction:column;font:600 15px/1.3 var(--body)}
.pp-champ-ev a{color:inherit}
.pp-champ-ev small{font:12px var(--mono);color:var(--muted)}

@media(max-width:1000px){
.pp-body{grid-template-columns:minmax(0,1fr)}
.pp-infobox{position:static}
}
@media(max-width:650px){
.pp-art{min-height:0;aspect-ratio:17/10}
.pp-hero dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-lede{font-size:17px}
.pp-jumps{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none}
.pp-jumps a{flex:none}
.pp-run-days{grid-template-columns:minmax(0,1fr)}
.pp-event-matches>summary{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-areas:"n s x" "d s x";gap:2px 10px;padding:8px 0}
.pp-em-name{grid-area:n;font-size:19px}.pp-em-date{grid-area:d}.pp-em-status{grid-area:s}
.pp-tier-switch,.pp-region-switch{display:flex;width:100%;overflow-x:auto}
.pp-tier-switch span,.pp-region-switch span{padding:10px 12px;white-space:nowrap}
.pp-region-switch{display:grid;grid-template-columns:1fr 1fr}
.pp-region-switch label+label{border-left:0}
.pp-region-switch span{text-align:center}
.pp-legend-table th,.pp-legend-table td{white-space:normal;font-size:13px;padding-inline:6px}
.pp-legend-table :is(th,td):nth-child(n+4){display:none}
.pp-champ-list li{grid-template-columns:40px minmax(0,1fr);padding:8px 0 8px 12px}
.pp-champ-ev{grid-column:2;font-size:14px}
.pp-mini-form li{width:24px}
.pp-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;max-height:360px}
}