*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 16px;
-webkit-text-size-adjust: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #333;
background-color: #fff;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
body.home,
body.page-tournaments-search {
background: #fff url(https://badmap.jp/wp-content/uploads/2026/10/badmap-bg-2.webp) center top / 100% auto repeat-y;
}
ul {
list-style: none;
}
a {
color: #2563a0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
select,
input,
button {
font-family: inherit;
font-size: inherit;
} .container {
max-width: 960px;
margin: 0 auto;
padding: 0 16px;
} .site-header {
border-bottom: 1px solid #e0e0e0;
background-color: #fff;
}
.site-header__inner {
max-width: 960px;
margin: 0 auto;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: space-between;
height: 56px;
}
.site-logo {
font-size: 18px;
font-weight: 700;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.site-logo:hover {
text-decoration: none;
color: #333;
}
.site-nav {
display: flex;
gap: 24px;
}
.site-nav__link {
font-size: 14px;
color: #555;
text-decoration: none;
white-space: nowrap;
}
.site-nav__link:hover {
color: #2563a0;
text-decoration: none;
} .search-section {
padding: 32px 0;
border-bottom: 1px solid #e0e0e0;
}
.search-section__title {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 20px;
}
.search-form__keyword {
position: relative;
margin-bottom: 12px;
}
.search-form__label--hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.search-form__more {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 44px;
margin: 0;
padding: 8px 2px;
border: 0;
background: transparent;
color: #2563a0;
font-size: 14px;
font-weight: 700;
text-align: left;
cursor: pointer;
}
.search-form__more:hover {
color: #1d4c7b;
}
.search-form__more-side {
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.search-form__more-badge {
padding: 2px 8px;
border-radius: 999px;
background: #e7f0f8;
color: #1d4c7b;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.search-form__more-mark {
display: inline-block;
width: 8px;
height: 8px;
margin-top: -4px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
flex-shrink: 0;
}
.search-form__more[aria-expanded="true"] .search-form__more-mark {
margin-top: 4px;
transform: rotate(225deg);
}
.search-form__extra {
display: grid;
grid-template-rows: 0fr;
}
.search-form.is-ready .search-form__extra {
transition: grid-template-rows 0.42s cubic-bezier(0.16, 1.28, 0.32, 1);
}
.search-form.is-ready .search-form__more-mark {
transition: transform 0.32s cubic-bezier(0.16, 1.28, 0.32, 1), margin-top 0.32s cubic-bezier(0.16, 1.28, 0.32, 1);
}
.search-form__extra.is-open {
grid-template-rows: 1fr;
}
.search-form__extra-inner {
min-height: 0;
overflow: hidden;
}
.search-form__extra-body {
padding: 8px 2px 2px;
}
.search-form__hint {
margin-top: 8px;
color: #6b7280;
font-size: 12px;
line-height: 1.6;
}
.search-form__fields {
display: flex;
align-items: stretch;
gap: 16px;
margin-bottom: 0;
}
.search-form__field {
flex: 1;
min-width: 0;
}
.search-form__label {
display: block;
font-size: 13px;
font-weight: 600;
color: #555;
margin-bottom: 6px;
}
.search-form__select,
.search-form__input {
width: 100%;
height: 40px;
padding: 0 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
color: #333;
appearance: auto;
}
.search-form__input::placeholder {
color: #8b949e;
opacity: 1;
}
.search-form__select.is-placeholder {
color: #8b949e;
}
.search-form__select option {
color: #333;
}
.search-form__select:disabled,
.search-form__input:disabled {
background-color: #f5f5f5;
color: #999;
cursor: not-allowed;
}
.search-form__date-range {
display: flex;
align-items: center;
gap: 6px;
}
.search-form__date-range .search-form__input {
flex: 1;
min-width: 0;
}
.search-form__date-separator {
font-size: 14px;
color: #888;
flex-shrink: 0;
}
.search-form__submit {
display: block;
width: 100%;
max-width: 280px;
margin: 0 auto;
padding: 10px 24px;
background-color: #b0b8c1;
color: #fff;
font-size: 15px;
font-weight: 600;
border: none;
border-radius: 4px;
cursor: not-allowed;
} .section-title {
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #2563a0;
} .prefecture-section {
padding: 32px 0;
background-color: #FFF;
border-bottom: 1px solid #e0e0e0;
}
.prefecture-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px 40px;
}
.prefecture-group__name {
font-size: 14px;
font-weight: 700;
color: #333;
margin-bottom: 6px;
}
.prefecture-group__list {
font-size: 14px;
color: #2563a0;
line-height: 1.8;
} .column-section {
padding: 32px 0;
}
.column-list {
display: flex;
flex-direction: column;
}
.column-list__item {
padding: 12px 0;
border-bottom: 1px solid #e8e8e8;
}
.column-list__item:first-child {
padding-top: 0;
}
.column-list__title {
display: block;
font-size: 15px;
font-weight: 700;
color: #333;
margin-bottom: 4px;
}
.column-list__desc {
display: block;
font-size: 13px;
color: #888;
line-height: 1.6;
} .site-footer {
border-top: 1px solid #e0e0e0;
background-color: #f7f8fa;
padding: 24px 0 16px;
}
.site-footer__inner {
max-width: 960px;
margin: 0 auto;
padding: 0 16px;
}
.site-footer__content {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16px;
}
.site-footer__name {
font-size: 15px;
font-weight: 700;
color: #333;
}
.site-footer__links {
display: flex;
gap: 32px;
}
.site-footer__group {
display: flex;
flex-direction: column;
gap: 4px;
}
.site-footer__link-text {
font-size: 13px;
color: #888;
text-decoration: none;
}
.site-footer__copyright {
font-size: 12px;
color: #aaa;
text-align: center;
padding-top: 16px;
border-top: 1px solid #e0e0e0;
} @media (max-width: 767px) {
.search-section__title {
font-size: 18px;
}
.search-form__fields {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.search-form__submit {
max-width: 100%;
}
.prefecture-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.area-panel__footer {
align-items: stretch;
}
.area-panel__submit {
flex: 1 1 100%;
margin-left: 0;
}
.site-footer__content {
flex-direction: column;
gap: 16px;
}
.site-footer__links {
gap: 24px;
}
} .static-page-section {
padding: 32px 0 48px;
}
.static-page-section__title {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 2px solid #2563a0;
}
.static-page-section__body h2 {
font-size: 17px;
font-weight: 700;
color: #333;
margin: 28px 0 8px;
}
.static-page-section__body h2:first-child {
margin-top: 0;
}
.static-page-section__body p {
font-size: 14px;
color: #555;
line-height: 1.85;
margin-bottom: 8px;
} .search-form__submit { background-color: #2563a0; cursor: pointer; }
.search-form__submit:hover { background-color: #1d4c7b; }
.search-form__select:focus-visible, .search-form__input:focus-visible, .search-form__submit:focus-visible, .search-form__more:focus-visible { outline: 2px solid #2563a0; outline-offset: 2px; }
.results-section { padding: 32px 0; border-bottom: 1px solid #e0e0e0; }
.results-count { margin-bottom: 14px; color: #555; font-size: 14px; }
.results-message { font-size: 14px; color: #555; padding: 12px 0; }
.results-item { padding: 16px 0; border-bottom: 1px solid #e8e8e8; }
.results-item__title { font-size: 16px; font-weight: 700; }
.results-item__meta { display: flex; flex-wrap: wrap; column-gap: 18px; margin-top: 6px; color: #666; font-size: 13px; }
.results-pagination { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.results-pagination .page-numbers { display: inline-block; min-width: 32px; padding: 5px 9px; border: 1px solid #ddd; border-radius: 4px; text-align: center; }
.results-pagination .current { background: #2563a0; border-color: #2563a0; color: white; }  .prefecture-group__list a {
display: inline-flex;
align-items: baseline;
gap: 3px;
margin: 0 8px 4px 0;
padding: 2px 6px;
border-radius: 3px;
white-space: nowrap;
}
.area-finder__count {
color: #6b7280;
font-size: 12px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.area-finder__pref.is-active .area-finder__count {
color: #1d4c7b;
}
.area-finder__count.is-zero,
.area-panel__city-count.is-zero {
color: #b0b6bd;
font-weight: 600;
}
.area-panel__title .area-finder__count {
font-size: 14px;
}
.area-finder__hint {
margin: 0 0 14px;
color: #66707c;
font-size: 13px;
line-height: 1.6;
}
.area-finder__pref.is-active {
background: #e7f0f8;
color: #1d4c7b;
text-decoration: none;
}
.area-finder__pref:focus-visible {
outline: 2px solid #2563a0;
outline-offset: 2px;
}
.area-panel {
grid-column: 1 / -1;
min-width: 0;
}
.area-panel:not([hidden]) {
display: block;
}
.area-panel__clip {
overflow: visible;
}
.area-panel__body {
margin-top: 12px;
padding: 16px;
border: 1px solid #d5dde6;
border-radius: 6px;
background: #f7f9fb;
box-shadow: 0 8px 24px rgba(37, 99, 160, 0.08);
}
.area-panel__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.area-panel__title {
display: inline-flex;
align-items: baseline;
gap: 6px;
min-width: 0;
font-size: 16px;
font-weight: 700;
color: #333;
}
.area-panel__close,
.area-panel__reset {
border: none;
background: transparent;
color: #2563a0;
font-size: 13px;
font-weight: 700;
cursor: pointer;
padding: 8px;
}
.area-panel__reset:disabled {
visibility: hidden;
}
.area-panel__all {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 44px;
margin-top: 12px;
padding: 10px 16px;
border: 1px solid #2563a0;
border-radius: 4px;
background: #fff;
color: #1d4c7b;
font-size: 15px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.area-panel__all:hover {
background: #e7f0f8;
text-decoration: none;
}
.area-panel__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
gap: 0 12px;
margin-top: 8px;
}
.area-panel__city {
display: flex;
align-items: center;
gap: 4px;
min-height: 32px;
margin: 0;
padding: 1px 2px;
border: 0;
border-radius: 4px;
background: transparent;
color: #333;
font-size: 14px;
line-height: 1.3;
cursor: pointer;
}
.area-panel__city-name {
flex: 0 1 auto;
min-width: 0;
}
.area-panel__city-count {
flex: 0 0 auto;
margin-left: 1px;
color: #5b6770;
font-size: 13px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.area-panel__city input {
width: 18px;
height: 18px;
margin-top: 1px;
flex-shrink: 0;
accent-color: #2563a0;
}
.area-panel__city:hover {
background: #f3f6f9;
}
.area-panel__city.is-checked,
.area-panel__city.is-checked:hover {
background: #e7f0f8;
}
.area-panel__city input:focus {
outline: none;
}
.area-panel__city:focus-within {
outline: 2px solid #2563a0;
outline-offset: 2px;
}
.area-panel__none {
margin-top: 8px;
color: #555;
font-size: 13px;
line-height: 1.6;
}
.area-panel__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
margin-top: 12px;
}
.area-panel__footer[hidden],
.area-panel__none[hidden],
.area-panel__count[hidden],
.area-finder__hint[hidden] {
display: none;
}
.area-panel__count {
flex: 1 1 auto;
color: #555;
font-size: 13px;
}
.area-panel__submit {
flex: 0 0 auto;
min-height: 44px;
margin-left: auto;
padding: 10px 20px;
border: none;
border-radius: 4px;
background: #2563a0;
color: #fff;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.area-panel__submit:hover:not(:disabled) {
background: #1d4c7b;
}
.area-panel__submit:disabled {
background: #b0b8c1;
cursor: not-allowed;
}
.area-panel__close:focus-visible,
.area-panel__reset:focus-visible,
.area-panel__all:focus-visible,
.area-panel__submit:focus-visible {
outline: 2px solid #2563a0;
outline-offset: 2px;
} .search-form__actions {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 16px;
}
.search-form__actions .search-form__submit {
margin: 0;
}
.search-form__clear {
color: #626a72;
font-size: 13px;
white-space: nowrap;
}
.search-form__cities {
margin-top: 12px;
}
.search-form__cities-text {
color: #333;
font-size: 13px;
line-height: 1.6;
}
.search-form__cities-text a {
margin-left: 8px;
white-space: nowrap;
}
.search-section--results {
padding-top: 16px;
padding-bottom: 26px;
background: #fff;
}
.search-section--results .search-section__title {
margin-bottom: 16px;
}
.search-form__submit {
transition: background-color 0.15s ease;
} .breadcrumbs-bar {
border-bottom: 1px solid #e0e0e0;
}
.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
padding: 16px 0 8px;
color: #6b7280;
font-size: 12px;
}
.breadcrumbs a {
color: #606975;
}
.breadcrumbs__current {
min-width: 0;
overflow-wrap: anywhere;
} .results-section {
padding: 28px 0 64px;
border-bottom: 0;
}
.results-header {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
.results-header__title {
min-width: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
overflow-wrap: anywhere;
}
.results-count {
margin: 0;
color: #66707c;
font-size: 13px;
white-space: nowrap;
}
.results-count strong {
font-size: 17px;
color: #333;
font-weight: 700;
}
.results-empty {
padding: 34px 0 48px;
color: #68717a;
font-size: 14px;
}
.results-empty__title {
margin-bottom: 7px;
font-size: 15px;
color: #333;
font-weight: 700;
}
.results-message--error {
padding: 18px 0;
color: #9d3535;
}
.tournament-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
box-sizing: border-box;
max-width: 960px;
margin: 10px auto 0;
padding: 0 16px;
}
.tournament-list__item {
background-color: #fff;
}
.tournament-card {
display: block;
color: inherit;
text-decoration: none;
}
.tournament-card__inner {
padding: 20px 0;
}
.tournament-card:hover {
background-color: #f7f8fa;
text-decoration: none;
}
.tournament-card:focus-visible {
outline: 2px solid #2563a0;
outline-offset: 3px;
}
.tournament-card__top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 2px 12px;
margin-bottom: 6px;
}
.tournament-card__lead {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 8px;
flex: 1 1 auto;
min-width: min(100%, max-content);
}
.tournament-card__date {
color: #606975;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
}
.tournament-card__badges,
.tournament-detail__statuses {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
}
.status-tag {
display: inline-block;
padding: 2px 8px;
border: 1px solid #dadfe4;
border-radius: 3px;
background: #f5f6f7;
color: #4b5563;
font-size: 10px;
line-height: 1.5;
font-weight: 500;
white-space: nowrap;
}
.status-tag--notice {
border-color: #e7ccc7;
color: #943a31;
background: #fdf8f7;
}
.tournament-card__events {
display: flex;
flex: 0 0 auto;
flex-wrap: nowrap;
align-items: center;
gap: 3px;
margin-left: auto;
}
.tournament-card__event {
display: inline-block;
padding: 0 4px;
border: 1px solid #e4e8ec;
border-radius: 2px;
background: #f7f8f9;
color: #7b848e;
font-size: 11px;
line-height: 1.45;
font-weight: 600;
letter-spacing: 0.02em;
white-space: nowrap;
}
.tournament-card__title {
margin-bottom: 4px;
color: #263d55;
font-size: 17px;
font-weight: 700;
line-height: 1.6;
}
.tournament-card:hover .tournament-card__title {
color: #2563a0;
text-decoration: underline;
}
.tournament-card__places {
display: grid;
gap: 2px;
}
.tournament-card__place {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 0;
color: #555d66;
font-size: 13px;
line-height: 1.5;
}
.tournament-card__venue-name {
color: #3c4652;
font-weight: 600;
}
.tournament-card__venue-address {
color: #6d7580;
overflow-wrap: anywhere;
}
.tournament-card__more {
display: inline-block;
margin-top: 9px;
color: #2563a0;
font-size: 13px;
font-weight: 600;
}
.results-pagination {
display: flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.results-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
min-width: 36px;
padding: 5px 11px;
font-size: 13px;
border: 1px solid #dce1e6;
border-radius: 4px;
color: #384454;
text-decoration: none;
}
.results-pagination a.page-numbers:hover {
border-color: #2563a0;
color: #2563a0;
text-decoration: none;
}
.results-pagination .page-numbers.current {
color: #fff;
border-color: #2563a0;
background: #2563a0;
} .tournament-detail-container {
max-width: 860px;
}
.tournament-detail {
padding: 10px 0 64px;
}
.tournament-detail__eyebrow,
.not-found-page__eyebrow {
margin-bottom: 8px;
color: #6f7780;
font-size: 12px;
}
.tournament-detail__title {
font-size: 25px;
line-height: 1.55;
font-weight: 700;
overflow-wrap: anywhere;
}
.tournament-detail__statuses {
margin-top: 13px;
margin-bottom: 20px;
}
.tournament-detail__header {
margin-bottom: 34px;
}
.tournament-summary {
border-top: 1px solid #e5e7e9;
border-bottom: 1px solid #e5e7e9;
padding: 6px 0;
}
.tournament-summary__row,
.detail-list > div {
display: grid;
grid-template-columns: 105px minmax(0, 1fr);
gap: 16px;
padding: 10px 4px;
font-size: 14px;
line-height: 1.8;
}
.tournament-summary__row dt,
.detail-list dt {
color: #737c85;
font-weight: 500;
}
.tournament-summary__row dd,
.detail-list dd {
margin: 0;
color: #333;
overflow-wrap: anywhere;
}
.detail-section {
margin: 0 0 36px;
}
.detail-section__title {
padding-bottom: 9px;
margin-bottom: 16px;
border-bottom: 1px solid #cfd6dc;
font-size: 18px;
font-weight: 700;
}
.detail-section__muted,
.detail-disclaimer {
color: #737c85;
font-size: 13px;
}
.detail-section__body {
margin-top: 10px;
color: #3b424a;
line-height: 1.9;
font-size: 14px;
overflow-wrap: anywhere;
}
.event-groups,
.venue-list {
display: grid;
gap: 16px;
}
.event-group {
padding: 0 0 14px;
border-bottom: 1px solid #f0f1f2;
}
.event-group:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.event-group__title,
.venue-item__title {
margin-bottom: 5px;
font-size: 15px;
font-weight: 700;
}
.event-group__subheading {
margin-bottom: 11px;
color: #68717a;
font-size: 13px;
}
.division-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.division-list li {
border: 1px solid #e1e4e8;
border-radius: 3px;
padding: 5px 10px;
background: #f8f9fa;
color: #4b5563;
font-size: 13px;
}
.event-group__note {
margin-top: 9px;
color: #56606b;
font-size: 13px;
overflow-wrap: anywhere;
}
.schedule-item {
display: block;
padding: 13px 0;
border-bottom: 1px solid #eaedf0;
font-size: 14px;
}
.schedule-item:first-child {
padding-top: 0;
}
.schedule-item__main {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: baseline;
}
.schedule-item__main strong {
font-weight: 600;
}
.schedule-item__main span,
.schedule-item__description {
color: #5c6570;
}
.schedule-item__description {
margin-top: 5px;
font-size: 13px;
}
.venue-item {
padding-bottom: 14px;
border-bottom: 1px solid #eaedf0;
}
.venue-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.venue-item p {
margin-top: 5px;
font-size: 14px;
color: #565f69;
line-height: 1.7;
}
.detail-list {
margin-bottom: 14px;
}
.detail-list > div {
border-bottom: 1px solid #edf0f2;
}
.detail-list > div:first-child {
padding-top: 0;
}
.detail-action-link {
display: inline-block;
padding: 9px 14px;
border: 1px solid #2563a0;
border-radius: 4px;
color: #2563a0;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.detail-action-link:hover {
color: #fff;
background: #2563a0;
text-decoration: none;
}
.source-list {
list-style: disc;
padding-left: 21px;
font-size: 14px;
}
.source-list li + li {
margin-top: 6px;
}
.tournament-detail__footer {
padding-top: 18px;
border-top: 1px solid #e5e7eb;
}
.detail-disclaimer {
margin-bottom: 20px;
line-height: 1.8;
}
.back-to-results {
display: inline-block;
color: #2563a0;
font-size: 14px;
font-weight: 600;
}
.not-found-page {
padding-top: 48px;
padding-bottom: 90px;
}
.not-found-page h1 {
margin-bottom: 16px;
font-size: 23px;
}
.not-found-page p {
margin-bottom: 14px;
color: #66707a;
font-size: 14px;
}
@media (prefers-reduced-motion: reduce) {
.search-form.is-ready .search-form__extra,
.search-form.is-ready .search-form__more-mark {
transition: none;
}
}
@media (max-width: 767px) {
.breadcrumbs { padding-top: 12px; }
.search-section--results { padding-top: 12px; }
.search-form__actions { justify-content: space-between; gap: 12px; }
.search-form__actions .search-form__submit { max-width: none; flex: 1 1 auto; }
.results-section { padding-top: 15px; padding-bottom: 44px; }
.tournament-list { max-width: none; padding: 0; }
.tournament-card__inner { padding: 18px 16px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.tournament-card__title { font-size: 16px; }
.tournament-detail { padding-top: 8px; padding-bottom: 48px; }
.tournament-detail__title { font-size: 21px; }
.tournament-detail__header { margin-bottom: 28px; }
.tournament-summary__row,
.detail-list > div { grid-template-columns: 77px minmax(0, 1fr); gap: 10px; font-size: 13px; }
.detail-section { margin-bottom: 28px; }
.detail-section__title { font-size: 17px; }
.area-panel__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 8px;
}
.area-panel__city {
gap: 4px;
min-height: 36px;
padding: 2px 0;
font-size: 13px;
}
.area-panel__city-count { font-size: 12px; }
}