body.q8 .q8-title, body.q8 h1.q8-title { display: block; }
body.q8 #app h1.q8-title, body.q8 .c8-head .q8-title, body.q8.r108-qwing #clubMain > .app-head h1.q8-title { font-size: clamp(34px, 2.9vw, 50px); }
body.q8 .q8-title mark { display: inline-block; line-height: 1.04; }
.ch108 > .ch108-grid { align-items: stretch; }
.ch108-main > .ch108-chart { flex: 1 1 auto; }
.ch108-chart .ch108-plot { flex: 1 1 auto; height: auto; min-height: 340px; }
.ch108-wt small { white-space: nowrap; }
.ch108-when { min-width: max-content; }
body.q8.r108-qwing .qboard > .courts { grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); }
body.q8.r108-qwing .court .court-field.v99, body.q8.r108-qwing .court .court-field.positioned { height: 196px; margin: 0; }
body.q8.r108-qwing .court .court-bottom { display: flex; align-items: center; }
body.q8.r108-qwing .court .court-bottom > .btn:not(.icon) { flex: 1 1 0 !important; max-width: none !important; min-width: 0; white-space: nowrap; }
body.q8.r108-qwing .court .court-team-head .team-b { text-align: right; justify-self: end; }
body.q8.r108-qwing .court .court-team-head { padding-left: 2px; padding-right: 2px; }
body.q8.r108-qwing .court .court-top { display: flex; align-items: center; gap: 8px; }
body.q8.r108-qwing .court .court-top .court-tools { margin-left: auto; }
body.q8.r108-qwing .qteams-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body.q8.r108-qwing .qteams-h > h3 { margin: 0 auto 0 0; }
body.q8.r108-qwing .qteams-h > .btn, body.q8.r108-qwing .qteams-h > button { margin: 0; }
body.q8.r108-qwing .qt-card > header { display: flex; align-items: center; gap: 8px; }
body.q8.r108-qwing .pool108-h { display: flex; align-items: center; gap: 10px; }
body.q8.r108-qwing .pool108-h > .pq-tools { margin: 0 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; }
body.q8.r108-qwing .pool108-h > .pq-tools .search90 { margin: 0; }
body.q8.r108-qwing .pool108-h > .pq-tools .search90:not(.collapsed90) { width: 180px; }
body.q8.r108-qwing .pq-icons90 .pq-sum { position: relative; }
body.q8.r108-qwing .pq-icons90 .pq-sum > b { position: absolute; top: -7px; right: -7px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--q8-lime); color: var(--q8-teal); font: 800 10.5px/19px var(--q8-font); text-align: center; box-shadow: 0 0 0 2px var(--q8-card); display: block; max-width: none; opacity: 1; overflow: visible; }
body.q8.r108-qwing .pq-icons90 .pq-sum.on > b { background: var(--q8-lime); }
body.q8.r108-qwing .pq-icons90 .pq-sum > b:empty, body.q8.r108-qwing .pq-icons90 .pq-sum[data-zero] > b { display: none; }
body.q8.r108-qwing .pq-icons90 { padding-top: 8px; }
.q8b-ptools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.q8b-ptools > .q8b-seg:first-child { order: 1; }
.q8b-ptools > .q8b-psum { order: 2; margin-left: auto; }
.q8b-ptools > .q8b-psearch { order: 3; }
.q8b-ptools > .q8b-seg[aria-label="Venue"] { order: 4; }
.q8b-ptools > .q8b-psum > b { display: none; }
@media (min-width: 1200px) { #clubMain .matches-layout:has(> .feed-col) { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); } }
#clubMain .feed-col { min-width: 0; }
#clubMain .feed-col .feed-card > .row.spread { gap: 10px; }
#clubMain .feed-col .feed-card > .row.spread > h3 { white-space: nowrap; }
#clubMain .feed-col .feed-card > .row.spread > .seg { flex: none; }
.hist-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.hist-toolbar > .hs109-t { margin: 0 4px 0 0; font: 700 19px var(--q8-font); letter-spacing: -.01em; color: var(--q8-ink); display: inline-flex; align-items: center; gap: 8px; }
.hist-toolbar > .row.wrap { margin-left: auto; }
.hist-toolbar + .hist-grid, .hist-toolbar ~ .hist-grid, #clubMain .hist-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)) !important; }
.st108-nav { align-self: stretch; min-height: calc(100vh - 230px); }
.pte96 > .row.spread { flex-wrap: nowrap; align-items: flex-start; gap: 14px; }
.pte96 > .row.spread > div { flex: 1; min-width: 0; }
.pte96 > .row.spread > .btn { flex: none; }
.adm90-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 232px), 1fr)) !important; }
.q8d-scard:has(> [data-upload="qr"], > label > [data-upload="qr"]) { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.q8d-scard:has(> label > [data-upload="qr"]) > :not(label):not([data-act="donate"]) { grid-column: 1 / -1; }
body main.page.narrow.q8d-alerts { max-width: none !important; }
.st108-card.bn98.bh109, .card.bn98.bh109 { padding: 0 !important; overflow: hidden; }
.bn98.bh109 > .row.spread { display: none; }
.bn98.bh109 .bn98-prev { position: relative; height: 330px !important; margin: 0; border-radius: 0; background-color: var(--q8-cream-2, #e9e3d6); background-size: cover; background-repeat: no-repeat; display: block; overflow: hidden; }
.bn98.bh109 .bn98-prev:not(.bh109-img) { background-image: none !important; }
.bn98.bh109 .bn98-prev:not(.bh109-img)::before { content: ''; position: absolute; inset: 0; background: conic-gradient(from -90deg at 72% 100%, #c9e04a 0deg, var(--q8-lime) 60deg, #f0b23a 92deg, var(--q8-red) 120deg, #e8573e 180deg, transparent 180deg); -webkit-mask-image: radial-gradient(circle at 72% 100%, transparent 150px, #000 151px, #000 262px, transparent 263px); mask-image: radial-gradient(circle at 72% 100%, transparent 150px, #000 151px, #000 262px, transparent 263px); opacity: .9; }
.bn98.bh109 .bn98-prev > .small.muted { display: none; }
.bn98.bh109 .bn98-prev::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,253,248,0) 0%, rgba(255,253,248,.08) 38%, var(--q8-card, #fffdf8) 88%); pointer-events: none; z-index: 1; }
.bn98.bh109 .bn98-slogan { display: none !important; }
.bh109-btn { position: absolute !important; top: 16px; right: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px !important; border-radius: 999px !important; background: var(--q8-card, #fff) !important; border: 0 !important; box-shadow: 0 4px 14px rgba(14,46,48,.12); font: 700 14px var(--q8-font) !important; color: var(--q8-ink) !important; }
.bh109-drag { position: absolute; top: 16px; left: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 10px; background: rgba(11,53,55,.82); color: #fff; font: 700 12px var(--q8-font); pointer-events: none; }
.bh109-drag svg { width: 13px; height: 13px; }
.bh109-ov { position: absolute; left: 24px; right: 24px; bottom: 22px; z-index: 2; pointer-events: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.bh109-who .cp90 { display: flex; align-items: center; gap: 18px; text-align: left; margin: 0; padding: 0; }
.bh109-who .cp90 .cp90-pic { margin: 0; flex: none; }
.bh109-who .cp90 .cp90-pic .club-logo { width: 116px !important; height: 116px !important; border-radius: 26px; font-size: 40px; box-shadow: 0 0 0 5px var(--q8-card, #fff), 0 10px 24px rgba(14,46,48,.18); }
.bh109-who .cp90 .cp90-name { font: 800 30px/1.05 var(--q8-display); letter-spacing: -.03em; color: var(--q8-ink); }
.bh109-who .cp90 { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 18px; align-items: end; }
.bh109-who .cp90 .cp90-pic { grid-row: 1 / 3; }
.bh109-who .cp90 .cp90-menu { position: absolute; bottom: 130px; left: 0; z-index: 4; }
.bh109-who .cp90 .small.muted { align-self: start; }
.bh109-slo { display: flex; flex-direction: column; gap: 6px; width: min(340px, 40%); font: 700 13px var(--q8-font); color: var(--q8-ink); }
.bh109-in { position: relative; display: block; }
.bh109-in input { width: 100%; height: 48px; padding: 0 58px 0 16px; border-radius: 14px; border: 1px solid var(--q8-line, #e2dccf); background: var(--q8-card, #fff); font: 500 15px var(--q8-font); color: var(--q8-ink); }
.bh109-in small { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font: 500 12px var(--q8-font); color: var(--q8-ink-3); }
.bh109-hint { margin: 0; padding: 0 24px 18px; font: 500 13px var(--q8-font); color: var(--q8-ink-3); }
@media (max-width: 760px) { .bh109-ov { flex-direction: column; align-items: stretch; } .bh109-slo { width: 100%; } .bn98.bh109 .bn98-prev { height: 380px; } .bh109-who .cp90 .cp90-name { font-size: 22px; } .bh109-who .cp90 .cp90-pic .club-logo { width: 84px !important; height: 84px !important; } }
.pc109-foot { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.pc109-cancel { height: 44px; padding: 0 20px; }
.bh109-ov > * { pointer-events: auto; }
.bn98.bh109 .bp103b-hint { position: absolute; top: 16px; left: 16px; bottom: auto; right: auto; z-index: 3; background: rgba(11,53,55,.82); color: #fff; border-radius: 10px; }