/* Player-facing pages opt in; commissioner/admin dashboards are unchanged. */
.player-discovery { max-width:1100px; margin:0 auto; }
.player-discovery .card { margin:20px 0; min-width:0; }
.player-discovery h2 { margin-top:0; }
.event-discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.event-discovery-grid .card { margin:0; }
.event-search { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.event-search > div { flex:1 1 240px; min-width:0; }
.event-search label { display:block; font-weight:bold; margin-bottom:6px; }
.event-search input, .event-search select { width:100%; }
.event-flow-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
.event-night-card { border:1px solid #b7c7da; padding:16px; margin:16px 0; border-radius:8px; }
.event-state { background:#edf3fb; border-left:4px solid #153b6d; padding:12px; font-weight:bold; }
.event-description { white-space:pre-line; }
@media(max-width:760px) {
    .event-discovery-grid { grid-template-columns:minmax(0,1fr); }
    .event-search, .event-flow-actions { flex-direction:column; align-items:stretch; }
    .event-search > div { flex:auto; }
    .event-flow-actions button { width:100%; }
}
.player-experience { line-height: 1.5; overflow-wrap: anywhere; }
.player-experience *, .player-experience *::before, .player-experience *::after { box-sizing: border-box; }
.player-experience :is(input, select, textarea, button) { font: inherit; }
.player-experience :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea) {
    min-height: 48px; max-width: 100%; min-width: 0; font-size: 16px;
    border: 1px solid #8294a8; border-radius: 6px; padding: 10px;
}
.player-experience :is(input[type=checkbox], input[type=radio]) { width: 22px; height: 22px; flex-shrink: 0; }
.player-experience :is(button, .portal-button, .btn, .player-action-link) {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 48px; max-width: 100%; white-space: normal; text-align: center;
    padding: 10px 16px; border-radius: 6px; font-size: 16px; cursor: pointer;
}
.player-experience :is(button, .btn, .player-action-link) { background: #153b6d; color: white; border: 1px solid #153b6d; text-decoration: none; }
.player-experience button:disabled { background: #667482; border-color: #667482; cursor: not-allowed; }
.player-experience :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #b35d00; outline-offset: 3px; }
.player-experience :is(.role-navigation a, .report-actions a, .cut-actions a, .results-card > a, .player-login-card a) {
    display: inline-flex; align-items: center; min-height: 48px;
}
.player-experience :is(.player-portal-grid, .sub-board-grid, .live-grid, .report-grid, .results-grid) > * { min-width: 0; }
.player-experience .preference-row label, .player-experience label:has(input[type=checkbox]), .player-experience label:has(input[type=radio]) { min-height: 44px; align-items: center; }
.player-experience :is(.sub-board-grid, .player-portal-section) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { width: 100%; }
.player-experience .player-quick-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.player-experience .player-quick-actions a { margin: 0; min-height: 56px; padding: 14px; border-radius: 8px; background: #153b6d; color: white; text-align: center; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.player-experience .player-section-directory { grid-column: 1 / -1; }
.player-experience .player-section-directory summary { min-height: 48px; padding: 12px 0; color: #153b6d; font-weight: bold; cursor: pointer; }
.player-experience .player-section-directory .event-section-link { margin: 0; }
.player-experience section[id] { scroll-margin-top: 16px; }
.player-experience .player-table-scroll, .player-experience .table-responsive { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.player-experience .player-table-scroll table, .player-experience .table-responsive table { min-width: 580px; font-size: 16px; overflow-wrap: normal; }
.player-experience .player-table-scroll :is(th, td), .player-experience .table-responsive :is(th, td) { padding: 10px; }
.player-experience .player-table-hint { color: #526273; font-size: 14px; margin: 8px 0; }
.player-experience .score-player-fields { min-width: 0; margin: 16px 0; padding: 16px; border: 1px solid #c9d4e1; border-radius: 8px; }
.player-experience .score-player-fields legend { max-width: 100%; padding: 0 6px; font-weight: bold; }
.player-experience .score-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.player-experience .score-field { min-width: 0; margin-bottom: 12px; }
.player-experience .score-field label { display: block; margin-bottom: 6px; font-weight: bold; }
.player-experience .score-field input { width: 100%; }
.player-match-page .form-label { display: block; margin: 14px 0 6px; font-weight: bold; }
.player-match-page .form-control { display: block; width: 100%; margin-bottom: 16px; }
.player-match-page .card .card { box-shadow: none; border: 1px solid #d8e0ea; margin: 16px 0; }
.player-match-page .alert { padding: 16px; margin: 16px 0; border-radius: 8px; background: #e8f1fb; }
.player-match-page .alert-danger { background: #f8d7da; color: #842029; }
.player-match-page .alert-success { background: #d1e7dd; color: #0f5132; }
.player-match-page .card-footer { margin-top: 20px; }

@media (max-width: 760px) {
    .player-experience header { padding: 12px; gap: 8px; align-items: stretch; }
    .player-experience .logo { font-size: 23px; }
    .player-experience .role-navigation { gap: 4px 12px; }
    .player-experience .role-navigation a { margin-left: 0; font-size: 15px; }
    .player-experience .role-navigation-user { flex-basis: 100%; order: 1; }
    .player-experience .content { padding: 16px 12px 32px; }
    .player-experience :is(.card, .player-portal-section, .report-card, .cut-card, .live-card, .results-card) { padding: 16px; min-width: 0; }
    .player-experience .player-login-card { margin: 8px auto !important; }
    .player-experience h1 { font-size: 26px; line-height: 1.2; }
    .player-experience h2 { font-size: 22px; line-height: 1.3; }
    .player-experience .player-portal-header { margin-bottom: 16px; }
    .player-experience .player-portal-grid { gap: 16px; }
    .player-experience .player-quick-actions { grid-template-columns: 1fr; gap: 8px; }
    .player-experience .player-quick-actions a { min-height: 48px; padding: 10px 12px; }
    .player-experience .portal-event-card { padding: 12px; }
    .player-experience .public-event-grid, .player-experience .live-grid { grid-template-columns: minmax(0, 1fr); }
    .player-experience .weekly-sign-in-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
    .player-experience .weekly-sign-in-actions button { width: 100%; margin: 0; }
    .player-experience :is(.invite-code-form, .invitation-response-actions) { flex-direction: column; align-items: stretch; }
    .player-experience :is(.invite-code-form, .invitation-response-actions) :is(input, button) { width: 100%; max-width: none; }
    .player-experience .report-actions button, .player-experience .cut-actions button { width: 100%; }
    .player-experience .sub-check-grid { grid-template-columns: minmax(0, 1fr); }
    .player-match-page .card .card { padding: 12px; }
    .player-match-page form button { width: 100%; }
}
@media (max-width: 360px) {
    .player-experience .score-fields { grid-template-columns: minmax(0, 1fr); }
}