@charset "utf-8";
@import url("livescore.css?20260914-2");

#rankhbyh_app .alert { margin-bottom:15px; }
#rankhbyh_app #rankhbyh { overflow-x:visible; }
#rankhbyh_app .dpt-rank-table-scroll { max-width:100%; }
#rankhbyh_app #rankhbyhTable td.player_name,
#rankhbyh_app #rankhbyhTable td.player_name a,
#rankhbyh_app #rankhbyhTable td.player_name .name_jp,
#rankhbyh_app #rankhbyhTable td.player_name .name_en {
	white-space:normal;
	overflow-wrap:anywhere;
}
#rankhbyh_app #rankhbyhTable .dpt-player-name-content {
	display:flex;
	align-items:flex-start;
	width:100%;
}
#rankhbyh_app #rankhbyhTable .dpt-player-name-content .dpt-country-flag {
	flex:0 0 auto;
	margin-top:.2em;
}
#rankhbyh_app #rankhbyhTable .dpt-player-name-content > a {
	display:block;
	flex:1 1 auto;
	min-width:0;
}
#rankhbyh_app #rankhbyhTable tbody td:nth-child(3),
#rankhbyh_app #rankhbyhTable tbody td:nth-child(4),
#rankhbyh_app #rankhbyhTable tbody td:nth-child(5),
#rankhbyh_app #rankhbyhTable tbody td:nth-child(15),
#rankhbyh_app #rankhbyhTable tbody td:nth-child(25) {
	background-color:#e9e9e9 !important;
}
#rankhbyh_app #rankhbyhTable tr > :nth-child(5) {
	width:75px;
	white-space:nowrap;
}
#rankhbyh_app #rankhbyhTable .today-strokes {
	font-size:80%;
}

@media screen and (min-width: 992px) {
	#rankhbyh_app #rankhbyhTable {
		width:100% !important;
		table-layout:fixed;
	}
	#rankhbyh_app #rankhbyhTable th,
	#rankhbyh_app #rankhbyhTable td { padding:2px 1px; }
	#rankhbyh_app #rankhbyhTable tr > :first-child { width:40px; }
	#rankhbyh_app #rankhbyhTable td.player_name,
	#rankhbyh_app #rankhbyhTable th:nth-child(2) { width:240px; }
	#rankhbyh_app #rankhbyhTable tr > :nth-child(3) { width:48px; }
	#rankhbyh_app #rankhbyhTable tr > :nth-child(4) { width:44px; }
}

@media screen and (max-width: 991px) {
	#rankhbyh_app .dpt-rank-table-scroll {
		max-width:100%;
		overflow-x:auto;
	}
	#rankhbyh_app #rankhbyhTable {
		width:1044px !important;
		table-layout:auto;
	}
	#rankhbyh_app #rankhbyhTable td.player_name { width:auto; min-width:140px; }
}

@media screen and (max-width: 767px) {
	#rankhbyh_app .dpt-rank-table-scroll {
		max-height:75vh;
		overflow-x:auto;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}

	#rankhbyh_app #rankhbyhTable {
		--rank-column-width:40px;
		--rank-header-row-height:26px;
	}

	#rankhbyh_app #rankhbyhTable tr > .rank_column {
		position:sticky;
		left:0;
		width:var(--rank-column-width);
		min-width:var(--rank-column-width);
		max-width:var(--rank-column-width);
		z-index:3;
		background-color:#fff;
	}

	#rankhbyh_app #rankhbyhTable tr > .player_name {
		position:sticky;
		left:var(--rank-column-width);
		width:160px;
		min-width:140px;
		max-width:200px;
		z-index:2;
		background-color:#fff;
		white-space:normal;
		overflow-wrap:anywhere;
		border-right:1px solid rgba(0,0,0,.12);
		box-shadow:2px 0 3px rgba(0,0,0,.08);
	}

	#rankhbyh_app #rankhbyhTable td.player_name a {
		white-space:normal;
	}

	#rankhbyh_app #rankhbyhTable thead th {
		position:sticky;
		top:0;
		z-index:4;
		background-color:rgb(102,102,102);
	}

	#rankhbyh_app #rankhbyhTable thead tr:nth-child(2) th {
		top:var(--rank-header-row-height);
	}

	#rankhbyh_app #rankhbyhTable thead .rank_column,
	#rankhbyh_app #rankhbyhTable thead .player_name {
		z-index:6;
		background-color:rgb(102,102,102);
	}

	#rankhbyh_app #rankhbyhTable .dpt-cut-line td {
		position:relative;
		z-index:1;
	}

	#rankhbyh_app #rankhbyhTable .dpt-cut-line-label {
		position:sticky;
		left:0;
		width:calc(100vw - 32px);
		max-width:100%;
	}
}

