.rankings-page{--rank-accent:var(--club-coral)}.rank-date{z-index:2;width:max-content;max-width:100%;margin:0;position:relative}.rank-date>summary{cursor:pointer;border:1px solid #526458;border-radius:3px;align-items:center;min-height:44px;padding:8px 13px;font:14px IBM Plex Sans,sans-serif;list-style:none;display:flex}.rank-date>summary::-webkit-details-marker{display:none}.rank-date[open] .rank-days{background:var(--paper);border:1px solid var(--ink);text-align:left;grid-template-columns:1fr 1fr 1.6fr;width:min(450px,100vw - 40px);padding:16px 12px 12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:3px 3px #192b2820}.rank-table tr[data-place="1"]:not([data-you=true]){background:#d9bc7218}.rank-table tr[data-place="2"]:not([data-you=true]){background:#c8d0ce20}.rank-table tr[data-place="3"]:not([data-you=true]){background:#cc9b7a18}.club-header nav a{align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}.club-header nav a:hover,.club-header nav a[aria-current]{text-underline-offset:6px;text-decoration:underline}.rank-heading{justify-content:space-between;align-items:center;gap:16px;padding:26px 0 20px;display:flex}.rank-heading h1{font:clamp(36px,5vw,58px)/1.05 var(--display);letter-spacing:-2.5px}.board-source{font:11px/1.5 var(--mono);text-align:right;max-width:45%}.board-source:before{content:"";background:#697970;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.board-source[data-online=true]:before{background:#327746}.rank-tabs{border-bottom:1px solid var(--ink);gap:4px;display:flex}.rank-tabs button{min-width:130px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;padding:10px 18px;font-size:16px;font-weight:500;position:relative}.rank-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--ink);font-weight:600}.rank-tabs button:active{background:var(--rank-accent);color:var(--ink)}.rank-tools{grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;display:grid}.rank-tools label{gap:5px;min-width:0;font-size:11px;display:grid}.rank-tools :is(select,input){border-radius:var(--control-radius);width:100%;min-width:0;height:44px;color:var(--ink);background:0 0;border:1px solid #526458;padding:8px 10px;font-size:16px}.rank-tools :is(select,input):focus{background:#fff9e6}.rank-tools ::placeholder{color:#45574d;opacity:1}#ranking-event{font-weight:500}.your-standing{border-block:1px solid #192b2838;justify-content:space-between;align-items:center;gap:14px;padding:4px 0;display:flex}.standing-copy{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.your-standing strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}#standing-detail{font:11px/1.45 var(--mono);color:#45574d}.rank-play{background:var(--rank-accent);min-height:44px;color:var(--ink);border:1px solid var(--ink);border-radius:var(--control-radius);transition:transform var(--press-duration) var(--control-ease),box-shadow var(--press-duration) var(--control-ease);flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.rank-play:active{transform:translateY(2px)}@media (hover:hover){.rank-play:hover{box-shadow:2px 2px 0 var(--ink)}.rank-country-link:hover strong{text-underline-offset:3px;text-decoration:underline}.rank-table tr:hover{background:#192b2807}}.rank-summary{justify-content:space-between;align-items:center;gap:12px;min-height:34px;font-size:12px;line-height:1.4;display:flex}.rank-summary .text-button{white-space:nowrap;font-size:12px}.rank-table-wrap{max-width:100%}.rank-table{table-layout:fixed;width:100%;font-size:14px}.rank-table caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.rank-table th{font:10px var(--mono);border-block:1px solid var(--ink);background:var(--paper);padding:10px 8px}.rank-table td{white-space:normal;border-bottom:1px solid #192b282a;height:58px;padding:3px 8px}.rank-table .place-heading{width:64px}.rank-table .score-heading{text-align:right;width:112px}.rank-place{font:17px var(--mono)}.rank-place .podium-place{--medal:#d9bc72;vertical-align:middle;width:30px;height:38px;color:var(--ink);display:inline-block;position:relative}.podium-place[data-medal=silver]{--medal:#c8d0ce}.podium-place[data-medal=bronze]{--medal:#cc9b7a}.podium-place svg{width:100%;height:100%;display:block;overflow:visible}.podium-place .medal-ribbon{fill:var(--paper);stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.podium-place .medal-face{fill:var(--medal);stroke:var(--ink);stroke-width:1.2px}.podium-place .medal-ring{fill:none;stroke:var(--paper);stroke-width:1.3px}.podium-place .medal-number{height:75%;font:500 14px/1 var(--mono);place-items:center;display:grid;position:absolute;inset:0 0 auto}@media (forced-colors:active){.podium-place .medal-face,.podium-place .medal-ribbon{fill:canvas;stroke:canvastext}.podium-place .medal-ring{stroke:canvastext}}.rank-person{align-items:center;gap:12px;min-width:0;display:flex}.rank-country-link{width:100%;min-height:50px;color:var(--ink);text-align:left;background:0 0;border:0;padding:0}.rank-country-link:active{transform:translateY(1px)}.rank-flag{flex:0 0 28px;justify-content:center;align-items:center;width:28px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:22px;line-height:1;display:flex}.rank-person strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.35;display:block}.rank-person small{color:#45574d;margin-top:2px;font-size:11px;line-height:1.4;display:block}.rank-score{text-align:right;font-family:var(--mono)}.rank-score strong{white-space:nowrap;font-size:19px;font-weight:400}.rank-table tr[data-you=true]{background:color-mix(in srgb,var(--rank-accent) 32%,transparent)}.you-tag{font:8px var(--mono);vertical-align:middle;white-space:nowrap;border:1px solid #192b2860;margin-left:5px;padding:1px 3px}.rank-list-end{min-height:56px;font:11px var(--mono);border-bottom:1px solid #192b2860;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.back-top{text-underline-offset:4px;align-items:center;min-height:44px;font:12px IBM Plex Sans,sans-serif;display:flex}.ranking-explainer{padding:4px 0 10px}.ranking-explainer summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.ranking-explainer p{color:#45574d;max-width:720px;margin:0 0 12px;font-size:13px;line-height:1.6}.rank-connection{border-left:3px solid var(--rank-accent);background:#192b2807;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:5px 10px;font-size:12px;line-height:1.5;display:flex}.rank-connection .text-button{padding-inline:8px}.rank-empty{text-align:center;border-bottom:1px solid #192b2830;padding:32px 0}.rank-empty strong{font:22px/1.2 var(--display);letter-spacing:-.5px}.rank-empty p{margin:8px 0 18px;font-size:14px;line-height:1.5}.rank-empty .rank-play{display:inline-flex}#country-filter{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}#find-you{margin-left:auto}.rank-list-end .rank-play{margin:6px 0 6px auto}@media (width<=760px){.club-header nav a{font-size:12px}.rank-heading{padding:16px 0 14px}.rank-heading h1{letter-spacing:-1.8px;font-size:38px}.rank-tools{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.rank-tabs button{flex:1;min-width:0}.your-standing{gap:10px;padding:3px 0}.standing-copy{display:block}.your-standing strong{font-size:13px}#standing-detail{margin-top:3px;font:11px/1.4 IBM Plex Sans,sans-serif;display:block}.rank-play{gap:16px;padding:9px 12px}.rank-summary{font-size:11px}.rank-table .place-heading{width:40px}.rank-table .score-heading{width:76px}.rank-table th{padding:9px 4px;font-size:10px}.rank-table td{height:56px;padding:3px 4px}.rank-place{font-size:15px}.rank-place .podium-place{width:27px;height:34px}.podium-place .medal-number{font-size:13px}.rank-person{gap:8px}.rank-person strong{font-size:13px}.rank-person small{font-size:10px}.rank-flag{flex-basis:25px;width:25px;font-size:21px}.rank-score strong{font-size:17px}.rank-country-link{min-height:48px}}@media (prefers-reduced-motion:reduce){.rank-tabs button,.rank-play{transition:none}}@media (width>=640px) and (width<=760px){.rankings-page .club-header{min-height:88px;padding-block:env(safe-area-inset-top) 0;flex-wrap:nowrap;gap:24px}.rankings-page .club-header nav{gap:20px;width:auto}.rank-tools{grid-template-columns:1fr 1fr;gap:12px}}.rank-state{text-align:right;grid-template-columns:auto auto;place-items:center end;gap:0 16px;min-width:0;max-width:55%;display:grid}.rank-state .rank-date{grid-row:1/3}.rank-state .board-source{max-width:none}.contest-status{font:11px/1.45 var(--mono);color:#45574d}.contest-status[data-status=closing]{color:#8c361e}.rank-days{grid-template-columns:110px 110px minmax(150px,210px);align-items:end;gap:8px;padding-bottom:12px;display:grid}.rank-days button{border-radius:var(--control-radius);height:44px;color:var(--ink);transition:background var(--press-duration) var(--control-ease);background:0 0;border:1px solid #526458;font-size:14px}.rank-days button[aria-pressed=true]{background:var(--rank-accent);border-color:var(--ink);font-weight:500}.rank-days button:active{background:var(--ink);color:var(--paper)}.rank-days label{min-width:0;position:relative}.rank-days label span{background:var(--paper);font:10px/1 var(--mono);z-index:1;padding:0 4px;position:absolute;top:-6px;left:9px}.rank-days input{border-radius:var(--control-radius);width:100%;min-width:0;max-width:100%;height:44px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:1px solid #526458;padding:9px 10px 5px;font:14px IBM Plex Sans,sans-serif}.rank-days input::-webkit-date-and-time-value{text-align:left}.rank-days input:focus{background:#fff9e6}#new-contest{margin-top:0;font-size:12px}#new-contest button{white-space:nowrap}.ranking-explainer a{color:inherit;text-underline-offset:3px}@media (width<=760px){.rank-date{margin-bottom:0}.rank-date[open] .rank-days{grid-template-columns:1fr 1fr}.rank-date[open] .rank-days label{grid-column:1/-1}.rank-heading{padding:4px 0 2px}.rank-heading h1{letter-spacing:-1.7px;font-size:35px}.rank-state{grid-template-columns:1fr;gap:2px;max-width:49%}.rank-state .rank-date{grid-row:auto}.contest-status{font:10px/1.4 IBM Plex Sans,sans-serif}.rank-state .board-source{font-size:10px}.rank-days{grid-template-columns:minmax(58px,1fr) minmax(73px,1fr) minmax(142px,1.7fr);gap:6px;padding-bottom:6px}.rank-days button{font-size:13px}.rank-days input{padding-inline:6px;font-size:16px}.rank-tools{gap:6px;padding:5px 0}.rank-tools label{gap:3px}.rank-summary{min-height:30px;font-size:11px}.your-standing{padding:1px 0}}@media (prefers-reduced-motion:reduce){.rank-days button{transition:none}}.rank-table .medal-heading{text-align:center;width:60px;font:10px var(--mono);padding-inline:2px}.medal-heading[data-medal=gold]{background:#d9bc7233}.medal-heading[data-medal=silver]{background:#c8d0ce55}.medal-heading[data-medal=bronze]{background:#cc9b7a33}.rank-table .medal-count{text-align:center;padding-inline:2px}.overall-breakdown{margin-left:40px;font-size:12px}.overall-breakdown summary{cursor:pointer;color:#45574d;text-underline-offset:3px;min-height:36px;padding:9px 0;display:list-item}.overall-breakdown summary:hover{text-decoration:underline}.overall-breakdown ul{margin:0;padding:0 0 9px;list-style:none}.overall-breakdown li{font:11px/1.5 var(--mono);overflow-wrap:anywhere;border-top:1px solid #192b2820;gap:2px;padding:5px 0;display:grid}.overall-breakdown a{min-height:36px;color:var(--ink);text-underline-offset:3px;align-items:center;font:13px IBM Plex Sans,sans-serif;display:flex}.overall-breakdown small{color:#45574d;font:11px IBM Plex Sans,sans-serif}[data-overall=true] .rank-summary{padding-block:6px}@media (width<=760px){.rank-table .medal-heading{width:39px;font-size:10px}.rank-table .medal-count strong{font-size:16px}.overall-breakdown{margin-left:0}.overall-breakdown summary{font-size:11px}.overall-breakdown li{font-size:10px}[data-overall=true] .rank-person{gap:5px}[data-overall=true] .rank-person strong{font-size:12px}[data-overall=true] .rank-flag{flex-basis:21px;width:21px;font-size:17px}}[data-overall=true] .rank-person{min-height:50px}[data-overall=true] .rank-table :is(.rank-place,.medal-count){vertical-align:top;padding-top:14px}.performance-detail{color:#45574d;font:11px/1.45 var(--mono);overflow-wrap:anywhere;margin:0 0 7px 40px;display:block}@media (width<=760px){.performance-detail{margin-left:33px;font-size:10px}.rank-score strong{font-size:16px}}@media (forced-colors:active){.rank-tabs button[aria-selected=true],.rank-days button[aria-pressed=true]{color:highlighttext;forced-color-adjust:none;background:highlight}.rank-tabs button[aria-selected=true]{border-bottom:3px solid highlight}.rank-days button[aria-pressed=true]{border:2px solid highlight}}@media (width>=761px) and (height<=640px){.rankings-page .club-header{min-height:48px}.rankings-page .brand img{width:150px}#rankings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:22px;display:grid}#rankings>*{grid-column:1/-1}#rankings>.rank-heading{grid-column:1/-1;padding:2px 0}.rank-date[open] .rank-days{left:auto;right:0}#rankings>.rank-tabs{grid-column:1;align-self:end}#rankings>.rank-tools{border-bottom:1px solid var(--ink);grid-column:2;grid-template-columns:minmax(136px,1.1fr) minmax(100px,.8fr);padding:4px 0}#rankings>.your-standing{border:0;grid-column:1;align-self:center;padding:0}#rankings>.rank-summary{grid-column:2;align-self:center}.rank-heading h1{letter-spacing:-1.2px;font-size:26px}.rank-state{gap:0;max-width:52%}.rank-state .board-source,.contest-status{font-size:10px}.rank-tabs button{padding:6px 18px;font-size:15px}.rank-tools label{gap:2px;font-size:10px}.rank-connection{margin-bottom:4px;padding:3px 10px}.your-standing strong{font-size:13px}.rank-summary{min-height:0;padding-block:2px;font-size:11px}.rank-table th{padding:4px 8px}.rank-table td{height:44px;padding-block:0}.rank-country-link{min-height:44px}.rank-place{font-size:15px}.rank-place .podium-place{width:26px;height:33px}.performance-detail{margin-bottom:1px;font-size:10px}.rank-person small{margin-top:0}.podium-place .medal-number{font-size:13px}.ranking-explainer{padding:0}.ranking-explainer summary{font-size:12px}}
