.tonamel-Tournament {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(190px, 1fr);
gap: 14px;
overflow-x: auto;
padding-bottom: 12px;
}
.tonamel-Tournament_Round {
min-width: 190px;
}
.tonamel-Tournament_RoundHeading {
margin: 0 0 8px;
padding: 8px 10px;
background: #171d3a;
color: #fff;
font-size: 1.4rem;
line-height: 1.3;
text-align: center;
}
.tonamel-Tournament_Matches {
display: grid;
gap: 10px;
}
.tonamel-Tournament_Match {
border: 1px solid #171d3a;
background: #fff;
}
.tonamel-Tournament_MatchLabel {
padding: 5px 8px;
border-bottom: 1px solid #171d3a;
background: #f2f2f2;
color: #171d3a;
font-size: 1.1rem;
line-height: 1.3;
}
.tonamel-Tournament_Side {
display: flex;
align-items: center;
min-height: 36px;
padding: 7px 8px;
color: #171d3a;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.35;
}
.tonamel-Tournament_Side + .tonamel-Tournament_Side {
border-top: 1px solid #d4d4d4;
}
.tonamel-Tournament_Side.is-winner {
background: #ffecec;
color: #d42134;
}
.tonamel-Empty {
margin: 20px 0;
text-align: center;
}
.tonamel-TeamResult_DecisiveMark {
margin-left: .25em;
color: #e83a4d;
font-weight: bold;
}
.tonamel-ResultModal-isOpen,
.tonamel-ResultModal-isOpen body {
overflow: hidden;
}
.tonamel-ResultModal[hidden] {
display: none;
}
.tonamel-ResultModal {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
position: fixed;
z-index: 23000;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 24px;
background: rgba(0, 0, 0, .55);
}
.tonamel-ResultModal_Dialog {
box-sizing: border-box;
width: 100%;
max-width: 1180px;
max-height: 92vh;
padding: 42px 28px 28px;
background: #fff;
position: relative;
overflow: auto;
}
.tonamel-ResultModal_Close {
width: 38px;
height: 38px;
border: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.tonamel-ResultModal_Close::before,
.tonamel-ResultModal_Close::after {
content: "";
display: block;
width: 24px;
height: 2px;
background: #171d3a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.tonamel-ResultModal_Close::before {
transform: rotate(45deg);
}
.tonamel-ResultModal_Close::after {
transform: rotate(-45deg);
}
.tonamel-ResultModal_Title {
margin: 0 0 16px;
color: #171d3a;
font-size: 2rem;
line-height: 1.4;
}
.tonamel-ResultModal_Body {
overflow-x: auto;
}
.tonamel-TeamMatch {
min-width: 980px;
border: 1px solid #b3b3b3;
color: #2d2d2d;
background: #fff;
font-weight: bold;
}
.tonamel-TeamMatch_Header {
display: grid;
grid-template-columns: 1fr 160px 1fr;
min-height: 78px;
border-bottom: 1px solid #b3b3b3;
}
.tonamel-TeamMatch_TeamName {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 4rem;
line-height: 1.2;
}
.tonamel-TeamMatch_TeamName.is-red {
background: #ef3348;
color: #fff;
}
.tonamel-TeamMatch_TeamName.is-white {
background: #fff;
}
.tonamel-TeamMatch_Meta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
color: #333;
font-size: 1.8rem;
line-height: 1.4;
}
.tonamel-TeamBout {
display: grid;
grid-template-columns: minmax(170px, 1fr) 210px 130px 210px minmax(170px, 1fr);
min-height: 66px;
border-bottom: 1px solid #b3b3b3;
}
.tonamel-TeamBout_Player {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 10px;
background: #cfcfcf;
font-size: 3.2rem;
line-height: 1.2;
}
.tonamel-TeamBout_Player.is-winner {
background: #5b91dc;
color: #fff;
}
.tonamel-TeamBout_Scores {
display: grid;
position: relative;
grid-template-columns: repeat(3, 1fr);
background: #fff;
}
.tonamel-TeamBout_Score {
display: flex;
align-items: center;
justify-content: center;
min-height: 66px;
border-left: 1px solid #b3b3b3;
position: relative;
}
.tonamel-TeamBout_Score:last-child {
border-right: 1px solid #b3b3b3;
}
.tonamel-KendoScore {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 2px solid #ef3348;
border-radius: 50%;
color: #ef3348;
font-size: 2rem;
line-height: 1;
}
.tonamel-TeamBout_Foul {
position: absolute;
right: 8px;
bottom: 6px;
color: #ef3348;
font-size: 2.2rem;
line-height: 1;
}
.tonamel-TeamBout_Center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
background: #eee;
text-align: center;
font-size: 1.8rem;
line-height: 1.35;
}
.tonamel-TeamBout_Position {
display: block;
}
.tonamel-TeamBout_Judgment,
.tonamel-TeamBout_Overtime {
display: block;
margin-top: 2px;
font-size: 1.6rem;
}
.tonamel-TeamMatch_Empty {
margin: 0;
padding: 18px;
text-align: center;
}
.tonamel-TeamMatch_Summary {
display: grid;
grid-template-columns: 1fr 1fr 130px 1fr 1fr;
min-height: 76px;
}
.tonamel-TeamMatch_SummaryCell {
display: flex;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid #b3b3b3;
background: #cfcfcf;
padding: 8px 12px 10px;
}
.tonamel-TeamMatch_SummaryCell.is-winner {
background: #5b91dc;
color: #fff;
}
.tonamel-TeamMatch_SummarySpacer {
border-right: 1px solid #b3b3b3;
background: #fff;
}
.tonamel-TeamMatch_SummaryLabel {
font-size: 1.4rem;
line-height: 1.2;
}
.tonamel-TeamMatch_SummaryValue {
display: block;
text-align: center;
font-size: 4.8rem;
line-height: 1;
}
@media only screen and (max-width: 768px) {
.tournament-wrapper {
margin: 10px 0 10px;
}
.tonamel-TeamResult_Table {
min-width: 720px;
}
.tonamel-TeamResult_Table th {
font-size: 1.3rem;
}
.tonamel-TeamResult_Table td {
padding: 10px 8px;
font-size: 1.6rem;
}
.tonamel-TeamResult_DetailButton {
min-width: 54px;
min-height: 32px;
font-size: 1.2rem;
}
.tonamel-ResultModal {
padding: 10px;
}
.tonamel-ResultModal_Dialog {
max-height: 94vh;
padding: 40px 12px 18px;
}
.tonamel-ResultModal_Title {
font-size: 1.5rem;
}
.tonamel-TeamMatch {
min-width: 760px;
}
.tonamel-TeamMatch_Header {
grid-template-columns: 1fr 110px 1fr;
min-height: 62px;
}
.tonamel-TeamMatch_TeamName {
font-size: 2.8rem;
}
.tonamel-TeamMatch_Meta {
font-size: 1.4rem;
}
.tonamel-TeamBout {
grid-template-columns: minmax(130px, 1fr) 150px 96px 150px minmax(130px, 1fr);
min-height: 56px;
}
.tonamel-TeamBout_Player {
font-size: 2.3rem;
}
.tonamel-TeamBout_Score {
min-height: 56px;
}
.tonamel-KendoScore {
width: 28px;
height: 28px;
font-size: 1.6rem;
}
.tonamel-TeamBout_Center {
font-size: 1.4rem;
}
.tonamel-TeamBout_Judgment,
.tonamel-TeamBout_Overtime {
font-size: 1.2rem;
}
.tonamel-TeamMatch_Summary {
grid-template-columns: 1fr 1fr 96px 1fr 1fr;
min-height: 62px;
}
.tonamel-TeamMatch_SummaryValue {
font-size: 3.6rem;
}
}