/* PGA TOUR inspired rank-by-hole presentation */
#rankhbyh_app #rankhbyh {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	column-gap:16px;
	align-items:center;
}

#rankhbyh_app #rankhbyh > .dpt-language-mode {
	grid-column:2;
	grid-row:1;
	justify-self:end;
}

#rankhbyh_app #rankhbyh > .dpt-score-mode:not(.dpt-language-mode) {
	grid-column:2;
	grid-row:2;
	justify-self:end;
}

#rankhbyh_app #rankhbyh > h4,
#rankhbyh_app #rankhbyh > .dpt-rank-table-scroll { grid-column:1 / -1; }

#rankhbyh_app #rankhbyh > h4 {
	margin:12px 0 20px !important;
	padding:14px 18px 10px;
	border-top:4px solid #2c2f35;
	border-bottom:1px solid #d7d7d7;
	background:var(--dpt-soft);
	color:var(--dpt-ink);
	font-size:27px;
	font-weight:900;
}

#rankhbyh_app #rankhbyhTable {
	margin:0;
	border:0;
	border-collapse:separate;
	border-spacing:0;
	background:#fff;
}

#rankhbyh_app #rankhbyhTable thead th {
	height:40px;
	padding:8px 3px;
	border:0;
	background:#2d3036 !important;
	color:#fff;
	font-size:12px;
	font-weight:800;
	letter-spacing:.02em;
	text-transform:uppercase;
	vertical-align:middle;
}

#rankhbyh_app #rankhbyhTable thead tr:last-child th,
#rankhbyh_app #rankhbyhTable thead th[rowspan] { border-bottom:3px solid var(--dpt-gold); }

#rankhbyh_app #rankhbyhTable tbody td {
	height:52px;
	padding:8px 3px;
	border:0;
	border-bottom:1px solid var(--dpt-line);
	color:var(--dpt-ink);
	font-size:15px;
	font-weight:500;
	vertical-align:middle;
}

#rankhbyh_app #rankhbyhTable tbody tr:hover > td:not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(15)):not(:nth-child(25)) {
	background-color:#f6f7f7 !important;
}
#rankhbyh_app #rankhbyhTable td.rank_column,
#rankhbyh_app #rankhbyhTable td.player_name { font-weight:900; }
#rankhbyh_app #rankhbyhTable td.player_name a { color:#30343a; text-decoration:none; }
#rankhbyh_app #rankhbyhTable td.player_name a:hover { color:var(--dpt-gold-dark); }

#rankhbyh_app #rankhbyhTable .dpt-cut-line td {
	height:auto;
	background:#faf8ef !important;
	color:#6f5a00;
	border-top:2px solid var(--dpt-gold);
}

@media screen and (max-width: 767px) {
	#rankhbyh_app #rankhbyh { display:block; }
	#rankhbyh_app #rankhbyh > .dpt-language-mode,
	#rankhbyh_app #rankhbyh > .dpt-score-mode:not(.dpt-language-mode) { justify-content:flex-start; }
	#rankhbyh_app #rankhbyh > h4 { font-size:22px; }
	#rankhbyh_app #rankhbyhTable tbody td {
		height:48px;
		font-size:14px;
	}
	#rankhbyh_app #rankhbyhTable thead th { font-size:10px; }
}
