/* Smatch LINE OA mobile skin */

body.lineoa-theme {
  --surface: #F5F6F7;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #EFF1F2;
  --surface-container: #E6E8EA;
  --surface-container-high: #E6E8EA;
  --surface-container-highest: #DADDE0;
  --on-surface: #2C2F30;
  --on-surface-variant: #595C5D;
  --outline-variant: rgba(171,173,174,0.18);
  --primary: #3E6600;
  --primary-container: #BDF21F;
  --primary-fixed: #BDF21F;
  --primary-fixed-dim: #BDF21F;
  --on-primary-fixed: #2B4900;
  --secondary-container: #E6E8EA;
  --on-secondary-container: #595C5D;
  --brand: #BDF21F;
  --brand-text: #2B4900;
  --brand-forest: #3E6600;
  --text: #2C2F30;
  --text-muted: #595C5D;
  --text-soft: #8A8D90;
  --border: rgba(171,173,174,0.18);
  --border-strong: rgba(171,173,174,0.28);
  --win-bg: rgba(189,242,31,0.18);
  --win-text: #365900;
  --loss-bg: rgba(242,90,73,0.12);
  --loss-text: #F25A49;
  --shadow-card: 0 8px 32px -16px rgba(44,47,48,0.14);
  --shadow-float: 0 20px 40px -12px rgba(189,242,31,0.35);
  --shadow-glow: var(--shadow-float);
  --shadow-glass: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 20px -14px rgba(24, 33, 35, 0.16);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 18px;
  --space-10: 20px;
  --space-12: 24px;
  --space-14: 28px;
  --space-16: 32px;
  --space-20: 40px;
  --text-2xs: 0.625rem;
  --text-xs: 0.6875rem;
  --text-sm: 0.75rem;
  --text-body-sm: 0.8125rem;
  --text-body: 0.9375rem;
  --text-label: 0.8125rem;
  --text-title-sm: 1.0625rem;
  --text-title: 1.25rem;
  --text-title-lg: 1.5rem;
  --text-display: 1.85rem;
  --control-height-sm: 32px;
  --control-height-md: 44px;
  --control-height-lg: 48px;
  --button-height: var(--control-height-md);
  --button-padding-x: var(--space-8);
  --button-font-size: 0.875rem;
  --button-radius: var(--radius-full);
  --card-padding: var(--space-8);
  --card-gap: var(--space-6);
  --font-thai: "Noto Sans Thai", "Plus Jakarta Sans", "Inter", sans-serif;
  --font-latin-headline: "Plus Jakarta Sans", "Inter", "Noto Sans Thai", sans-serif;
  --font-latin-body: "Inter", "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;
  --font-headline: var(--font-thai);
  --font-body: var(--font-thai);
  background: #F5F6F7;
  color: var(--on-surface);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.6;
  padding: 0 10px calc(110px + env(safe-area-inset-bottom));
}

body.lineoa-theme.is-overlay-open {
  overflow: hidden;
}

body.lineoa-theme :is(h1, h2, h3, h4, h5, h6, p, small, strong, span, button, label, input, select, textarea, th, td) {
  letter-spacing: 0;
}

.lineoa-theme :is(button, input, select, textarea) {
  touch-action: manipulation;
}

.lineoa-theme .material-symbols-outlined {
  line-height: 1;
}

.lineoa-theme .mobile-shell {
  position: relative;
  z-index: 1;
}

.lineoa-theme .mobile-shell {
  gap: 8px;
}

.lineoa-theme .card,
.lineoa-theme .simple-item,
.lineoa-theme .conn-card-pending,
.lineoa-theme .conn-card-sent,
.lineoa-theme .match-log-item,
.lineoa-theme .profile-result-row,
.lineoa-theme .member-search-item,
.lineoa-theme .skill-card,
.lineoa-theme .community-item,
.lineoa-theme .challenge-item,
.lineoa-theme .groups-hub-card,
.lineoa-theme .group-detail-rank-item,
.lineoa-theme .group-activity-result-card,
.lineoa-theme .group-detail-report-item,
.lineoa-theme .group-performance-match-item {
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 249, 0.94));
  box-shadow: var(--shadow-card);
}

.lineoa-theme #registerCard,
.lineoa-theme #tab-home .card:not(.profile-hero):not(.tier-card),
.lineoa-theme #tab-community .card,
.lineoa-theme #tab-arena .card,
.lineoa-theme #tab-profile .card:not(.member-details):not(.profile-switch-card),
.lineoa-theme .profile-view .card,
.lineoa-theme .report-match-card,
.lineoa-theme .modal-card {
  padding: 16px;
}

.lineoa-theme .section-head {
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

.lineoa-theme .section-head h2,
.lineoa-theme .section-head h3,
.lineoa-theme .profile-editorial-main h2,
.lineoa-theme .arena-hero-title,
.lineoa-theme .sheet-title,
.lineoa-theme .profile-ref-name,
.lineoa-theme .top-ribbon h1 {
  font-family: var(--font-headline);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--on-surface);
}

.lineoa-theme .section-head h2 {
  font-size: 1.32rem;
}

.lineoa-theme .section-head h3 {
  font-size: 1.06rem;
}

.lineoa-theme .section-head small,
.lineoa-theme .verified-badge,
.lineoa-theme .groups-status-pill,
.lineoa-theme .arena-boost-tag,
.lineoa-theme .profile-pro-chip,
.lineoa-theme .tier-badge,
.lineoa-theme .pending-chip,
.lineoa-theme .feed-pill,
.lineoa-theme .pill,
.lineoa-theme .result-chip,
.lineoa-theme .log-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(24, 33, 35, 0.08);
  font-family: var(--font-headline);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .section-head small {
  white-space: normal;
  color: var(--on-surface-variant);
  background: rgba(255, 255, 255, 0.78);
}

.lineoa-theme .section-kicker,
.lineoa-theme .mini-overline,
.lineoa-theme label > span,
.lineoa-theme .form-label-text,
.lineoa-theme .brand-kicker,
.lineoa-theme .register-line-kicker {
  font-family: var(--font-headline);
  color: var(--primary);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
}

.lineoa-theme .top-ribbon {
  position: sticky;
  top: 0;
  z-index: 20;
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding: calc(env(safe-area-inset-top) + 2px) 2px 2px;
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.lineoa-theme .brand-mini {
  gap: 8px;
}

.lineoa-theme .brand-b {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent),
    linear-gradient(135deg, var(--primary-fixed), #e2f496 62%, var(--secondary-container));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.lineoa-theme .brand-b .material-symbols-outlined {
  color: var(--on-primary-fixed);
  font-size: 0.95rem;
}

.lineoa-theme .brand-kicker {
  display: none;
}

.lineoa-theme .top-ribbon h1 {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1;
}

.lineoa-theme .top-ribbon-actions {
  gap: 6px;
}

.lineoa-theme .top-profile-avatar,
.lineoa-theme .top-notify-btn {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.lineoa-theme .top-profile-avatar {
  border: none;
  object-fit: cover;
  background: #dde4e8;
  box-shadow: 0 0 0 1px rgba(24, 33, 35, 0.08);
}

.lineoa-theme .top-notify-btn,
.lineoa-theme .sheet-close-btn,
.lineoa-theme .checkin-close,
.lineoa-theme .group-activity-report-close,
.lineoa-theme .group-report-picker-close,
.lineoa-theme .notifications-back-btn {
  border: none;
  background: #eef2f5;
  color: #5f6b72;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 2px rgba(24, 33, 35, 0.05);
}

.lineoa-theme .top-notify-btn .material-symbols-outlined,
.lineoa-theme .sheet-close-btn .material-symbols-outlined,
.lineoa-theme .checkin-close .material-symbols-outlined,
.lineoa-theme .group-activity-report-close .material-symbols-outlined,
.lineoa-theme .group-report-picker-close .material-symbols-outlined,
.lineoa-theme .notifications-back-btn .material-symbols-outlined {
  font-size: 0.98rem;
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 24;
}

.lineoa-theme .top-notify-btn.has-new {
  background: linear-gradient(145deg, rgba(189, 242, 31, 0.38), rgba(255, 255, 255, 0.96));
  color: var(--primary);
}

.lineoa-theme .top-notify-badge {
  top: -6px;
  right: -6px;
}

.lineoa-theme .notifications-sheet {
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(189, 242, 31, 0.22), transparent 34%),
    linear-gradient(180deg, rgba(252, 253, 252, 0.98), rgba(242, 245, 246, 0.98));
}

.lineoa-theme .notification-card {
  box-shadow: 0 18px 26px -24px rgba(24, 33, 35, 0.28);
}

.lineoa-theme .notification-card.is-new {
  background:
    linear-gradient(135deg, rgba(189, 242, 31, 0.18), rgba(255, 255, 255, 0.96)),
    var(--surface-container-lowest);
}

.lineoa-theme .notification-card-meta-chip,
.lineoa-theme .notification-action-btn.is-secondary,
.lineoa-theme .notification-action-btn.is-ghost {
  border: 1px solid rgba(24, 33, 35, 0.06);
}

.lineoa-theme .sheet-close-btn,
.lineoa-theme .checkin-close {
  border-radius: 999px;
}

.lineoa-theme .register-line-preview,
.lineoa-theme .input-icon-wrap,
.lineoa-theme .search-input-wrap,
.lineoa-theme .group-join-info-card,
.lineoa-theme .upcoming-detail-grid,
.lineoa-theme .upcoming-location-row,
.lineoa-theme .challenge-meta-row .meta-chip {
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: rgba(246, 249, 250, 0.88);
  border-radius: var(--radius-md);
}

.lineoa-theme .search-input-wrap,
.lineoa-theme .input-icon-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
}

.lineoa-theme .search-icon,
.lineoa-theme .input-icon {
  color: var(--primary);
  font-size: 18px;
  flex-shrink: 0;
}

.lineoa-theme input,
.lineoa-theme select,
.lineoa-theme textarea,
.lineoa-theme .sheet-card input,
.lineoa-theme .sheet-card textarea,
.lineoa-theme .sheet-card select {
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 250, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--on-surface);
}

.lineoa-theme .search-input-wrap input,
.lineoa-theme .input-icon-wrap input {
  min-height: 46px;
  padding: 10px 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.lineoa-theme textarea {
  min-height: 96px;
}

.lineoa-theme input::placeholder,
.lineoa-theme textarea::placeholder {
  color: #7a888b;
  opacity: 1;
}

.lineoa-theme input:focus,
.lineoa-theme select:focus,
.lineoa-theme textarea:focus {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.26);
}

.lineoa-theme .stack-form,
.lineoa-theme .community-toolbar,
.lineoa-theme .profile-results-block,
.lineoa-theme .challenge-item-body,
.lineoa-theme .groups-card-main,
.lineoa-theme .arena-panel {
  gap: 12px;
}

.lineoa-theme .two-cols,
.lineoa-theme .connection-columns {
  grid-template-columns: 1fr;
  gap: 10px;
}

.lineoa-theme .primary-btn,
.lineoa-theme .secondary-btn,
.lineoa-theme .inline-btn,
.lineoa-theme .checkin-btn,
.lineoa-theme .upcoming-secondary-btn,
.lineoa-theme .arena-boost-btn,
.lineoa-theme .challenge-action-btn,
.lineoa-theme .profile-view-btn,
.lineoa-theme .profile-range-btn,
.lineoa-theme .group-join-submit-btn,
.lineoa-theme .group-join-help-btn,
.lineoa-theme .sheet-close-btn,
.lineoa-theme .groups-fab-btn {
  min-height: 44px;
  border-radius: var(--radius-md);
  font-family: var(--font-headline);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .primary-btn,
.lineoa-theme .checkin-btn,
.lineoa-theme .arena-boost-btn,
.lineoa-theme .group-join-submit-btn,
.lineoa-theme .challenge-action-btn.accept-btn,
.lineoa-theme .inline-btn.success {
  border: 1px solid rgba(64, 105, 0, 0.14);
  color: var(--on-primary-fixed);
  background: linear-gradient(135deg, var(--primary-fixed) 0, #def090 68%, var(--secondary-container) 100%);
  box-shadow: 0 18px 26px -22px rgba(64, 105, 0, 0.5);
}

.lineoa-theme .primary-btn:hover,
.lineoa-theme .checkin-btn:hover,
.lineoa-theme .arena-boost-btn:hover {
  box-shadow: 0 18px 26px -20px rgba(64, 105, 0, 0.45);
}

.lineoa-theme .primary-btn:active,
.lineoa-theme .secondary-btn:active,
.lineoa-theme .inline-btn:active,
.lineoa-theme .checkin-btn:active,
.lineoa-theme .upcoming-secondary-btn:active,
.lineoa-theme .challenge-action-btn:active,
.lineoa-theme .groups-fab-btn:active {
  transform: translateY(1px) scale(0.985);
}

.lineoa-theme .secondary-btn,
.lineoa-theme .inline-btn,
.lineoa-theme .upcoming-secondary-btn,
.lineoa-theme .challenge-action-btn,
.lineoa-theme .sheet-close-btn,
.lineoa-theme .group-join-help-btn,
.lineoa-theme .profile-view-btn,
.lineoa-theme .profile-range-btn {
  border: 1px solid rgba(24, 33, 35, 0.08);
  color: var(--on-surface);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

.lineoa-theme .inline-btn,
.lineoa-theme .challenge-action-btn {
  padding: 10px 14px;
  font-size: 0.78rem;
}

.lineoa-theme .feed-pill,
.lineoa-theme .role-pill {
  background: rgba(189, 242, 31, 0.14);
  color: var(--win-text);
}

.lineoa-theme .intent-pill,
.lineoa-theme .feed-pill.blue {
  background: rgba(159, 217, 255, 0.22);
  color: var(--on-secondary-container);
}

.lineoa-theme .profile-editorial-card,
.lineoa-theme .profile-progression-card,
.lineoa-theme .profile-evolution-card,
.lineoa-theme .profile-progression-panel,
.lineoa-theme .elite-domain-hero {
  position: relative;
  overflow: hidden;
}

.lineoa-theme .profile-editorial-card::before,
.lineoa-theme .profile-progression-panel::before,
.lineoa-theme .elite-domain-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-fixed), var(--secondary-container));
}

.lineoa-theme .profile-editorial-head {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.lineoa-theme .profile-editorial-avatar-wrap,
.lineoa-theme .profile-ref-avatar-wrap {
  width: 74px;
  height: 74px;
}

.lineoa-theme .profile-editorial-avatar,
.lineoa-theme .profile-ref-avatar {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  box-shadow: none;
  border: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .profile-editorial-main h2,
.lineoa-theme .profile-ref-name {
  font-size: 1.28rem;
  line-height: 1.2;
}

.lineoa-theme .profile-editorial-stats,
.lineoa-theme .profile-ref-stats,
.lineoa-theme .profile-evolution-metrics,
.lineoa-theme .national-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lineoa-theme .profile-editorial-stats article,
.lineoa-theme .profile-ref-stats article,
.lineoa-theme .profile-evolution-metrics article,
.lineoa-theme .national-stats-grid article {
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-md);
  background: rgba(247, 249, 249, 0.94);
  padding: 12px 10px;
  box-shadow: none;
}

.lineoa-theme .profile-editorial-stats small,
.lineoa-theme .profile-ref-stats small,
.lineoa-theme .profile-evolution-metrics small,
.lineoa-theme .national-stats-grid small {
  font-family: var(--font-headline);
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--on-surface-variant);
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .profile-editorial-stats strong,
.lineoa-theme .profile-ref-stats strong,
.lineoa-theme .profile-evolution-metrics strong,
.lineoa-theme .national-stats-grid strong {
  font-family: var(--font-headline);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
}

.lineoa-theme .national-stats-grid {
  gap: 10px;
  margin-top: 14px;
}

.lineoa-theme .national-stats-grid article {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 249, 0.9));
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.lineoa-theme .national-stats-grid article > .material-symbols-outlined {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-md);
  background: rgba(189, 242, 31, 0.18);
  color: var(--primary);
  font-size: 1.08rem;
}

.lineoa-theme .national-stats-grid strong {
  font-size: 1.28rem;
  font-weight: 800;
}

.lineoa-theme .progress-track,
.lineoa-theme .profile-progression-track {
  height: 10px;
  border-radius: var(--radius-md);
  background: #dde3e5;
}

.lineoa-theme .progress-fill,
.lineoa-theme .profile-progression-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary), var(--primary-fixed));
  box-shadow: none;
}

.lineoa-theme .profile-ref-header,
.lineoa-theme .profile-switch-card,
.lineoa-theme .profile-results-block {
  border-radius: var(--radius-lg);
}

.lineoa-theme .profile-ref-header {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 12px;
  align-items: start;
  padding: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 249, 0.94));
  border: 1px solid rgba(24, 33, 35, 0.08);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .profile-ref-location {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0;
  color: var(--on-surface-variant);
}

.lineoa-theme .profile-switch,
.lineoa-theme .arena-tabs-row,
.lineoa-theme .group-detail-tab-nav {
  display: grid;
  gap: 0;
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 0;
}

.lineoa-theme .profile-switch,
.lineoa-theme .arena-tabs-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lineoa-theme .home-switch-card {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.lineoa-theme .home-switch-card .profile-switch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(24, 33, 35, 0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.lineoa-theme .community-switch-card .profile-switch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lineoa-theme .community-switch-card {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.lineoa-theme .community-switch-card .profile-switch {
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 21, 22, 0.06) !important;
  box-shadow: 0 8px 22px -22px rgba(44, 47, 48, 0.28) !important;
  padding: 4px !important;
  gap: 4px !important;
}

.lineoa-theme .community-switch-card .profile-view-btn {
  min-height: 54px !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 4px 4px 8px !important;
  color: #697073 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

.lineoa-theme .community-switch-card .profile-view-btn .material-symbols-outlined {
  font-size: 23px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme .community-switch-card .profile-view-btn small {
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .community-switch-card .profile-view-btn.is-active {
  color: #3C7D14 !important;
  background: #F4F8EF !important;
  font-weight: 600 !important;
}

.lineoa-theme .home-switch-card .profile-view-btn {
  min-height: 38px;
  border-radius: var(--radius-md);
  font-size: 0.66rem;
}

.lineoa-theme .group-detail-tab-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lineoa-theme .profile-view-btn.is-active,
.lineoa-theme .profile-range-btn.is-active,
.lineoa-theme .arena-tab-btn.is-active,
.lineoa-theme .group-detail-tab-btn.is-active,
.lineoa-theme .tab-btn.is-active {
  background: linear-gradient(180deg, rgba(189, 242, 31, 0.2), rgba(159, 217, 255, 0.14));
  border-color: rgba(64, 105, 0, 0.16);
  color: var(--on-surface);
  box-shadow: none;
}

.lineoa-theme .arena-hero {
  padding: 2px 2px 0;
}

.lineoa-theme .arena-hero-title {
  font-size: 1.68rem;
  line-height: 1.05;
  margin: 0 0 6px;
}

.lineoa-theme .arena-hero-sub,
.lineoa-theme .report-tagline,
.lineoa-theme .feed-sub,
.lineoa-theme .groups-intro-copy p {
  color: var(--on-surface-variant);
}

.lineoa-theme .arena-guide {
  gap: 8px;
  margin: 0;
}

.lineoa-theme .arena-guide span {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: rgba(255, 255, 255, 0.76);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .arena-tab-btn,
.lineoa-theme .group-detail-tab-btn {
  min-height: 38px;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: var(--font-headline);
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--on-surface-variant);
}

.lineoa-theme .arena-tab-btn::after {
  display: none;
}

.lineoa-theme .upcoming-card,
.lineoa-theme .arena-callout,
.lineoa-theme .arena-boost-callout {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .upcoming-card-inner {
  padding: 16px;
}

.lineoa-theme .upcoming-date-badge,
.lineoa-theme .challenge-meta-row .meta-chip,
.lineoa-theme .verified-badge {
  border-radius: var(--radius-sm);
}

.lineoa-theme .upcoming-opponent-row {
  gap: 12px;
}

.lineoa-theme .upcoming-opp-avatar {
  border-radius: var(--radius-md);
  border: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .arena-callout,
.lineoa-theme .arena-boost-callout {
  gap: 10px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: linear-gradient(135deg, rgba(189, 242, 31, 0.14), rgba(159, 217, 255, 0.18));
}

.lineoa-theme .arena-callout h3,
.lineoa-theme .arena-boost-callout h3,
.lineoa-theme .feed-title,
.lineoa-theme .community-main h4,
.lineoa-theme .groups-intro-copy h3 {
  font-family: var(--font-headline);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--on-surface);
}

.lineoa-theme .arena-callout p,
.lineoa-theme .arena-boost-callout p {
  color: var(--on-surface-variant);
  opacity: 1;
}

.lineoa-theme .arena-callout .primary-btn,
.lineoa-theme .arena-boost-btn {
  width: auto;
  min-width: 132px;
}

.lineoa-theme .home-arena-hero {
  min-height: 218px;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(20, 31, 30, 0.16), rgba(10, 17, 17, 0.84)),
    linear-gradient(135deg, #355447 0%, #1d2d2d 52%, #101718 100%);
  border: 1px solid rgba(24, 33, 35, 0.08);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .home-arena-copy h2 {
  font-size: 1.34rem;
  letter-spacing: 0;
}

.lineoa-theme .home-arena-copy p {
  color: rgba(248, 252, 250, 0.76);
}

.lineoa-theme .home-primary-action,
.lineoa-theme .home-secondary-action,
.lineoa-theme .home-section-link {
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.lineoa-theme .home-primary-action:active,
.lineoa-theme .home-secondary-action:active,
.lineoa-theme .home-section-link:active {
  transform: translateY(1px) scale(0.985);
}

.lineoa-theme .home-primary-action {
  border: 1px solid rgba(64, 105, 0, 0.14);
  box-shadow: 0 16px 24px -20px rgba(64, 105, 0, 0.6);
}

.lineoa-theme .home-secondary-action {
  background: rgba(255,255,255,0.13);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
}

.lineoa-theme .home-section-link {
  border: 1px solid rgba(64, 105, 0, 0.08);
  background: rgba(189, 242, 31, 0.14);
  color: var(--primary);
}

.lineoa-theme .home-open-matches-card .section-head,
.lineoa-theme .community-members-shell .section-head {
  align-items: center;
}

.lineoa-theme .community-courts-shell {
  border: 1px solid rgba(24, 33, 35, 0.08) !important;
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 249, 0.94)) !important;
  box-shadow: var(--shadow-card) !important;
}

.lineoa-theme .community-courts-shell .courts-view-head {
  align-items: center !important;
  margin-bottom: 10px !important;
}

.lineoa-theme .community-courts-shell .court-search-shell {
  min-height: 46px !important;
  border: 1px solid rgba(24, 33, 35, 0.08) !important;
  border-radius: 14px !important;
  background: #F5F6F7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

.lineoa-theme .community-courts-shell .court-search-shell button {
  background: #FFFFFF !important;
  border: 1px solid rgba(24, 33, 35, 0.08) !important;
}

.lineoa-theme .community-courts-shell .court-surface-filter {
  gap: 7px !important;
  margin-bottom: 10px !important;
}

.lineoa-theme .community-courts-shell .court-list {
  gap: 12px !important;
}

.lineoa-theme .home-feed-list .simple-item {
  padding: 14px;
  text-align: left;
}

.lineoa-theme .home-match-filter-bar {
  gap: 6px;
}

.lineoa-theme .home-match-filter-icon,
.lineoa-theme .home-match-filter-chip,
.lineoa-theme .home-match-filter-close {
  border-radius: var(--radius-md);
  border: 1px solid rgba(24, 33, 35, 0.07);
  background: #eef2f3;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.lineoa-theme .home-match-filter-chip {
  font-size: 0.66rem;
}

.lineoa-theme .home-match-filter-modal-card {
  border-radius: 22px;
}

.lineoa-theme .arena-boost-bg {
  opacity: 0.18;
  right: -8px;
  bottom: -8px;
}

.lineoa-theme .arena-boost-deco {
  color: var(--primary);
}

.lineoa-theme .community-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 14px;
}

.lineoa-theme .community-avatar,
.lineoa-theme .groups-avatar-chip {
  border-radius: var(--radius-md);
  border: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .community-main {
  min-width: 0;
}

.lineoa-theme .community-main p {
  margin: 4px 0 0;
}

.lineoa-theme .community-actions,
.lineoa-theme .action-row,
.lineoa-theme .challenge-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.lineoa-theme .simple-item,
.lineoa-theme .conn-card-pending,
.lineoa-theme .conn-card-sent,
.lineoa-theme .match-log-item,
.lineoa-theme .profile-result-row,
.lineoa-theme .member-search-item,
.lineoa-theme .skill-card,
/* ── Challenge Match Card ─────────────────────────────────────────── */
.lineoa-theme .challenge-item {
  padding: 14px;
}

.lineoa-theme .challenge-match-card {
  padding: 0;
  border-radius: 16px;
  border: 1px solid rgba(24, 33, 35, 0.06);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 28px -22px rgba(24, 33, 35, 0.34);
  overflow: hidden;
}

.lineoa-theme .challenge-match-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  align-items: stretch;
  gap: 12px;
  padding: 14px;
}

.lineoa-theme .challenge-match-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.lineoa-theme .challenge-schedule {
  margin: 0 0 6px;
  color: #2f7b20;
  font-family: var(--font-headline);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
}

.lineoa-theme .challenge-match-title {
  margin: 0;
  color: #101819;
  font-family: var(--font-headline);
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.lineoa-theme .challenge-match-location {
  margin: 7px 0 0;
  min-width: 0;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: start;
  gap: 6px;
  color: #626f72;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.25;
}

.lineoa-theme .challenge-match-location .material-symbols-outlined {
  margin-top: -1px;
  color: #182123;
  font-size: 17px;
}

.lineoa-theme .challenge-match-location span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lineoa-theme .challenge-tag-row {
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.lineoa-theme .challenge-tag {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  padding: 3px 10px;
  background: rgba(24, 33, 35, 0.045);
  color: #3f484a;
  font-family: var(--font-headline);
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1;
}

.lineoa-theme .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.18);
  color: #2f6f1d;
}

.lineoa-theme .challenge-tag.is-friendly {
  color: #667174;
}

.lineoa-theme .challenge-match-side {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 9px;
}

.lineoa-theme .challenge-count-pill {
  min-height: 26px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 151, 50, 0.28);
  padding: 2px 10px;
  color: #ff8b22;
  background: #fffdf9;
  font-family: var(--font-headline);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.lineoa-theme .challenge-count-pill.is-full {
  border-color: rgba(255, 70, 70, 0.28);
  color: #df3434;
}

.lineoa-theme .challenge-avatar-row {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.lineoa-theme .challenge-avatar-row > * + * {
  margin-left: -7px;
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 3px 10px -8px rgba(24, 33, 35, 0.7);
}

.lineoa-theme .challenge-party-avatar {
  object-fit: cover;
  background: #eef2f3;
  display: block;
}

.lineoa-theme .challenge-avatar-more {
  display: grid;
  place-items: center;
  background: #eef0f1;
  color: #4f575a;
  font-family: var(--font-headline);
  font-size: 0.78rem;
  font-weight: 900;
}

.lineoa-theme .challenge-join-btn {
  width: 100%;
  min-height: 38px;
  border: none;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #bdfb18, #a4ed00);
  color: #111819;
  font-family: var(--font-headline);
  font-size: 0.84rem;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58);
  cursor: pointer;
}

.lineoa-theme .challenge-join-btn.is-report {
  background: rgba(189, 242, 31, 0.18);
  color: #2f6f1d;
}

.lineoa-theme .challenge-join-btn.is-disabled {
  background: #eef0f1;
  color: #8a9295;
  cursor: default;
}

@media (max-width: 360px) {
  .lineoa-theme .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 116px;
    gap: 8px;
    padding: 12px;
  }

  .lineoa-theme .challenge-match-title {
    font-size: 1rem;
  }

  .lineoa-theme .challenge-count-pill {
    font-size: 0.66rem;
    padding-inline: 8px;
  }
}

/* Misc legacy */
.lineoa-theme .challenge-open-pill {
  border-radius: 999px;
  color: #65a300;
  background: rgba(189, 242, 31, 0.16);
}

.lineoa-theme .challenge-elo-pill {
  color: #687477;
}

.lineoa-theme .challenge-match-time strong {
  font-size: 0.94rem;
  letter-spacing: 0;
}

.lineoa-theme .challenge-join-circle {
  border-color: rgba(117, 208, 0, 0.78);
  background: rgba(189, 242, 31, 0.05);
  border-radius: 14px;
}

.lineoa-theme .challenge-join-slot strong {
  color: #5f9b00;
}

.lineoa-theme .challenge-detail-row {
  color: #697477;
}

.lineoa-theme .groups-intro-copy {
  padding: 2px 2px 0;
}

.lineoa-theme .groups-hub-list {
  gap: 8px;
}

.lineoa-theme .groups-hub-card {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 22px;
  border: 1px solid rgba(24, 33, 35, 0.06);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 250, 0.96));
  box-shadow: 0 16px 28px -26px rgba(24, 33, 35, 0.3);
}

.lineoa-theme .groups-hub-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  opacity: 0;
  background: linear-gradient(180deg, rgba(189, 242, 31, 0.62), rgba(159, 217, 255, 0.36));
}

.lineoa-theme .groups-hub-card.is-active::before {
  opacity: 1;
}

.lineoa-theme .groups-hub-card.is-clickable::after {
  content: "chevron_right";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Symbols Outlined";
  font-size: 1.05rem;
  color: #8d979a;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
  pointer-events: none;
}

.lineoa-theme .groups-card-head {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  margin: 0;
  padding: 0;
}

.lineoa-theme .groups-status-pill {
  min-height: 28px;
  padding: 0 10px;
  font-size: 0.58rem;
  letter-spacing: 0.02em;
  text-transform: none;
}

.lineoa-theme .groups-card-body {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 86px;
  padding: 14px 78px 14px 12px;
}

.lineoa-theme .groups-cover-wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: linear-gradient(135deg, rgba(189, 242, 31, 0.2), rgba(159, 217, 255, 0.24));
  width: 56px;
  height: 56px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.lineoa-theme .groups-card-main {
  display: grid;
  align-content: center;
  gap: 3px;
}

.lineoa-theme .groups-card-main h4 {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.15;
}

.lineoa-theme .groups-card-main p {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lineoa-theme .groups-members-row,
.lineoa-theme .groups-pending-row {
  margin-top: 4px;
}

.lineoa-theme .groups-members-row {
  gap: 6px;
  flex-wrap: wrap;
}

.lineoa-theme .groups-avatar-chip,
.lineoa-theme .groups-avatar-more {
  width: 20px;
  height: 20px;
}

.lineoa-theme .groups-members-text {
  font-size: 0.64rem;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .groups-status-pill.is-active {
  background: rgba(189, 242, 31, 0.14);
  color: var(--win-text);
}

.lineoa-theme .groups-status-pill.is-pending {
  background: rgba(159, 217, 255, 0.22);
  color: var(--on-secondary-container);
}

.lineoa-theme .groups-pending-row {
  font-size: 0.62rem;
}

.lineoa-theme .groups-fab-btn {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(64, 105, 0, 0.14);
  background: linear-gradient(135deg, var(--primary-fixed), #d9ff8f 62%, var(--secondary-container));
  color: var(--on-primary-fixed);
  box-shadow: var(--shadow-float);
}

.lineoa-theme .table-wrap {
  overflow: auto;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.94);
}

.lineoa-theme .leaderboard-table {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
}

.lineoa-theme .leaderboard-table th,
.lineoa-theme .leaderboard-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(24, 33, 35, 0.08);
  text-align: left;
}

.lineoa-theme .leaderboard-table th {
  font-family: var(--font-headline);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--on-surface-variant);
  background: var(--surface-container-low);
}

.lineoa-theme .leaderboard-table tr.me-row {
  background: rgba(189, 242, 31, 0.08);
}

.lineoa-theme .bottom-nav {
  bottom: calc(10px + env(safe-area-inset-bottom));
  width: min(520px, calc(100% - 16px));
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
  gap: 6px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 34px -24px rgba(24, 33, 35, 0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.lineoa-theme .tab-btn {
  min-height: 50px;
  gap: 4px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  color: #667377;
}

.lineoa-theme .tab-btn .tab-icon {
  font-size: 1.24rem;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .tab-btn[data-tab-target="community"].is-active {
  color: var(--on-surface);
  background: linear-gradient(180deg, rgba(189, 242, 31, 0.2), rgba(159, 217, 255, 0.14));
  box-shadow: none;
}

.lineoa-theme .tennis-fab {
  margin-top: -18px;
}

.lineoa-theme .ball-core {
  width: 72px;
  height: 62px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--primary-fixed) 0, #dfff97 58%, var(--secondary-container) 100%);
  box-shadow: 0 18px 30px -20px rgba(64, 105, 0, 0.42);
  animation: none;
}

.lineoa-theme .ball-core::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 6px;
  border: 1px solid rgba(31, 47, 0, 0.16);
}

.lineoa-theme .ball-shine {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.46), transparent 54%);
}

.lineoa-theme .ball-text {
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
}

.lineoa-theme .smatch-sheet,
.lineoa-theme .groups-sheet-overlay,
.lineoa-theme .group-activity-report-modal,
.lineoa-theme .group-report-picker-modal,
.lineoa-theme .modal-shell,
.lineoa-theme .checkin-modal {
  z-index: 60;
}

.lineoa-theme .group-duplicate-player-modal {
  z-index: 86;
}

.lineoa-theme .sheet-backdrop,
.lineoa-theme .modal-backdrop,
.lineoa-theme .group-activity-report-backdrop,
.lineoa-theme .checkin-modal::before {
  background: rgba(14, 18, 19, 0.42);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.lineoa-theme .groups-sheet-overlay {
  background: rgba(14, 18, 19, 0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.lineoa-theme .sheet-card,
.lineoa-theme .groups-sheet,
.lineoa-theme .group-create-screen,
.lineoa-theme .checkin-sheet,
.lineoa-theme .group-activity-report-sheet,
.lineoa-theme .group-report-picker-sheet,
.lineoa-theme .modal-card {
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 249, 0.96));
}

.lineoa-theme .group-duplicate-player-card {
  border-color: rgba(129, 92, 20, 0.18);
  background: linear-gradient(180deg, #fff8e6, #fffdf8);
  box-shadow: 0 24px 48px -22px rgba(129, 92, 20, 0.42);
}

.lineoa-theme .group-duplicate-player-card .modal-details {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(129, 92, 20, 0.12);
}

.lineoa-theme .sheet-card {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow: 0 -18px 34px -24px rgba(24, 33, 35, 0.36);
  padding: 14px 16px calc(24px + env(safe-area-inset-bottom));
}

.lineoa-theme .groups-sheet,
.lineoa-theme .group-create-screen,
.lineoa-theme .group-detail-screen {
  background: transparent;
}

.lineoa-theme .groups-sheet,
.lineoa-theme .group-create-screen {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.lineoa-theme .sheet-handle,
.lineoa-theme .groups-sheet-handle {
  width: 48px;
  height: 4px;
  border-radius: 999px;
  background: #cad3d6;
}

.lineoa-theme .groups-sheet {
  z-index: 61;
  padding: 12px 14px calc(18px + env(safe-area-inset-bottom));
  box-shadow: 0 -20px 36px -28px rgba(24, 33, 35, 0.44);
}

.lineoa-theme .groups-sheet-title {
  margin-bottom: 12px;
  font-size: 0.82rem;
  letter-spacing: 0;
  text-transform: none;
  color: #6f7a7e;
}

.lineoa-theme .groups-sheet-actions {
  gap: 10px;
}

.lineoa-theme .groups-sheet-item {
  min-height: 72px;
  border-radius: 18px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 22px -22px rgba(24, 33, 35, 0.34);
}

.lineoa-theme .groups-sheet-item-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #edf2f3;
}

.lineoa-theme .groups-sheet-item-icon.is-primary {
  background: linear-gradient(135deg, rgba(189, 242, 31, 0.26), rgba(159, 217, 255, 0.22));
}

.lineoa-theme .groups-sheet-item-copy strong {
  font-size: 0.92rem;
}

.lineoa-theme .groups-sheet-item-copy small {
  margin-top: 2px;
  font-size: 0.7rem;
}

.lineoa-theme .groups-sheet-chevron {
  font-size: 0.98rem;
}

.lineoa-theme .sheet-header {
  margin-bottom: 14px;
}

.lineoa-theme .sheet-title {
  font-size: 1.14rem;
}

.lineoa-theme .sheet-sub {
  margin-top: 4px;
  color: var(--on-surface-variant);
}

.lineoa-theme .sheet-close-btn {
  width: 40px;
  height: 40px;
}

.lineoa-theme .post-type-scroll {
  gap: 10px;
  padding-bottom: 4px;
}

.lineoa-theme .post-type-card {
  min-width: 98px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

.lineoa-theme .post-type-card.is-active {
  border-color: rgba(64, 105, 0, 0.16);
  background: linear-gradient(180deg, rgba(189, 242, 31, 0.18), rgba(159, 217, 255, 0.1) 58%, rgba(255, 255, 255, 0.98));
}

.lineoa-theme .pt-icon {
  color: var(--primary);
}

.lineoa-theme .group-detail-screen {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: none;
  width: 100%;
  z-index: 1;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.lineoa-theme .group-create-screen,
.lineoa-theme .group-detail-screen {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.lineoa-theme .group-create-screen {
  top: max(8px, env(safe-area-inset-top));
  bottom: calc(76px + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  transform: none;
  width: 100%;
  z-index: 61;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.lineoa-theme .group-create-topbar,
.lineoa-theme .group-create-body {
  width: min(520px, calc(100% - 16px));
  margin: 0 auto;
}

.lineoa-theme .group-create-search-wrap {
  min-height: 54px;
  padding: 0 14px 0 42px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 24px -24px rgba(24, 33, 35, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.lineoa-theme .group-create-search-wrap .material-symbols-outlined {
  left: 14px;
  font-size: 1rem;
  color: #8f999d;
}

.lineoa-theme .group-create-search-wrap input {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #202526;
  font-size: 0.92rem;
  box-shadow: none;
}

.lineoa-theme .group-create-search-wrap input::placeholder {
  color: #9aa4a7;
}

.lineoa-theme .group-create-search-wrap:focus-within {
  border-color: rgba(64, 105, 0, 0.18);
  box-shadow: 0 0 0 2px rgba(64, 105, 0, 0.08), 0 14px 24px -24px rgba(24, 33, 35, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.lineoa-theme .group-invite-selected-list {
  align-items: flex-start;
  gap: 12px;
  min-height: 98px;
  padding: 6px 2px 2px;
  scroll-snap-type: x proximity;
}

.lineoa-theme .group-invite-chip,
.lineoa-theme .group-invite-add-btn {
  width: 74px;
  min-width: 74px;
  flex: 0 0 74px;
  scroll-snap-align: start;
}

.lineoa-theme .group-invite-chip {
  gap: 8px;
}

.lineoa-theme .group-invite-avatar {
  width: 64px;
  height: 64px;
  border: none;
  border-radius: 18px;
  background: #dde4e8;
  box-shadow: inset 0 0 0 1px rgba(24, 33, 35, 0.06), 0 10px 18px -18px rgba(24, 33, 35, 0.56);
}

.lineoa-theme .group-invite-remove {
  right: -2px;
  top: -3px;
  width: 22px;
  height: 22px;
  border: 2px solid #f7fafb;
  background: #68a400;
  box-shadow: 0 8px 16px -14px rgba(24, 33, 35, 0.65);
}

.lineoa-theme .group-invite-remove .material-symbols-outlined {
  font-size: 0.76rem;
}

.lineoa-theme .group-invite-name,
.lineoa-theme .group-invite-add-label {
  max-width: 74px;
  min-height: 1.7em;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.16;
  color: #3e4648;
  text-align: center;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lineoa-theme .group-invite-add-btn {
  height: auto;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.lineoa-theme .group-invite-add-avatar {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  border: 2px dashed #c8d0d3;
  background: rgba(255, 255, 255, 0.76);
  display: grid;
  place-items: center;
  color: #98a2a7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.lineoa-theme .group-invite-add-btn .material-symbols-outlined {
  font-size: 1.34rem;
}

.lineoa-theme .group-invite-add-btn:hover .group-invite-add-avatar,
.lineoa-theme .group-invite-add-btn:focus-visible .group-invite-add-avatar {
  border-color: rgba(64, 105, 0, 0.22);
  background: rgba(255, 255, 255, 0.92);
  color: #5f6b72;
}

.lineoa-theme .group-invite-add-btn:active .group-invite-add-avatar {
  transform: scale(0.97);
}

.lineoa-theme .group-invite-add-btn:focus-visible {
  outline: none;
}

.lineoa-theme .group-invite-add-btn.is-disabled .group-invite-add-avatar {
  border-style: solid;
}

.lineoa-theme .group-detail-shell {
  width: 100%;
  margin: 0;
  min-height: 0;
  background: transparent;
  gap: 2px;
  padding: 2px 0 22px;
}

.lineoa-theme .group-detail-activity-fab {
  right: calc(50% - min(520px, calc(100% - 16px)) / 2 + 10px);
  bottom: calc(106px + env(safe-area-inset-bottom));
}

.lineoa-theme .group-detail-tab-nav {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 0 2px;
  background: transparent;
  border-bottom: none;
}

.lineoa-theme .group-detail-tab-btn {
  padding: 6px 4px 8px;
  font-size: 0.72rem;
  white-space: nowrap;
}

.lineoa-theme .group-detail-tab-btn.is-active {
  background: transparent;
  border-color: transparent;
  color: var(--primary);
  box-shadow: inset 0 -3px 0 var(--primary-fixed);
}

.lineoa-theme .group-detail-tab-btn:not(.is-active) {
  background: transparent;
  color: #647173;
  box-shadow: none;
}

.lineoa-theme #tab-groups.is-detail-open > .groups-intro-copy,
.lineoa-theme #tab-groups.is-detail-open > .groups-hub-list,
.lineoa-theme #tab-groups.is-detail-open > .groups-fab-btn {
  display: none;
}

.lineoa-theme .group-detail-card,
.lineoa-theme .group-detail-hero,
.lineoa-theme .group-detail-activity-wrap,
.lineoa-theme .group-ranking-you-card {
  border-radius: var(--radius-lg);
}

.lineoa-theme .group-detail-meta-row {
  gap: 8px;
  flex-wrap: wrap;
}

.lineoa-theme .group-detail-hero {
  padding: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 250, 0.96));
  box-shadow: 0 18px 28px -24px rgba(24, 33, 35, 0.34);
}

.lineoa-theme .group-detail-arena-tag {
  padding: 6px 10px;
  font-size: 0.54rem;
}

.lineoa-theme .group-detail-league-tag {
  font-size: 0.7rem;
  font-weight: 700;
}

.lineoa-theme .group-detail-hero h2 {
  margin-top: 10px;
  font-size: clamp(1.9rem, 7vw, 2.4rem);
  line-height: 0.96;
}

.lineoa-theme .group-detail-hero p {
  max-width: 28ch;
  font-size: 0.78rem;
  line-height: 1.45;
}

.lineoa-theme .group-detail-date-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 10px 12px;
  background: #1f2526;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  overflow: visible;
}

.lineoa-theme .group-detail-date-tab {
  min-width: 0;
  min-height: 46px;
  padding: 7px 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--font-body);
  font-size: 0.78rem;
  line-height: 1.05;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.lineoa-theme .group-detail-date-tab span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 900;
  white-space: nowrap;
}

.lineoa-theme .group-detail-date-tab small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.36);
  font-size: 0.58rem;
  font-weight: 800;
  white-space: nowrap;
}

.lineoa-theme .group-detail-date-tab.is-active {
  border-color: rgba(189, 242, 31, 0.7);
  background: #b5f000;
  color: #1e2800;
  box-shadow: 0 10px 18px -14px rgba(189, 242, 31, 0.72);
}

.lineoa-theme .group-detail-date-tab.is-active::after {
  display: none;
}

.lineoa-theme .group-detail-date-tab.is-active small {
  color: rgba(30, 40, 0, 0.62);
}

.lineoa-theme .group-detail-activity-wrap,
.lineoa-theme .group-detail-card {
  box-shadow: 0 18px 28px -24px rgba(24, 33, 35, 0.3);
}

.lineoa-theme .group-detail-rank-item {
  grid-template-columns: 36px 42px minmax(0, 1fr) auto;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
}

.lineoa-theme .group-detail-rank-no {
  width: 36px;
  text-align: center;
  font-size: 1.28rem;
  font-style: normal;
  line-height: 0.95;
  white-space: nowrap;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.lineoa-theme .group-detail-rank-avatar {
  width: 40px;
  height: 40px;
}

.lineoa-theme .group-detail-rank-meta strong {
  font-size: 0.92rem;
}

.lineoa-theme .group-detail-rank-subline {
  gap: 6px;
}

.lineoa-theme .group-detail-rank-tier,
.lineoa-theme .group-detail-rank-wr {
  font-size: 0.68rem;
  letter-spacing: 0;
}

.lineoa-theme .group-detail-rank-tier {
  height: 22px;
  padding: 0 8px;
}

.lineoa-theme .group-detail-rank-score strong {
  font-size: 1.5rem;
  letter-spacing: 0;
}

.lineoa-theme .group-detail-rank-score small {
  margin-top: 2px;
  font-size: 0.58rem;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .group-performance-hub-head {
  align-items: flex-start;
}

.lineoa-theme .group-performance-hub-title {
  align-items: flex-start;
}

.lineoa-theme .group-performance-hub-title p {
  margin: 2px 0 0;
  font-size: 0.68rem;
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .group-performance-hub-title strong {
  font-size: 0.98rem;
  letter-spacing: 0;
  line-height: 1.2;
  white-space: nowrap;
}

.lineoa-theme .group-performance-stat small,
.lineoa-theme .group-performance-trend-head small {
  letter-spacing: 0;
  text-transform: none;
}

.lineoa-theme .group-performance-match-list {
  gap: 10px;
}

.lineoa-theme .group-performance-match-item {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  padding: 12px;
  gap: 10px;
}

.lineoa-theme .group-performance-match-side {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.lineoa-theme .group-performance-match-side.is-right {
  align-items: flex-end;
  text-align: right;
}

.lineoa-theme .group-performance-match-player {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lineoa-theme .group-performance-match-player.is-partner {
  opacity: 0.88;
}

.lineoa-theme .group-performance-match-side.is-right .group-performance-match-player {
  flex-direction: row-reverse;
}

.lineoa-theme .group-performance-match-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .group-performance-match-player span {
  display: block;
  min-width: 0;
  font-family: var(--font-headline);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--on-surface);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lineoa-theme .group-performance-match-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 84px;
  text-align: center;
}

.lineoa-theme .group-performance-match-center strong {
  margin: 0;
  font-family: var(--font-headline);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--on-surface);
}

.lineoa-theme .group-performance-match-versus {
  margin: 0;
  font-family: var(--font-headline);
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--on-surface-variant);
}

.lineoa-theme .group-performance-match-meta-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.lineoa-theme .group-performance-match-meta-row small {
  color: var(--on-surface-variant);
  font-size: 0.66rem;
  font-weight: 600;
}

.lineoa-theme .group-performance-match-result {
  margin: 0;
  padding: 4px 8px;
  height: auto;
  border-radius: var(--radius-sm);
  font-size: 0.64rem;
  letter-spacing: 0;
}

.lineoa-theme .group-activity-report-modal {
  position: fixed;
  inset: 0;
  z-index: 72;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 max(0px, env(safe-area-inset-bottom));
}

.lineoa-theme .group-activity-report-backdrop {
  background: rgba(14, 18, 19, 0.2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.lineoa-theme .group-activity-report-sheet {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
  width: min(520px, calc(100% - 2px));
  max-height: min(calc(100vh - 12px), 760px);
  max-height: min(calc(100svh - 12px), 760px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 10px 12px calc(16px + env(safe-area-inset-bottom));
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid rgba(24, 33, 35, 0.08);
  box-shadow: 0 -22px 38px -28px rgba(24, 33, 35, 0.48);
}

.lineoa-theme .group-activity-report-sheet::before {
  width: 52px;
  height: 5px;
  margin: 0 auto 2px;
}

.lineoa-theme .group-activity-report-head,
.lineoa-theme .group-activity-report-block:nth-of-type(3),
.lineoa-theme .group-activity-report-submit-btn {
  grid-column: 1 / -1;
}

.lineoa-theme .group-activity-report-head {
  align-items: flex-start;
}

.lineoa-theme .group-activity-report-head h3 {
  font-size: 1.24rem;
  line-height: 1.06;
}

.lineoa-theme .group-activity-report-close,
.lineoa-theme .group-activity-report-toggle-btn {
  border-radius: var(--radius-md);
}

.lineoa-theme .group-activity-report-close {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 999px;
  background: #eef2f5;
  color: #5f6b72;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 2px rgba(24, 33, 35, 0.05);
}

.lineoa-theme .group-activity-report-block {
  margin-top: 0;
  display: grid;
  gap: 8px;
}

.lineoa-theme .group-activity-report-label {
  font-size: 0.66rem;
}

.lineoa-theme .group-activity-report-toggle {
  margin-top: 0;
  gap: 6px;
}

.lineoa-theme .group-activity-report-toggle-btn {
  min-height: 42px;
  padding: 0 12px;
  font-size: 0.9rem;
}

.lineoa-theme .group-activity-report-toggle-btn .material-symbols-outlined {
  font-size: 0.94rem;
}

.lineoa-theme .group-activity-report-duel-card {
  margin-top: 0;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(232, 238, 240, 0.92), rgba(246, 248, 249, 0.97));
  padding: 10px;
}

.lineoa-theme .group-activity-report-duel-head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lineoa-theme .group-activity-report-duel-head span {
  font-size: 0.68rem;
}

.lineoa-theme .group-activity-report-duel-head .group-activity-report-duel-vs {
  font-size: 0.68rem;
  font-weight: 700;
  color: #8a9195;
  letter-spacing: 0;
  text-transform: lowercase;
}

.lineoa-theme .group-report-duel-vs {
  font-size: 0.76rem;
  letter-spacing: 0;
  text-transform: lowercase;
}

.lineoa-theme .group-report-player-avatar-wrap {
  position: relative;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.lineoa-theme .group-report-player-avatar-wrap.is-mini {
  width: 52px;
  height: 52px;
}

.lineoa-theme .group-activity-report-avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 16px;
  background: #dde4e8;
  box-shadow: inset 0 0 0 1px rgba(24, 33, 35, 0.06), 0 6px 18px -18px rgba(24, 33, 35, 0.55);
}

.lineoa-theme .group-report-avatar-plus {
  right: -4px;
  bottom: -4px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid #f7fafb;
  background: #68a400;
  color: #ffffff;
  box-shadow: 0 8px 16px -14px rgba(24, 33, 35, 0.65);
  font-size: 0.8rem;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-avatar-picker:focus-visible {
  box-shadow: 0 0 0 2px rgba(24, 33, 35, 0.12);
  border-radius: var(--radius-md);
}

.lineoa-theme .group-report-avatar-picker.is-active .group-activity-report-avatar {
  box-shadow: 0 0 0 2px rgba(24, 33, 35, 0.12);
}

.lineoa-theme .group-activity-report-player-view {
  gap: 2px;
}

.lineoa-theme .group-activity-report-player-view strong {
  font-size: 0.96rem;
  line-height: 1.12;
}

.lineoa-theme .group-activity-report-player-view small {
  height: 23px;
  padding: 0 8px;
  font-size: 0.58rem;
}

.lineoa-theme .group-activity-report-duel-partners {
  margin-top: 8px;
  gap: 10px;
}

.lineoa-theme .group-activity-report-player-view.is-partner strong {
  font-size: 0.96rem;
}

.lineoa-theme .group-activity-report-player-view.is-partner small {
  font-size: 0.58rem;
}

.lineoa-theme .group-activity-report-set-row {
  margin-top: 8px;
  gap: 5px;
}

.lineoa-theme .group-activity-report-set-label {
  font-size: 0.64rem;
}

.lineoa-theme .group-activity-report-set-score-wrap {
  gap: 6px;
}

.lineoa-theme .group-activity-report-score-sep {
  font-size: 0.94rem;
}

.lineoa-theme .group-activity-report-score-input {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border-width: 1px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  font-size: 1.18rem;
}

.lineoa-theme .group-activity-report-submit-btn {
  margin-top: 2px;
  min-height: 46px;
  border-radius: 14px;
  font-size: 0.84rem;
}

.lineoa-theme .group-activity-report-modal {
  padding: 0 0 max(0px, env(safe-area-inset-bottom));
}

.lineoa-theme .group-activity-report-backdrop {
  background: rgba(6, 10, 10, 0.38);
}

.lineoa-theme .group-activity-report-sheet {
  width: min(520px, calc(100% - 2px));
  height: min(90vh, 920px);
  max-height: min(90vh, 920px);
  padding: 0;
  border-radius: 24px 24px 0 0;
  background: #e9eeef;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lineoa-theme .group-activity-report-sheet::before {
  display: none;
}

.lineoa-theme .group-report-step {
  display: none;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}

.lineoa-theme .group-report-step.is-active {
  display: flex;
}

.lineoa-theme .group-report-step-head {
  margin: 0;
  padding: 14px 14px 12px;
  background: #fff;
  border-bottom: 1px solid rgba(24, 33, 35, 0.08);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
}

.lineoa-theme .group-report-step-head-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  min-width: 0;
}

.lineoa-theme .group-report-step-count {
  font-size: 0.9rem;
  font-weight: 800;
  color: #647173;
}

.lineoa-theme .group-report-date-picker {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 2px;
}

.lineoa-theme .group-report-date-chip {
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: 12px;
  background: #eef2f5;
  color: #657175;
  font-family: var(--font-body);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.lineoa-theme .group-report-date-chip span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.05;
  white-space: nowrap;
}

.lineoa-theme .group-report-date-chip small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8b969a;
  font-size: 0.54rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.lineoa-theme .group-report-date-chip.is-active {
  border-color: rgba(115, 182, 0, 0.48);
  background: #b5f000;
  color: #1f2d00;
  box-shadow: 0 8px 16px -13px rgba(108, 171, 0, 0.74);
}

.lineoa-theme .group-report-date-chip.is-active small {
  color: rgba(31, 45, 0, 0.62);
}

.lineoa-theme .group-report-step-back {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 999px;
  background: #eef2f5;
  color: #5f6b72;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lineoa-theme .group-report-progress {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  height: 4px;
  background: transparent;
}

.lineoa-theme .group-report-progress span {
  display: block;
  background: #d7dfe2;
}

.lineoa-theme .group-report-progress span.is-active {
  background: var(--primary-fixed);
}

.lineoa-theme .group-report-step-body {
  flex: 1;
  overflow-y: auto;
  padding: 14px 14px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lineoa-theme .group-report-step-body.report-layout-generic {
  gap: 8px;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-activity-report-block {
  gap: 10px;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-dual-head-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-card-title {
  margin: 0 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-section-divider {
  display: none;
}

.lineoa-theme .group-report-dual-head-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.lineoa-theme .group-report-inline-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lineoa-theme .group-report-step-footer {
  padding: 12px 14px calc(16px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .group-report-step-footer.is-dual {
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
  gap: 12px;
}

.lineoa-theme .group-report-section-divider {
  height: 1px;
  background: rgba(24, 33, 35, 0.1);
}

.lineoa-theme .group-report-format-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lineoa-theme .group-report-format-card {
  border: none;
  border-radius: var(--radius-full);
  background: #edf1f2;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  color: #6f777a;
  min-height: 42px;
  font-size: 0.9rem;
  font-weight: 900;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease;
}

.lineoa-theme .group-report-format-card strong {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
}

.lineoa-theme .group-report-format-card small,
.lineoa-theme .group-report-format-card > span:not(.material-symbols-outlined) {
  display: none;
}

.lineoa-theme .group-report-format-icon {
  font-size: 1.03rem;
  font-variation-settings: "FILL" 1, "wght" 550, "GRAD" 0, "opsz" 24;
  color: inherit;
}

.lineoa-theme .group-report-format-card.is-active {
  background: linear-gradient(145deg, var(--primary-fixed), var(--primary-fixed-dim));
  color: #223900;
  border-color: transparent;
  box-shadow: 0 8px 16px -12px rgba(108,171,0,0.75);
}

.lineoa-theme .group-report-format-card.is-active .group-report-format-icon {
  color: #223900;
}

.lineoa-theme .group-report-score-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.lineoa-theme .group-report-score-head.is-player-head {
  align-items: center;
}

.lineoa-theme .group-report-sets-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.lineoa-theme .group-report-sets-wrap span {
  font-size: 0.62rem;
  color: #6c7578;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lineoa-theme .group-report-detect-banner {
  border-radius: 12px;
  border: 1px solid #bfe0f3;
  background: #eaf7ff;
  color: #045d89;
  padding: 10px 12px;
  font-size: 0.83rem;
  font-weight: 700;
  line-height: 1.45;
}

.lineoa-theme .group-activity-report-submit-btn,
.lineoa-theme .group-report-primary-btn {
  width: 100%;
  min-height: 54px;
  border: none;
  border-radius: 16px;
  background: var(--primary-fixed);
  color: var(--on-primary-fixed);
  font-family: var(--font-headline);
  font-size: 1rem;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 14px 28px -18px rgba(90, 140, 0, 0.7);
}

.lineoa-theme .group-report-secondary-btn {
  min-height: 54px;
  border: none;
  border-radius: 16px;
  background: #dbe2e5;
  color: #4f5b61;
  font-family: var(--font-headline);
  font-size: 0.95rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.lineoa-theme .group-report-review-court {
  border-radius: 24px;
  padding: 16px;
  background:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(165deg, #133c00 0%, #0b2500 100%);
  background-size: 36px 36px, 36px 36px, auto;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lineoa-theme .group-report-review-court-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.lineoa-theme .group-report-review-mode-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(20, 146, 230, 0.26);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
}

.lineoa-theme .group-report-review-mode-chip .material-symbols-outlined {
  font-size: 0.9rem;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-review-kind {
  font-size: 0.92rem;
  font-weight: 700;
  color: rgba(255,255,255,0.72);
}

.lineoa-theme .group-report-review-matchup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.lineoa-theme .group-report-review-avatar-stack {
  position: relative;
  width: 60px;
  height: 60px;
}

.lineoa-theme .group-report-review-avatar-stack.is-winner .group-report-review-avatar {
  box-shadow: 0 0 0 3px #b5f000, 0 0 12px rgba(189, 242, 31, 0.45);
}

.lineoa-theme .group-report-review-avatar-stack.is-double {
  width: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.lineoa-theme .group-report-review-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lineoa-theme .group-report-review-side.is-right {
  text-align: right;
}

.lineoa-theme .group-report-review-avatar {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  object-fit: cover;
  background: rgba(255,255,255,0.18);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
}

.lineoa-theme .group-report-review-avatar.is-secondary {
  position: static;
  width: 60px;
  height: 60px;
}

.lineoa-theme .group-report-review-side strong {
  font-size: 0.96rem;
  font-weight: 800;
  text-align: center;
}

.lineoa-theme .group-report-review-winner,
.lineoa-theme .group-report-review-loser {
  order: -1;
  margin-bottom: 6px;
}

.lineoa-theme .group-report-review-winner {
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--primary-fixed);
  color: var(--on-primary-fixed);
  font-size: 0.78rem;
  font-weight: 900;
}

.lineoa-theme .group-report-review-winner.is-hidden,
.lineoa-theme .group-report-review-loser.is-hidden {
  visibility: hidden;
}

.lineoa-theme .group-report-review-loser {
  padding: 4px 12px;
  border-radius: 999px;
  background: #c0392b;
  border: none;
  font-size: 0.74rem;
  font-weight: 900;
  color: #fff;
}

.lineoa-theme .group-report-review-avatar-stack.is-winner .group-report-review-avatar {
  box-shadow: 0 0 0 3px #b5f000, 0 0 12px rgba(189, 242, 31, 0.45);
}

.lineoa-theme .group-report-review-avatar-stack.is-loser .group-report-review-avatar {
  box-shadow: 0 0 0 3px #c0392b, 0 0 10px rgba(192, 57, 43, 0.45);
}

/* Draw state — no rings, no badges on photos */
.lineoa-theme .group-report-review-matchup.is-draw .group-report-review-winner,
.lineoa-theme .group-report-review-matchup.is-draw .group-report-review-loser {
  visibility: hidden;
}

.lineoa-theme .group-report-review-matchup.is-draw .group-report-review-avatar-stack.is-winner .group-report-review-avatar,
.lineoa-theme .group-report-review-matchup.is-draw .group-report-review-avatar-stack.is-loser .group-report-review-avatar {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
}

/* Draw badge above score */
.lineoa-theme .group-report-review-draw-badge {
  padding: 4px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.35);
  font-size: 0.74rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 4px;
}

.lineoa-theme .group-report-review-draw-badge.is-hidden { display: none; }

/* ── Friendly mode: hide ELO-related UI ── */
.lineoa-theme .group-activity-report-sheet.is-type-friendly .group-report-review-card,
.lineoa-theme .group-activity-report-sheet.is-type-friendly .group-report-photo-card,
.lineoa-theme .group-activity-report-sheet.is-type-friendly .group-report-review-note,
.lineoa-theme .group-activity-report-sheet.is-type-friendly .group-report-success-elo-card,
.lineoa-theme .group-activity-report-sheet.is-type-friendly #groupReportSuccessWaitText {
  display: none !important;
}

/* ── Success inline share button ── */
.lineoa-theme .group-report-success-share-inline,
.lineoa-theme .group-report-success-share-inline:hover,
.lineoa-theme .group-report-success-share-inline:active {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #06C755 !important;
  color: #fff !important;
  border: none !important;
}

.lineoa-theme .group-report-success-share-inline .material-symbols-outlined {
  font-size: 1rem;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-review-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 4px;
  gap: 2px;
  min-width: 180px;
}

.lineoa-theme .group-report-review-score strong {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

.lineoa-theme .group-report-review-score small {
  font-size: 0.84rem;
  color: rgba(255,255,255,0.5);
  font-weight: 700;
  letter-spacing: 0.12em;
}

.lineoa-theme .group-report-review-card {
  border-radius: 18px;
  background: #fff;
  overflow: visible;
  box-shadow: 0 12px 22px -20px rgba(24, 33, 35, 0.35);
}

.lineoa-theme .group-report-review-card h4 {
  margin: 0;
  padding: 12px 16px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #8a9195;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .group-report-review-impact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* column headers */
.lineoa-theme .impact-col-head {
  padding: 7px 14px 5px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(24, 33, 35, 0.07);
}

.lineoa-theme .impact-col-head.is-a {
  color: #3e7700;
  border-right: 1px solid rgba(24, 33, 35, 0.07);
  background: rgba(100, 180, 0, 0.05);
}

.lineoa-theme .impact-col-head.is-b {
  color: #c0392b;
  background: rgba(192, 57, 43, 0.04);
}

.lineoa-theme .group-report-review-impact-row {
  display: block;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(24, 33, 35, 0.06);
  border-left: 3px solid transparent;
}

/* left column = odd grid items after the 2 headers */
.lineoa-theme .group-report-review-impact-row:nth-child(odd) {
  border-right: 1px solid rgba(24, 33, 35, 0.07);
}

.lineoa-theme .group-report-review-impact-row:last-child,
.lineoa-theme .group-report-review-impact-row:nth-last-child(2) {
  border-bottom: none;
}

.lineoa-theme .group-report-review-impact-row:not(.is-self) {
  background: rgba(100, 180, 0, 0.05);
  border-left-color: rgba(100, 180, 0, 0.35);
}

.lineoa-theme .group-report-review-impact-row.is-self {
  background: rgba(192, 57, 43, 0.04);
  border-left-color: rgba(192, 57, 43, 0.3);
}

/* name + delta: pure inline, guaranteed same line */
.lineoa-theme .group-report-review-impact-head {
  display: block;
  margin-bottom: 3px;
  line-height: 1.5;
}

.lineoa-theme .impact-name {
  display: inline;
  font-size: 0.82rem;
  font-weight: 700;
  color: #2d3436;
}

.lineoa-theme .impact-delta {
  display: inline;
  font-size: 0.78rem;
  font-weight: 900;
  margin-left: 5px;
  white-space: nowrap;
  color: #617073;
}

.lineoa-theme .impact-delta.is-positive { color: #3e7700; }
.lineoa-theme .impact-delta.is-negative { color: #c0392b; }
.lineoa-theme .impact-delta.is-neutral  { color: #7a8588; }

/* before → after: inline too */
.lineoa-theme .group-report-review-impact-values {
  display: block;
  line-height: 1.5;
}

.lineoa-theme .impact-val {
  display: inline;
  font-size: 0.85rem;
  font-weight: 800;
  color: #2d3436;
}

.lineoa-theme .impact-arrow {
  display: inline;
  font-size: 0.8rem;
  color: #aab0b3;
  margin: 0 3px;
}

.lineoa-theme .group-report-photo-card {
  border: none;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  text-align: left;
  font-family: var(--font-body);
  cursor: pointer;
}

.lineoa-theme .group-report-photo-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: #e5eaed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}

.lineoa-theme .group-report-photo-card.has-photo .group-report-photo-icon {
  background-image: var(--group-report-photo-preview);
  background-size: cover;
  background-position: center;
}

.lineoa-theme .group-report-photo-card.is-uploading {
  opacity: 0.72;
  cursor: wait;
}

.lineoa-theme .group-report-photo-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--font-body);
}

.lineoa-theme .group-report-photo-copy strong {
  font-size: 0.98rem;
  font-weight: 800;
  color: var(--on-surface);
  font-family: var(--font-body);
  line-height: 1.35;
}

.lineoa-theme .group-report-photo-copy small,
.lineoa-theme .group-report-photo-link {
  font-size: 0.82rem;
  color: #5f8600;
  font-weight: 700;
  font-family: var(--font-body);
  line-height: 1.35;
}

.lineoa-theme .group-activity-result-photo {
  display: block;
  width: 100%;
  max-height: 180px;
  object-fit: cover;
  border-radius: 16px;
  margin-top: 10px;
  border: 1px solid rgba(24, 33, 35, 0.08);
}

.lineoa-theme .group-report-notes-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lineoa-theme .group-report-notes-block > span {
  font-size: 0.86rem;
  color: #617073;
  font-weight: 700;
}

.lineoa-theme .group-report-notes-block textarea {
  min-height: 44px;
  height: 44px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: 16px;
  background: #fff;
  padding: 10px 14px;
  font-size: 0.9rem;
  line-height: 1.2;
  resize: none;
  font-family: var(--font-headline);
}

.lineoa-theme .group-report-review-note {
  margin: 0;
  text-align: center;
  color: #6b7579;
  font-size: 0.88rem;
  line-height: 1.6;
  padding: 4px 18px 0;
}

.lineoa-theme .group-report-success-step {
  background:
    radial-gradient(circle at center, rgba(189, 242, 31, 0.12), transparent 36%),
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(180deg, #123900 0%, #0b2500 100%);
  background-size: auto, 38px 38px, 38px 38px, auto;
  color: #fff;
}

.lineoa-theme .group-report-success-body {
  min-height: 100%;
  padding: 30px 20px calc(22px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.lineoa-theme .group-report-success-mark {
  width: 108px;
  height: 108px;
  border-radius: 999px;
  background: rgba(189, 242, 31, 0.2);
  display: grid;
  place-items: center;
  box-shadow: 0 0 0 22px rgba(189, 242, 31, 0.08), 0 0 0 44px rgba(189, 242, 31, 0.04);
}

.lineoa-theme .group-report-success-mark .material-symbols-outlined {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  background: var(--primary-fixed);
  color: #101a00;
  display: grid;
  place-items: center;
  font-size: 2rem;
  font-variation-settings: "FILL" 1, "wght" 800, "GRAD" 0, "opsz" 40;
}

.lineoa-theme .group-report-success-kicker {
  margin: 0;
  font-size: 0.92rem;
  letter-spacing: 0.18em;
  color: rgba(255,255,255,0.42);
  font-weight: 800;
}

.lineoa-theme .group-report-success-step h3 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.lineoa-theme .group-report-success-sub {
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,0.66);
  font-size: 1.02rem;
  line-height: 1.5;
}

.lineoa-theme .group-report-success-elo-card {
  width: 100%;
  border-radius: 24px;
  padding: 20px;
  background: rgba(54, 101, 16, 0.78);
  border: 1px solid rgba(255,255,255,0.08);
}

.lineoa-theme .group-report-success-elo-card > p {
  margin: 0 0 14px;
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: rgba(255,255,255,0.44);
}

.lineoa-theme .group-report-success-elo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.lineoa-theme .group-report-success-elo-grid article {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* name + delta badge on same line */
.lineoa-theme .group-report-success-elo-grid .elo-name-line {
  margin: 0;
  display: block;
  line-height: 1.4;
}

.lineoa-theme .group-report-success-elo-grid .elo-name-line small {
  display: inline;
  font-size: 0.82rem;
  color: rgba(255,255,255,0.64);
  font-weight: 700;
  font-family: var(--font-headline);
}

.lineoa-theme .group-report-success-elo-grid .elo-name-line span {
  display: inline;
  margin-left: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(249, 86, 48, 0.18);
  color: #ff7d5d;
  font-size: 0.72rem;
  font-weight: 900;
  font-family: var(--font-headline);
}

.lineoa-theme .group-report-success-elo-grid article.is-positive .elo-name-line span {
  background: rgba(189, 242, 31, 0.18);
  color: var(--primary-fixed);
}

.lineoa-theme .group-report-success-elo-grid article.is-neutral .elo-name-line span {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.78);
}

.lineoa-theme .group-report-success-elo-grid strong {
  font-size: 1.38rem;
  line-height: 1.1;
  color: #ff653f;
  font-family: var(--font-headline);
}

.lineoa-theme .group-report-success-elo-grid article.is-positive strong {
  color: var(--primary-fixed);
}

.lineoa-theme .group-report-success-elo-grid article.is-neutral strong {
  color: #ffffff;
}

.lineoa-theme .group-report-success-share-btn {
  width: 100%;
  min-height: 62px;
  border: none;
  border-radius: 18px;
  background: #19cf5a;
  color: #fff;
  font-size: 1.08rem;
  font-weight: 900;
  box-shadow: 0 18px 28px -22px rgba(25, 207, 90, 0.72);
  font-family: var(--font-headline);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.lineoa-theme .group-report-success-share-btn .material-symbols-outlined {
  font-size: 1.05rem;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-success-actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.lineoa-theme .group-report-success-secondary-btn {
  min-height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.8);
  font-size: 1rem;
  font-weight: 800;
  font-family: var(--font-body);
}

.lineoa-theme .group-report-emoji {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  line-height: 1;
}

@media (max-width: 420px) {
  .lineoa-theme .group-report-dual-head-block {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .group-report-score-head.is-player-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .lineoa-theme .group-report-sets-wrap {
    width: 100%;
    align-items: flex-start;
  }

  .lineoa-theme .group-report-review-matchup {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .group-report-review-score {
    min-width: 0;
  }

  .lineoa-theme .group-report-success-elo-grid {
    grid-template-columns: 1fr;
  }
}

.lineoa-theme .group-detail-profile-chip img {
  display: block;
  object-fit: cover;
  border: none;
  border-radius: 12px;
  background: #dde4e8;
  box-shadow: inset 0 0 0 1px rgba(24, 33, 35, 0.06), 0 6px 16px -16px rgba(24, 33, 35, 0.55);
}

.lineoa-theme .group-report-picker-item.is-selected {
  border-color: rgba(24, 33, 35, 0.16);
  background: #f2f7f0;
}

.lineoa-theme .group-report-picker-modal {
  position: fixed;
  inset: 0;
  z-index: 74;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 max(0px, env(safe-area-inset-bottom));
}

.lineoa-theme .group-report-picker-backdrop {
  background: rgba(14, 18, 19, 0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.lineoa-theme .group-report-picker-sheet {
  width: min(520px, calc(100% - 2px));
  height: min(60vh, 620px);
  height: min(60svh, 620px);
  max-height: min(calc(100vh - 22px), 620px);
  max-height: min(calc(100svh - 22px), 620px);
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  box-shadow: 0 -22px 38px -28px rgba(24, 33, 35, 0.48);
}

.lineoa-theme .group-report-picker-close {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 999px;
  background: #eef2f5;
  color: #5f6b72;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 2px rgba(24, 33, 35, 0.05);
}

.lineoa-theme .group-report-picker-item img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: cover;
  border: none;
  border-radius: 12px;
  background: #dde4e8;
  box-shadow: inset 0 0 0 1px rgba(24, 33, 35, 0.06), 0 6px 16px -16px rgba(24, 33, 35, 0.55);
}

.lineoa-theme .group-report-picker-search-wrap {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 0;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid rgba(24, 33, 35, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.lineoa-theme .group-report-picker-search-wrap .material-symbols-outlined {
  justify-self: start;
  font-size: 1rem;
  color: #7a8286;
}

.lineoa-theme .group-report-picker-search-wrap input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: none;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  color: #202526;
  font-size: 0.9rem;
  line-height: 1.2;
  padding: 0;
}

.lineoa-theme .group-report-picker-search-wrap input::placeholder {
  color: #9aa4a7;
}

.lineoa-theme .group-report-picker-search-wrap input::-webkit-search-decoration,
.lineoa-theme .group-report-picker-search-wrap input::-webkit-search-cancel-button,
.lineoa-theme .group-report-picker-search-wrap input::-webkit-search-results-button,
.lineoa-theme .group-report-picker-search-wrap input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.lineoa-theme .group-report-picker-list {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
  align-content: start;
  gap: 8px;
}

.lineoa-theme .group-report-picker-item {
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border-radius: var(--radius-md);
  text-align: left;
}

.lineoa-theme .group-report-picker-item > div {
  min-width: 0;
  display: block;
}

.lineoa-theme .group-report-picker-item strong {
  display: block;
  min-width: 0;
  font-size: 0.86rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lineoa-theme .group-report-picker-item strong > span:first-child {
  display: inline;
}


.lineoa-theme .group-report-picker-check {
  display: inline-grid;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  place-items: center;
  background: #202526;
  color: #ffffff;
  margin-left: 4px;
  box-shadow: 0 2px 6px -4px rgba(24, 33, 35, 0.58);
}

.lineoa-theme .group-report-picker-check .material-symbols-outlined {
  font-size: 0.76rem;
  font-variation-settings: "FILL" 1, "wght" 800, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-picker-item small {
  display: block;
  margin-top: 0;
  font-size: 0.68rem;
  line-height: 1.1;
  white-space: nowrap;
}

.lineoa-theme .group-report-picker-custom {
  display: grid;
  gap: 8px;
  margin-top: 2px;
  grid-column: 1 / -1;
}

.lineoa-theme .group-report-picker-empty {
  grid-column: 1 / -1;
}

.lineoa-theme .group-report-picker-add-btn {
  min-height: 46px;
  border: 1px dashed rgba(24, 33, 35, 0.18);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.82);
  color: #202526;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-headline);
  font-size: 0.86rem;
  font-weight: 800;
  cursor: pointer;
}

.lineoa-theme .group-report-picker-add-btn .material-symbols-outlined {
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .group-report-picker-custom-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.lineoa-theme .group-report-picker-custom-form.hidden,
.lineoa-theme .group-report-picker-add-btn.hidden {
  display: none;
}

.lineoa-theme .group-report-picker-custom-form input {
  width: 100%;
  min-width: 0;
  height: 44px;
  border: 1px solid rgba(24, 33, 35, 0.1);
  border-radius: 14px;
  background: #ffffff;
  color: #202526;
  font-family: var(--font-body);
  font-size: 0.9rem;
  outline: none;
  padding: 0 12px;
}

.lineoa-theme .group-report-picker-custom-form input:focus {
  border-color: rgba(24, 33, 35, 0.18);
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.22);
}

.lineoa-theme .group-report-picker-custom-form button {
  min-width: 72px;
  height: 44px;
  border: none;
  border-radius: 14px;
  background: #202526;
  color: #ffffff;
  font-family: var(--font-headline);
  font-size: 0.84rem;
  font-weight: 800;
  padding: 0 14px;
}

.lineoa-theme .group-match-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 74;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.lineoa-theme .group-match-detail-modal.hidden { display: none; }

.lineoa-theme .group-match-detail-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 18, 19, 0.38);
  border: none;
  cursor: pointer;
}

.lineoa-theme .group-match-detail-sheet {
  position: relative;
  width: min(520px, calc(100% - 0px));
  max-height: min(85svh, 680px);
  border-radius: 24px;
  background: #f3f6f0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(24, 33, 35, 0.28);
}

.lineoa-theme .group-match-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(24, 33, 35, 0.07);
  background: #f3f6f0;
}

.lineoa-theme .group-match-detail-head h3 {
  font-size: 1rem;
  font-weight: 900;
  color: #202526;
  margin: 0;
  font-family: var(--font-headline);
}

.lineoa-theme .group-match-detail-close {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 999px;
  background: #eef2f5;
  color: #5f6b72;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lineoa-theme .group-match-detail-content {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lineoa-theme .group-match-detail-score-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 14px;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(24, 33, 35, 0.07);
}

.lineoa-theme .group-match-detail-score-side {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.lineoa-theme .group-match-detail-score-name {
  font-size: 0.72rem;
  font-weight: 800;
  color: #2d3436;
  font-family: var(--font-headline);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-align: center;
}

.lineoa-theme .group-match-detail-score-center {
  flex-shrink: 0;
  text-align: center;
  min-width: 60px;
}

.lineoa-theme .group-match-detail-score-row strong {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #1d2324;
  font-family: var(--font-headline);
}

.lineoa-theme .group-match-detail-score-row small {
  font-size: 0.72rem;
  color: #8a9294;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.lineoa-theme .group-match-detail-score-avatars {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-shrink: 0;
}

.lineoa-theme .group-match-detail-score-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(24,33,35,0.15);
  display: block;
}
.lineoa-theme .group-match-detail-score-side.is-winner .group-match-detail-score-avatar {
  border-color: rgba(189, 242, 31, 0.55);
}
.lineoa-theme .group-match-detail-score-side.is-loser .group-match-detail-score-avatar {
  border-color: rgba(192,57,43,0.45);
}

.lineoa-theme .group-match-detail-score-avatar--fallback {
  background: #dde4e8;
}

.lineoa-theme .group-match-detail-section-label {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: #7a8a6a;
  text-transform: uppercase;
  font-family: var(--font-headline);
  margin-bottom: 6px;
}

.lineoa-theme .group-match-detail-elo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lineoa-theme .group-match-detail-elo-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lineoa-theme .group-match-detail-elo-item {
  background: #fff;
  border: 1px solid rgba(24, 33, 35, 0.07);
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.lineoa-theme .group-match-detail-elo-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(24,33,35,0.15);
  display: block;
  flex-shrink: 0;
}

.lineoa-theme .group-match-detail-elo-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.lineoa-theme .group-match-detail-elo-avatar--fallback {
  background: #dde4e8;
}

.lineoa-theme .group-match-detail-elo-item.is-positive .group-match-detail-elo-avatar {
  border-color: rgba(189, 242, 31, 0.55);
}

.lineoa-theme .group-match-detail-elo-item.is-negative .group-match-detail-elo-avatar {
  border-color: #c0392b;
}

.lineoa-theme .group-match-detail-elo-item.is-positive { border-left: 3px solid rgba(100, 180, 0, 0.5); }
.lineoa-theme .group-match-detail-elo-item.is-negative { border-left: 3px solid rgba(192, 57, 43, 0.4); }
.lineoa-theme .group-match-detail-elo-item.is-neutral  { border-left: 3px solid rgba(24, 33, 35, 0.12); }

.lineoa-theme .group-match-detail-elo-name {
  display: block;
  font-size: 0.76rem;
  font-weight: 800;
  color: #2d3436;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-headline);
}

.lineoa-theme .group-match-detail-elo-delta {
  display: inline;
  font-size: 0.7rem;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 999px;
  margin-left: 4px;
  font-family: var(--font-headline);
}

.lineoa-theme .group-match-detail-elo-item.is-positive .group-match-detail-elo-delta { background: rgba(189, 242, 31, 0.16); color: #5a8600; }
.lineoa-theme .group-match-detail-elo-item.is-negative .group-match-detail-elo-delta { background: rgba(192,57,43,0.10); color: #c0392b; }
.lineoa-theme .group-match-detail-elo-item.is-neutral  .group-match-detail-elo-delta { background: rgba(24,33,35,0.07); color: #5f6b72; }

.lineoa-theme .group-match-detail-elo-range {
  display: block;
  font-size: 0.9rem;
  font-weight: 900;
  color: #1d2324;
  letter-spacing: -0.02em;
  font-family: var(--font-headline);
  line-height: 1.2;
}

.lineoa-theme .group-match-detail-elo-item.is-positive .group-match-detail-elo-range { color: #3e7700; }
.lineoa-theme .group-match-detail-elo-item.is-negative .group-match-detail-elo-range { color: #c0392b; }

.lineoa-theme .group-match-detail-notes {
  background: #fff;
  border: 1px solid rgba(24, 33, 35, 0.07);
  border-radius: 16px;
  padding: 12px 14px;
  font-size: 0.88rem;
  color: #3d4a4c;
  line-height: 1.5;
  font-family: var(--font-body);
}

.lineoa-theme .group-match-detail-photo {
  display: block;
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(24, 33, 35, 0.07);
}

.lineoa-theme .group-match-detail-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--font-headline);
  background: rgba(24, 33, 35, 0.06);
  color: #5f6b72;
  align-self: flex-start;
}

.lineoa-theme .group-match-detail-type-badge .material-symbols-outlined {
  font-size: 0.82rem;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 20;
}

.lineoa-theme .toast {
  bottom: calc(106px + env(safe-area-inset-bottom));
  border-radius: var(--radius-md);
  padding: 12px 16px;
  background: rgba(24, 33, 35, 0.96);
  font-family: var(--font-headline);
  font-weight: 600;
}

.lineoa-theme .splash-screen {
  background:
    linear-gradient(180deg, rgba(189, 242, 31, 0.13) 0, transparent 14rem),
    linear-gradient(135deg, rgba(159, 217, 255, 0.16), transparent 16rem),
    #eff2f3;
}

.lineoa-theme .splash-title,
.lineoa-theme .splash-kicker,
.lineoa-theme .splash-status {
  font-family: var(--font-headline);
  letter-spacing: 0;
}

@media (min-width: 430px) {
  .lineoa-theme .two-cols,
  .lineoa-theme .connection-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lineoa-theme .profile-ref-stats,
  .lineoa-theme .profile-evolution-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  .lineoa-theme .profile-editorial-head,
  .lineoa-theme .profile-ref-header,
  .lineoa-theme .community-item {
    grid-template-columns: 1fr;
    display: grid;
  }

  .lineoa-theme .groups-card-body {
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 82px;
    padding: 12px 72px 12px 12px;
    display: grid;
  }

  .lineoa-theme .groups-cover-wrap {
    width: 52px;
    height: 52px;
  }

  .lineoa-theme .groups-card-main h4 {
    font-size: 0.92rem;
  }

  .lineoa-theme .groups-card-main p {
    font-size: 0.68rem;
  }

  .lineoa-theme .profile-editorial-avatar-wrap,
  .lineoa-theme .profile-ref-avatar-wrap {
    width: 68px;
    height: 68px;
  }

  .lineoa-theme .profile-editorial-stats,
  .lineoa-theme .profile-ref-stats,
  .lineoa-theme .profile-evolution-metrics,
  .lineoa-theme .national-stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lineoa-theme .group-detail-tab-btn {
    font-size: 0.7rem;
  }

  .lineoa-theme .group-detail-rank-item {
    grid-template-columns: 32px 38px minmax(0, 1fr) auto;
    padding: 10px;
  }

  .lineoa-theme .group-detail-rank-no {
    width: 32px;
    font-size: 1.08rem;
  }

  .lineoa-theme .group-detail-rank-score strong {
    font-size: 1.3rem;
  }

  .lineoa-theme .group-activity-report-sheet {
    grid-template-columns: 1fr;
    width: min(520px, calc(100% - 2px));
    max-height: min(92dvh, 760px);
    gap: 10px;
  }

  .lineoa-theme .group-activity-report-toggle-btn {
    font-size: 0.86rem;
  }

  .lineoa-theme .group-activity-report-duel-card {
    padding: 9px;
  }

  .lineoa-theme .group-performance-match-item {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .group-performance-match-center {
    order: -1;
    min-width: 0;
  }

  .lineoa-theme .group-performance-match-side,
  .lineoa-theme .group-performance-match-side.is-right {
    align-items: stretch;
    text-align: left;
  }

  .lineoa-theme .group-performance-match-side.is-right .group-performance-match-player {
    flex-direction: row;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lineoa-theme *,
  .lineoa-theme *::before,
  .lineoa-theme *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Smatch UI design scheme refresh */
:root,
body.lineoa-theme {
  --bg: #F5F6F7;
  --surface: #F5F6F7;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #EFF1F2;
  --surface-container: #E6E8EA;
  --surface-container-high: #E6E8EA;
  --surface-container-highest: #DADDE0;
  --surface-low: #EFF1F2;
  --surface-mid: #E6E8EA;
  --text: #2C2F30;
  --text-muted: #595C5D;
  --text-soft: #8A8D90;
  --on-surface: var(--text);
  --on-surface-variant: var(--text-muted);
  --brand: #BDF21F;
  --brand-text: #2B4900;
  --brand-forest: #3E6600;
  --primary: var(--brand-forest);
  --primary-container: var(--brand);
  --primary-fixed: var(--brand);
  --primary-fixed-dim: var(--brand);
  --on-primary-fixed: var(--brand-text);
  --secondary-container: var(--surface-mid);
  --on-secondary-container: var(--text-muted);
  --green-tint: rgba(189,242,31,0.18);
  --green-text: #365900;
  --win-bg: var(--green-tint);
  --win-text: var(--green-text);
  --neutral-tint: rgba(24,33,35,0.08);
  --orange: #F3A341;
  --orange-border: rgba(243,163,65,0.45);
  --red: #F25A49;
  --red-border: rgba(242,90,73,0.4);
  --loss-bg: rgba(242,90,73,0.12);
  --loss-text: var(--red);
  --border: rgba(171,173,174,0.18);
  --border-strong: rgba(171,173,174,0.28);
  --outline-variant: var(--border);
  --shadow-card: 0 8px 32px -16px rgba(44,47,48,0.14);
  --shadow-glow: 0 20px 40px -12px rgba(189,242,31,0.35);
  --shadow-float: var(--shadow-glow);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --font-headline: "Plus Jakarta Sans", "Inter", "Noto Sans Thai", sans-serif;
  --font-body: "Inter", "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;
}

body.lineoa-theme {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  padding: 0 20px calc(132px + env(safe-area-inset-bottom));
}

.lineoa-theme .mobile-shell {
  width: min(430px, 100%);
  gap: 20px;
  padding-top: max(14px, env(safe-area-inset-top));
}

.lineoa-theme :is(h1, h2, h3, h4, h5, h6, p, small, strong, span, button, label, input, select, textarea, th, td) {
  letter-spacing: 0;
}

.lineoa-theme .card,
.lineoa-theme .simple-item,
.lineoa-theme .conn-card-pending,
.lineoa-theme .conn-card-sent,
.lineoa-theme .member-search-item,
.lineoa-theme .skill-card,
.lineoa-theme .community-item,
.lineoa-theme .challenge-item,
.lineoa-theme .groups-hub-card,
.lineoa-theme .group-detail-rank-item,
.lineoa-theme .group-activity-result-card,
.lineoa-theme .group-detail-report-item,
.lineoa-theme .group-performance-match-item,
.lineoa-theme .modal-card,
.lineoa-theme .report-match-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-container-lowest);
  box-shadow: var(--shadow-card);
}

.lineoa-theme #registerCard,
.lineoa-theme #tab-home .card:not(.profile-hero):not(.tier-card),
.lineoa-theme #tab-community .card,
.lineoa-theme #tab-arena .card,
.lineoa-theme #tab-profile .card:not(.member-details):not(.profile-switch-card),
.lineoa-theme .profile-view .card,
.lineoa-theme .report-match-card,
.lineoa-theme .modal-card {
  padding: 24px;
}

.lineoa-theme .section-head {
  align-items: center;
  margin-bottom: 18px;
}

.lineoa-theme .section-kicker,
.lineoa-theme .mini-overline,
.lineoa-theme label > span,
.lineoa-theme .form-label-text,
.lineoa-theme .sheet-field-label,
.lineoa-theme .register-line-kicker {
  color: var(--brand-forest);
  font-family: var(--font-headline);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: none;
}

.lineoa-theme .section-head h2,
.lineoa-theme .section-head h3,
.lineoa-theme .sheet-title,
.lineoa-theme .profile-ref-name,
.lineoa-theme .profile-editorial-main h2,
.lineoa-theme .groups-intro-copy h3,
.lineoa-theme .group-detail-ribbon h2,
.lineoa-theme .group-detail-hero h2 {
  color: var(--text);
  font-family: var(--font-headline);
  font-weight: 800;
  letter-spacing: 0;
}

.lineoa-theme .section-head h2,
.lineoa-theme .section-head h3 {
  font-size: clamp(1.45rem, 6vw, 1.85rem);
  line-height: 1.08;
}

.lineoa-theme .primary-btn,
.lineoa-theme .checkin-btn,
.lineoa-theme .arena-boost-btn,
.lineoa-theme .group-join-submit-btn,
.lineoa-theme .inline-btn.success,
.lineoa-theme .group-create-submit-btn,
.lineoa-theme .group-report-primary-btn,
.lineoa-theme .group-activity-report-submit-btn {
  border: none;
  border-radius: var(--radius-full);
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: var(--shadow-glow);
  font-family: var(--font-headline);
  font-weight: 800;
  text-transform: none;
}

.lineoa-theme .secondary-btn,
.lineoa-theme .inline-btn,
.lineoa-theme .upcoming-secondary-btn,
.lineoa-theme .profile-view-btn,
.lineoa-theme .profile-range-btn,
.lineoa-theme .home-match-filter-chip,
.lineoa-theme .home-match-filter-icon,
.lineoa-theme .home-section-link {
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--surface-container-lowest);
  color: var(--text);
  box-shadow: 0 8px 24px -20px rgba(44,47,48,0.28);
  font-family: var(--font-headline);
  font-weight: 700;
  text-transform: none;
}

.lineoa-theme .primary-btn:disabled,
.lineoa-theme .group-join-submit-btn:disabled,
.lineoa-theme .group-report-primary-btn:disabled,
.lineoa-theme .group-activity-report-submit-btn:disabled {
  background: #ECEDEF;
  color: #989B9D;
  box-shadow: none;
}

.lineoa-theme .top-ribbon {
  top: 0;
  width: 100%;
  margin: 0;
  padding: 4px 0 8px;
  border: none;
  border-radius: 0;
  background: rgba(245,246,247,0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.lineoa-theme .brand-mini {
  gap: 12px;
}

.lineoa-theme .brand-b {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--brand);
  box-shadow: 0 16px 28px -18px rgba(62,102,0,0.52);
}

.lineoa-theme .brand-b .material-symbols-outlined {
  color: var(--brand-text);
  font-size: 1.35rem;
}

.lineoa-theme .top-ribbon h1 {
  font-size: 1.42rem;
  font-weight: 800;
  line-height: 0.98;
}

.lineoa-theme .top-ribbon h1::after {
  content: "Arena";
  display: block;
  margin-top: 4px;
  color: var(--text-soft);
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
}

.lineoa-theme .top-profile-avatar,
.lineoa-theme .top-notify-btn {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.lineoa-theme .top-notify-btn {
  background: var(--surface-container-lowest);
  border: 1px solid var(--border);
  color: var(--text-muted);
}

.lineoa-theme .home-action-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 10px;
  margin: -4px 0 16px;
}

.lineoa-theme .home-action-btn {
  min-width: 0;
  min-height: 84px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-container-lowest);
  color: var(--text);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 12px;
  text-align: left;
  box-shadow: var(--shadow-card);
}

.lineoa-theme .home-action-btn > .material-symbols-outlined {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--surface-low);
  color: var(--brand-forest);
  font-size: 1rem;
  flex-shrink: 0;
}

.lineoa-theme .home-action-btn strong,
.lineoa-theme .home-action-btn small {
  display: block;
  min-width: 0;
}

.lineoa-theme .home-action-btn strong {
  font-family: var(--font-headline);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.08;
}

.lineoa-theme .home-action-btn small {
  margin-top: 4px;
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.22;
}

.lineoa-theme .home-action-btn.is-primary {
  background: var(--brand);
  border-color: transparent;
  color: var(--brand-text);
  box-shadow: var(--shadow-glow);
}

.lineoa-theme .home-action-btn.is-primary > .material-symbols-outlined {
  background: rgba(43,73,0,0.12);
  color: var(--brand-text);
}

.lineoa-theme .home-action-btn.is-primary small {
  color: var(--brand-forest);
}

.lineoa-theme .home-match-filter-bar {
  margin: 0 0 16px;
  gap: 8px;
}

.lineoa-theme .home-match-filter-icon,
.lineoa-theme .home-match-filter-chip {
  min-height: 40px;
  background: var(--surface-container-lowest);
  color: var(--text);
}

.lineoa-theme .home-match-filter-icon {
  border-radius: 14px;
}

.lineoa-theme .home-match-filter-chip {
  font-size: 0.76rem;
}

.lineoa-theme .challenge-match-card {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: var(--surface-container-lowest);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .challenge-match-main {
  grid-template-columns: minmax(0, 1fr) minmax(108px, 132px);
  gap: 16px;
  padding: 24px;
}

.lineoa-theme .challenge-schedule {
  margin-bottom: 8px;
  color: var(--brand-forest);
  font-family: var(--font-headline);
  font-size: 0.82rem;
  font-weight: 800;
}

.lineoa-theme .challenge-match-title {
  color: var(--text);
  font-size: clamp(1.48rem, 6.4vw, 1.9rem);
  font-weight: 800;
  line-height: 1.06;
}

.lineoa-theme .challenge-match-location {
  margin-top: 10px;
  color: var(--text-muted);
  font-size: 0.86rem;
  font-weight: 600;
}

.lineoa-theme .challenge-tag-row {
  padding-top: 16px;
  gap: 8px;
}

.lineoa-theme .challenge-tag,
.lineoa-theme .feed-pill,
.lineoa-theme .pill,
.lineoa-theme .result-chip,
.lineoa-theme .group-match-detail-type-badge {
  min-height: 28px;
  border-radius: var(--radius-full);
  padding: 5px 12px;
  border: none;
  background: var(--neutral-tint);
  color: var(--text-muted);
  font-family: var(--font-headline);
  font-size: 0.78rem;
  font-weight: 700;
}

.lineoa-theme .challenge-tag.is-ranked,
.lineoa-theme .feed-pill.green,
.lineoa-theme .role-pill {
  background: var(--green-tint);
  color: var(--green-text);
}

.lineoa-theme .challenge-count-pill {
  min-height: 34px;
  border-radius: 14px;
  border: 1px solid var(--orange-border);
  background: rgba(243,163,65,0.08);
  color: var(--orange);
  font-size: 0.78rem;
  font-weight: 800;
}

.lineoa-theme .challenge-count-pill.is-full {
  border-color: var(--red-border);
  background: rgba(242,90,73,0.08);
  color: var(--red);
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more,
.lineoa-theme .community-avatar,
.lineoa-theme .groups-avatar-chip,
.lineoa-theme .group-detail-title-avatar,
.lineoa-theme .group-detail-rank-avatar,
.lineoa-theme .group-activity-avatar-lg,
.lineoa-theme .group-activity-avatar-sm,
.lineoa-theme .group-performance-match-avatar,
.lineoa-theme .profile-editorial-avatar,
.lineoa-theme .profile-ref-avatar {
  border-radius: 14px;
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

.lineoa-theme .challenge-join-btn {
  min-height: 48px;
  border-radius: var(--radius-full);
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: 0 14px 28px -18px rgba(62,102,0,0.58);
  font-size: 0.92rem;
  font-weight: 800;
}

.lineoa-theme .challenge-join-btn.is-report {
  background: var(--green-tint);
  color: var(--green-text);
}

.lineoa-theme .challenge-join-btn.is-disabled {
  background: #ECEDEF;
  color: #989B9D;
  box-shadow: none;
}

.lineoa-theme .bottom-nav {
  width: min(430px, calc(100% - 28px));
  bottom: calc(12px + env(safe-area-inset-bottom));
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border: 1px solid rgba(255,255,255,0.72);
  border-radius: 34px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 20px 46px -22px rgba(44,47,48,0.26);
}

.lineoa-theme .tab-btn {
  min-height: 56px;
  border-radius: 18px;
  color: var(--text-soft);
  font-weight: 700;
}

.lineoa-theme .tab-btn.is-active {
  background: transparent;
  color: var(--brand-forest);
}

.lineoa-theme .tab-btn[data-tab-target="community"].is-active {
  background: transparent;
  color: var(--brand-forest);
  box-shadow: none;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: none;
}

.lineoa-theme .ball-core {
  width: 76px;
  height: 76px;
  background: var(--brand);
  box-shadow: var(--shadow-glow);
}

.lineoa-theme .ball-core::before,
.lineoa-theme .ball-core::after {
  content: "";
  position: absolute;
  width: 74%;
  height: 74%;
  border: 2px solid rgba(43,73,0,0.58);
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
}

.lineoa-theme .ball-core::before {
  transform: translateX(-34%) rotate(22deg);
}

.lineoa-theme .ball-core::after {
  transform: translateX(34%) rotate(22deg);
}

.lineoa-theme .ball-text {
  color: var(--brand-text);
  font-size: 0.76rem;
  font-weight: 800;
}

.lineoa-theme .groups-tab-panel {
  padding-inline: 0;
}

.lineoa-theme .groups-intro-copy {
  padding: 0 4px;
}

.lineoa-theme .groups-intro-copy h3 {
  font-size: clamp(2rem, 10vw, 2.7rem);
  line-height: 1;
}

.lineoa-theme .groups-hub-list {
  gap: 16px;
}

.lineoa-theme .groups-hub-card {
  padding: 18px;
  border-radius: var(--radius-xl);
}

.lineoa-theme .groups-card-body {
  gap: 14px;
}

.lineoa-theme .groups-cover-wrap {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}

.lineoa-theme .groups-status-pill {
  border-radius: var(--radius-full);
  background: var(--green-tint);
  color: var(--green-text);
}

.lineoa-theme .group-detail-screen,
.lineoa-theme .group-create-screen {
  width: min(430px, 100%);
  background: var(--bg);
  bottom: calc(104px + env(safe-area-inset-bottom));
}

.lineoa-theme .group-detail-ribbon,
.lineoa-theme .group-detail-hero {
  margin: 16px 16px 0;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-container-lowest);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .group-detail-ribbon::before,
.lineoa-theme .group-detail-hero::before {
  display: none;
}

.lineoa-theme .group-detail-ribbon-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: var(--surface-low);
  color: var(--text-muted);
}

.lineoa-theme .group-detail-meta-row {
  justify-content: center;
}

.lineoa-theme .group-detail-arena-tag,
.lineoa-theme .group-detail-league-tag {
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 700;
}

.lineoa-theme .group-detail-ribbon h2,
.lineoa-theme .group-detail-hero h2 {
  color: var(--text);
  font-size: clamp(1.8rem, 9vw, 2.35rem);
}

.lineoa-theme .group-detail-tab-nav {
  position: sticky;
  top: 0;
  margin: 14px 16px;
  padding: 4px;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--surface-low);
}

.lineoa-theme .group-detail-tab-btn {
  min-height: 40px;
  border-radius: var(--radius-full);
  color: var(--text-muted);
  font-weight: 700;
}

.lineoa-theme .group-detail-tab-btn.is-active {
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: none;
}

.lineoa-theme .group-detail-date-tabs {
  margin: 0 16px 16px;
  padding: 0;
  gap: 8px;
  background: transparent;
}

.lineoa-theme .group-detail-date-tab {
  min-height: 40px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--surface-container-lowest);
  color: var(--text-muted);
  font-weight: 700;
}

.lineoa-theme .group-detail-date-tab.is-active {
  background: var(--brand);
  color: var(--brand-text);
}

.lineoa-theme .group-detail-date-tab.is-active::after {
  display: none;
}

.lineoa-theme .group-detail-card,
.lineoa-theme .group-detail-activity-wrap,
.lineoa-theme .group-ranking-you-card {
  margin-inline: 16px;
}

.lineoa-theme .group-performance-hub-card,
.lineoa-theme .profile-performance-hub-card {
  background: var(--surface-container-lowest);
}

.lineoa-theme .group-detail-rank-item.is-self,
.lineoa-theme .group-ranking-you-card {
  background: var(--green-tint);
  border-color: rgba(189, 242, 31, 0.42);
  color: var(--green-text);
  box-shadow: none;
}

.lineoa-theme .group-detail-rank-item.is-self .group-detail-rank-no,
.lineoa-theme .group-detail-rank-item.is-self .group-detail-rank-meta strong,
.lineoa-theme .group-detail-rank-item.is-self .group-detail-rank-score strong,
.lineoa-theme .group-ranking-you-card :is(strong, p, small) {
  color: var(--green-text);
}

.lineoa-theme .group-activity-center-score strong,
.lineoa-theme .group-performance-match-center strong,
.lineoa-theme .group-detail-report-score strong {
  color: var(--text);
  font-size: clamp(1.5rem, 8vw, 2.35rem);
  font-weight: 800;
}

.lineoa-theme .smatch-sheet .sheet-card,
.lineoa-theme .groups-sheet,
.lineoa-theme .group-activity-report-sheet,
.lineoa-theme .arena-report-sheet,
.lineoa-theme .group-report-picker-sheet,
.lineoa-theme .group-match-detail-sheet {
  width: min(430px, 100%);
  border-radius: 32px 32px 0 0;
  background: var(--surface-container-lowest);
  box-shadow: 0 -24px 56px -32px rgba(44,47,48,0.42);
}

.lineoa-theme .smatch-sheet .sheet-card {
  padding: 22px 20px calc(28px + env(safe-area-inset-bottom));
}

.lineoa-theme .sheet-title {
  font-size: 1.85rem;
  line-height: 1.08;
}

.lineoa-theme .qp-form {
  gap: 24px;
}

.lineoa-theme .qp-section-title {
  color: var(--text);
  font-family: var(--font-headline);
  font-size: 1.18rem;
  font-weight: 800;
}

.lineoa-theme .qp-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.lineoa-theme .post-type-card {
  min-height: 122px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-container-lowest);
  box-shadow: var(--shadow-card);
}

.lineoa-theme .post-type-card.is-active {
  border-color: rgba(189, 242, 31, 0.9);
  background: var(--green-tint);
  box-shadow: none;
}

.lineoa-theme .qp-settings-card,
.lineoa-theme .qp-detail-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-container-lowest);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.lineoa-theme .qp-setting-row,
.lineoa-theme .qp-detail-row {
  min-height: 64px;
  padding: 12px 18px;
}

.lineoa-theme .qp-pill-group {
  gap: 8px;
}

.lineoa-theme .qp-pill,
.lineoa-theme .quick-pill-option,
.lineoa-theme .group-activity-report-toggle-btn,
.lineoa-theme .group-report-format-card {
  border-radius: var(--radius-full);
  background: var(--surface-low);
  color: var(--text-muted);
  font-weight: 700;
}

.lineoa-theme .qp-pill.is-active,
.lineoa-theme .quick-pill-option.is-active,
.lineoa-theme .group-activity-report-toggle-btn.is-active {
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: none;
}

.lineoa-theme .arena-report-sheet {
  padding: 20px 20px calc(24px + env(safe-area-inset-bottom));
}

.lineoa-theme .set-score-section,
.lineoa-theme .group-activity-report-duel-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-low);
}

.lineoa-theme .set-cell,
.lineoa-theme .group-activity-report-score-input {
  border: 1px solid var(--border-strong);
  border-radius: 18px;
  background: var(--surface-container-lowest);
  color: var(--text);
  font-family: var(--font-headline);
  font-size: clamp(1.55rem, 6vw, 2rem);
  font-weight: 800;
}

.lineoa-theme .you-cell,
.lineoa-theme .group-activity-report-score-input:focus {
  color: var(--brand-forest);
}

.lineoa-theme .report-submit-btn,
.lineoa-theme .sheet-cta {
  min-height: 58px;
  border-radius: var(--radius-full) !important;
  background: var(--brand);
  color: var(--brand-text);
}

.lineoa-theme .notifications-panel {
  padding-inline: 12px;
}

.lineoa-theme .notifications-sheet {
  width: min(430px, 100%);
  border-radius: 32px;
  background: var(--surface-container-lowest);
  box-shadow: 0 26px 60px -34px rgba(44,47,48,0.46);
}

.lineoa-theme .notification-card {
  border-bottom: 1px solid var(--border);
  background: transparent;
}

.lineoa-theme .notification-card.is-new {
  background: var(--green-tint);
}

.lineoa-theme .notifications-count-pill,
.lineoa-theme .notifications-mini-pill {
  background: var(--green-tint);
  color: var(--green-text);
}

.lineoa-theme .profile-ref-header {
  border-radius: var(--radius-xl);
  background: var(--surface-container-lowest);
}

.lineoa-theme .profile-ref-stats article,
.lineoa-theme .profile-editorial-stats article,
.lineoa-theme .national-stats-grid article,
.lineoa-theme .metric-grid article {
  border-radius: var(--radius-lg);
  background: var(--surface-low);
}

.lineoa-theme .leaderboard-table tr.me-row td {
  background: var(--green-tint);
  color: var(--green-text);
}

.lineoa-theme .splash-screen {
  background: var(--bg);
}

@media (max-width: 430px) {
  body.lineoa-theme {
    padding-inline: 18px;
  }

  .lineoa-theme .home-action-grid {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .home-action-btn {
    min-height: 68px;
    align-items: center;
  }

  .lineoa-theme .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 12px;
    padding: 20px;
  }

  .lineoa-theme #registerCard,
  .lineoa-theme #tab-home .card:not(.profile-hero):not(.tier-card),
  .lineoa-theme #tab-community .card,
  .lineoa-theme #tab-arena .card,
  .lineoa-theme #tab-profile .card:not(.member-details):not(.profile-switch-card),
  .lineoa-theme .profile-view .card,
  .lineoa-theme .report-match-card,
  .lineoa-theme .modal-card {
    padding: 20px;
  }
}

@media (max-width: 370px) {
  body.lineoa-theme {
    padding-inline: 14px;
  }

  .lineoa-theme .top-ribbon h1 {
    font-size: 1.24rem;
  }

  .lineoa-theme .brand-b,
  .lineoa-theme .top-profile-avatar,
  .lineoa-theme .top-notify-btn {
    width: 38px;
    height: 38px;
  }

  .lineoa-theme .challenge-match-main {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .challenge-match-side {
    align-items: stretch;
  }

  .lineoa-theme .challenge-avatar-row {
    justify-content: flex-start;
  }
}

/* Final polish for one-accent consistency */
.lineoa-theme .profile-switch,
.lineoa-theme .arena-tabs-row,
.lineoa-theme .group-performance-mode-switch {
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--surface-low);
}

.lineoa-theme .profile-view-btn,
.lineoa-theme .arena-tab-btn,
.lineoa-theme .group-performance-mode-btn {
  border-radius: var(--radius-full);
  color: var(--text-muted);
  font-weight: 700;
}

.lineoa-theme .profile-view-btn.is-active,
.lineoa-theme .profile-range-btn.is-active,
.lineoa-theme .arena-tab-btn.is-active,
.lineoa-theme .group-performance-mode-btn.is-active {
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: none;
}

.lineoa-theme .register-line-preview,
.lineoa-theme .arena-callout,
.lineoa-theme .arena-boost-callout,
.lineoa-theme .elite-domain-hero,
.lineoa-theme .profile-editorial-card,
.lineoa-theme .profile-progression-card,
.lineoa-theme .profile-progression-panel {
  background: var(--surface-container-lowest);
}

.lineoa-theme .profile-editorial-card::before,
.lineoa-theme .profile-progression-panel::before,
.lineoa-theme .elite-domain-hero::before,
.lineoa-theme .groups-hub-card::before {
  background: var(--brand);
}

.lineoa-theme .intent-pill,
.lineoa-theme .feed-pill.blue {
  background: var(--neutral-tint);
  color: var(--text-muted);
}

.lineoa-theme .group-report-date-chip,
.lineoa-theme .group-report-format-card,
.lineoa-theme .quick-party-size-pill,
.lineoa-theme .court-surface-filter button {
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--surface-container-lowest);
  color: var(--text-muted);
  font-weight: 700;
}

.lineoa-theme .group-report-date-chip.is-active,
.lineoa-theme .group-report-format-card.is-active,
.lineoa-theme .quick-party-size-pill.is-active,
.lineoa-theme .court-surface-filter button.is-active {
  border-color: transparent;
  background: var(--brand);
  color: var(--brand-text);
  box-shadow: none;
}

.lineoa-theme .group-report-review-avatar,
.lineoa-theme .group-activity-report-avatar,
.lineoa-theme .group-report-player-avatar-wrap,
.lineoa-theme .group-report-review-avatar-stack {
  border-radius: 16px;
}

.lineoa-theme .group-report-review-avatar-stack.is-winner .group-report-review-avatar {
  box-shadow: 0 0 0 3px var(--brand), 0 0 12px rgba(189, 242, 31, 0.35);
}

.lineoa-theme .group-report-review-loser,
.lineoa-theme .group-report-review-avatar-stack.is-loser .group-report-review-avatar {
  color: #fff;
}

.lineoa-theme .group-report-review-avatar-stack.is-loser .group-report-review-avatar {
  box-shadow: 0 0 0 3px var(--red), 0 0 10px rgba(242,90,73,0.35);
}

.lineoa-theme .groups-cover-wrap,
.lineoa-theme .groups-sheet-item-icon.is-primary {
  background: var(--green-tint);
}

.lineoa-theme .groups-status-pill.is-pending {
  background: var(--neutral-tint);
  color: var(--text-muted);
}

/* Compact readability correction: closer to the app-map references */
body.lineoa-theme {
  font-size: 14px;
  line-height: 1.45;
  padding: 0 16px calc(104px + env(safe-area-inset-bottom));
}

.lineoa-theme .mobile-shell {
  width: min(390px, 100%);
  gap: 12px;
  padding-top: max(8px, env(safe-area-inset-top));
}

.lineoa-theme #registerCard,
.lineoa-theme #tab-home .card:not(.profile-hero):not(.tier-card),
.lineoa-theme #tab-community .card,
.lineoa-theme #tab-arena .card,
.lineoa-theme #tab-profile .card:not(.member-details):not(.profile-switch-card),
.lineoa-theme .profile-view .card,
.lineoa-theme .report-match-card,
.lineoa-theme .modal-card {
  padding: 14px;
}

.lineoa-theme .card,
.lineoa-theme .simple-item,
.lineoa-theme .challenge-item,
.lineoa-theme .challenge-match-card,
.lineoa-theme .groups-hub-card,
.lineoa-theme .group-activity-result-card,
.lineoa-theme .group-detail-rank-item,
.lineoa-theme .group-performance-match-item,
.lineoa-theme .group-detail-report-item {
  border-radius: 16px;
  box-shadow: 0 6px 18px -14px rgba(44,47,48,0.22);
}

.lineoa-theme .section-head {
  margin-bottom: 12px;
}

.lineoa-theme .section-kicker,
.lineoa-theme .mini-overline,
.lineoa-theme label > span,
.lineoa-theme .form-label-text,
.lineoa-theme .sheet-field-label,
.lineoa-theme .register-line-kicker {
  font-size: 0.68rem;
  font-weight: 700;
}

.lineoa-theme .section-head h2,
.lineoa-theme .section-head h3 {
  font-size: 1.35rem;
  line-height: 1.18;
  font-weight: 700;
}

.lineoa-theme .top-ribbon {
  padding: 2px 0 6px;
}

.lineoa-theme .brand-mini {
  gap: 8px;
}

.lineoa-theme .brand-b {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.lineoa-theme .brand-b .material-symbols-outlined {
  font-size: 1rem;
}

.lineoa-theme .top-ribbon h1 {
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.05;
}

.lineoa-theme .top-ribbon h1::after {
  margin-top: 2px;
  font-size: 0.68rem;
  font-weight: 600;
}

.lineoa-theme .top-profile-avatar,
.lineoa-theme .top-notify-btn {
  width: 32px;
  height: 32px;
  border-radius: 10px;
}

.lineoa-theme .top-notify-badge {
  min-width: 18px;
  height: 18px;
  font-size: 0.66rem;
}

.lineoa-theme .home-section-link {
  display: none;
}

.lineoa-theme .home-action-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 10px;
}

.lineoa-theme .home-action-btn:nth-child(2) {
  display: none;
}

.lineoa-theme .home-action-btn {
  min-height: 38px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  gap: 6px;
  box-shadow: none;
}

.lineoa-theme .home-action-btn > .material-symbols-outlined {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 1rem;
}

.lineoa-theme .home-action-btn strong {
  font-size: 0.82rem;
  line-height: 1;
  white-space: nowrap;
}

.lineoa-theme .home-action-btn small {
  display: none;
}

.lineoa-theme .home-match-filter-bar {
  grid-template-columns: 34px repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 10px;
}

.lineoa-theme .home-match-filter-icon,
.lineoa-theme .home-match-filter-chip {
  min-height: 32px;
  border-radius: 12px;
  font-size: 0.68rem;
  box-shadow: none;
}

.lineoa-theme .home-match-filter-chip {
  padding-inline: 10px;
}

.lineoa-theme .home-match-filter-chip .material-symbols-outlined {
  font-size: 0.92rem;
}

.lineoa-theme .challenge-match-main {
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 10px;
  padding: 12px;
}

.lineoa-theme .challenge-schedule {
  margin-bottom: 5px;
  font-size: 0.72rem;
  font-weight: 700;
}

.lineoa-theme .challenge-match-title {
  font-size: 1rem;
  line-height: 1.18;
  font-weight: 700;
}

.lineoa-theme .challenge-match-location {
  margin-top: 6px;
  font-size: 0.72rem;
  line-height: 1.25;
}

.lineoa-theme .challenge-tag-row {
  padding-top: 9px;
  gap: 6px;
}

.lineoa-theme .challenge-tag,
.lineoa-theme .feed-pill,
.lineoa-theme .pill,
.lineoa-theme .result-chip,
.lineoa-theme .group-match-detail-type-badge {
  min-height: 23px;
  padding: 3px 8px;
  font-size: 0.67rem;
  font-weight: 600;
}

.lineoa-theme .challenge-match-side {
  gap: 7px;
}

.lineoa-theme .challenge-count-pill {
  min-height: 26px;
  border-radius: 9px;
  padding: 2px 8px;
  font-size: 0.68rem;
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 9px;
}

.lineoa-theme .challenge-join-btn {
  min-height: 34px;
  font-size: 0.74rem;
  font-weight: 700;
}

.lineoa-theme .groups-intro-copy h3,
.lineoa-theme .group-detail-ribbon h2,
.lineoa-theme .group-detail-hero h2,
.lineoa-theme .profile-ref-name,
.lineoa-theme .sheet-title {
  font-size: 1.28rem;
  line-height: 1.18;
  font-weight: 700;
}

.lineoa-theme .groups-hub-list {
  gap: 10px;
}

.lineoa-theme .groups-hub-card {
  padding: 12px;
}

.lineoa-theme .groups-card-head {
  margin-bottom: 6px;
}

.lineoa-theme .groups-card-body {
  gap: 10px;
  min-height: 64px;
  padding: 0 34px 0 0;
}

.lineoa-theme .groups-cover-wrap {
  width: 52px;
  height: 52px;
  border-radius: 12px;
}

.lineoa-theme .groups-card-main h4 {
  font-size: 0.92rem;
  font-weight: 700;
}

.lineoa-theme .groups-card-main p,
.lineoa-theme .groups-members-text {
  font-size: 0.66rem;
}

.lineoa-theme .group-detail-ribbon,
.lineoa-theme .group-detail-hero {
  margin: 8px 0 0;
  padding: 12px;
}

.lineoa-theme .group-detail-ribbon-icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
}

.lineoa-theme .group-detail-title-avatar {
  width: 34px;
  height: 34px;
}

.lineoa-theme .group-detail-tab-nav {
  margin: 10px 0;
}

.lineoa-theme .group-detail-tab-btn {
  min-height: 34px;
  font-size: 0.68rem;
}

.lineoa-theme .group-detail-date-tabs {
  margin: 0 0 10px;
  gap: 6px;
}

.lineoa-theme .group-detail-date-tab {
  min-height: 34px;
  padding-inline: 12px;
  font-size: 0.68rem;
}

.lineoa-theme .group-detail-card,
.lineoa-theme .group-detail-activity-wrap,
.lineoa-theme .group-ranking-you-card {
  margin-inline: 0;
}

.lineoa-theme .group-activity-result-body,
.lineoa-theme .group-detail-report-item,
.lineoa-theme .group-performance-match-item {
  padding: 10px;
}

.lineoa-theme .group-activity-side-player strong,
.lineoa-theme .group-activity-team-player strong,
.lineoa-theme .group-performance-match-player span,
.lineoa-theme .group-detail-report-meta strong {
  font-size: 0.78rem;
  font-weight: 700;
}

.lineoa-theme .group-activity-center-score strong,
.lineoa-theme .group-performance-match-center strong,
.lineoa-theme .group-detail-report-score strong {
  font-size: 1.45rem;
  font-weight: 700;
}

.lineoa-theme .group-detail-rank-no,
.lineoa-theme .group-ranking-you-rank {
  font-size: 1.15rem;
  font-style: normal;
}

.lineoa-theme .group-detail-rank-score strong,
.lineoa-theme .group-ranking-you-right strong {
  font-size: 1.25rem;
}

.lineoa-theme .group-performance-stat strong {
  font-size: 1.35rem;
}

.lineoa-theme .group-performance-stat:nth-child(2) strong {
  font-size: 0.92rem;
}

.lineoa-theme .smatch-sheet .sheet-card,
.lineoa-theme .groups-sheet,
.lineoa-theme .group-activity-report-sheet,
.lineoa-theme .arena-report-sheet,
.lineoa-theme .group-report-picker-sheet,
.lineoa-theme .group-match-detail-sheet {
  width: min(390px, 100%);
}

.lineoa-theme .smatch-sheet .sheet-card,
.lineoa-theme .arena-report-sheet {
  padding: 16px 14px calc(20px + env(safe-area-inset-bottom));
}

.lineoa-theme .qp-form {
  gap: 16px;
}

.lineoa-theme .qp-section-title {
  font-size: 0.9rem;
  font-weight: 700;
}

.lineoa-theme .post-type-card {
  min-height: 82px;
  border-radius: 14px;
  padding: 10px 6px;
}

.lineoa-theme .qp-type-icon {
  font-size: 1.25rem;
}

.lineoa-theme .qp-type-title {
  font-size: 0.72rem;
}

.lineoa-theme .qp-type-sub {
  font-size: 0.62rem;
}

.lineoa-theme .qp-setting-row,
.lineoa-theme .qp-detail-row {
  min-height: 48px;
  padding: 7px 12px;
}

.lineoa-theme .sheet-card .qp-row-label,
.lineoa-theme .sheet-card .qp-setting-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

.lineoa-theme .qp-pill {
  min-height: 30px;
  font-size: 0.68rem;
}

.lineoa-theme .quick-party-slot-avatar,
.lineoa-theme .quick-party-slot-circle,
.lineoa-theme .qp-players-row .quick-party-slot-avatar,
.lineoa-theme .qp-players-row .quick-party-slot-circle {
  width: 30px;
  height: 30px;
  border-radius: 9px;
}

.lineoa-theme .set-score-section,
.lineoa-theme .group-activity-report-duel-card {
  padding: 10px;
  border-radius: 16px;
}

.lineoa-theme .set-cell,
.lineoa-theme .group-activity-report-score-input {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-size: 1.35rem;
}

.lineoa-theme .result-toggle-btn,
.lineoa-theme .group-activity-report-toggle-btn {
  height: 36px;
  font-size: 0.78rem;
}

.lineoa-theme .report-submit-btn,
.lineoa-theme .sheet-cta {
  min-height: 46px;
  font-size: 0.84rem;
}

.lineoa-theme .profile-ref-header {
  grid-template-columns: 58px 1fr;
  gap: 10px;
  padding: 12px;
}

.lineoa-theme .profile-editorial-avatar-wrap,
.lineoa-theme .profile-ref-avatar-wrap {
  width: 58px;
  height: 58px;
}

.lineoa-theme .profile-ref-stats article,
.lineoa-theme .profile-editorial-stats article,
.lineoa-theme .national-stats-grid article,
.lineoa-theme .metric-grid article {
  padding: 8px;
  border-radius: 12px;
}

.lineoa-theme .profile-ref-stats strong,
.lineoa-theme .profile-editorial-stats strong,
.lineoa-theme .national-stats-grid strong,
.lineoa-theme .metric-grid strong {
  font-size: 0.9rem;
}

.lineoa-theme .notifications-header h2,
.lineoa-theme .arena-report-head h3,
.lineoa-theme .group-activity-report-head h3,
.lineoa-theme .group-report-picker-head h3 {
  font-size: 1.12rem;
  font-weight: 700;
}

.lineoa-theme .notification-card-message,
.lineoa-theme .notification-card-message strong {
  font-size: 0.82rem;
}

.lineoa-theme .bottom-nav {
  width: min(390px, calc(100% - 24px));
  border-radius: 26px;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
}

.lineoa-theme .tab-btn {
  min-height: 44px;
}

.lineoa-theme .tab-btn .tab-icon {
  font-size: 1.1rem;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 0.58rem;
}

.lineoa-theme .ball-core {
  width: 58px;
  height: 58px;
}

.lineoa-theme .ball-text {
  font-size: 0;
}

@media (max-width: 430px) {
  body.lineoa-theme {
    padding-inline: 12px;
  }

  .lineoa-theme .home-action-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lineoa-theme .home-action-btn {
    min-height: 38px;
  }

  .lineoa-theme .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 92px;
    padding: 12px;
  }

  .lineoa-theme #registerCard,
  .lineoa-theme #tab-home .card:not(.profile-hero):not(.tier-card),
  .lineoa-theme #tab-community .card,
  .lineoa-theme #tab-arena .card,
  .lineoa-theme #tab-profile .card:not(.member-details):not(.profile-switch-card),
  .lineoa-theme .profile-view .card,
  .lineoa-theme .report-match-card,
  .lineoa-theme .modal-card {
    padding: 12px;
  }
}

@media (max-width: 360px) {
  .lineoa-theme .home-match-filter-bar {
    grid-template-columns: 34px 1fr 1fr;
  }

  .lineoa-theme .home-match-filter-chip.is-wide {
    grid-column: 2 / -1;
  }

  .lineoa-theme .challenge-match-main {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .challenge-match-side,
  .lineoa-theme .challenge-avatar-row {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

/* Reference revamp: image-1 typography and Home composition */
body.lineoa-theme {
  --brand: #BDF21F;
  --brand-text: #172600;
  --brand-forest: #2F7400;
  --text: #141718;
  --text-muted: #5D6467;
  --text-soft: #8C9295;
  --bg: #F7F8F7;
  --surface: #F7F8F7;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #F1F2F3;
  --surface-container: #ECEDEF;
  --border: rgba(20, 23, 24, 0.08);
  --border-strong: rgba(20, 23, 24, 0.14);
  --shadow-card: 0 12px 28px -22px rgba(20, 23, 24, 0.28);
  color: var(--text);
  background: var(--bg);
  font-family: Inter, "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  padding: 0 16px calc(104px + env(safe-area-inset-bottom));
}

.lineoa-theme .mobile-shell {
  width: min(430px, 100%);
  gap: 18px;
  padding-top: max(12px, env(safe-area-inset-top));
}

.lineoa-theme :is(button, input, select, textarea) {
  font-family: Inter, "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;
}

.lineoa-theme :is(.section-head h2, .section-head h3, .challenge-match-title, .sheet-title, .profile-ref-name, .groups-intro-copy h3, .group-detail-ribbon h2, .group-detail-hero h2, .group-activity-center-score strong, .group-performance-match-center strong, .group-detail-rank-score strong, .group-performance-stat strong, .top-ribbon h1) {
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif;
  font-weight: 800;
}

.lineoa-theme .top-ribbon {
  position: sticky;
  top: 0;
  z-index: 80;
  width: 100%;
  min-height: 76px;
  margin: 0;
  padding: 10px 0 12px;
  border: 0;
  border-radius: 0;
  background: rgba(247, 248, 247, 0.94);
  box-shadow: none;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.lineoa-theme .brand-mini {
  gap: 14px;
}

.lineoa-theme .brand-b {
  display: none;
}

.lineoa-theme .top-brand-avatar {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
  background: var(--surface-container);
}

.lineoa-theme .top-ribbon h1 {
  margin: 0;
  color: var(--text);
  font-size: clamp(2rem, 9vw, 2.5rem);
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.lineoa-theme .top-ribbon h1 span {
  color: #79CF00;
}

.lineoa-theme .top-ribbon h1::after {
  display: none;
}

.lineoa-theme .top-brand-subtitle {
  margin: 4px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 1.24rem;
  font-weight: 500;
  line-height: 1;
}

.lineoa-theme .top-brand-subtitle span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--brand);
}

.lineoa-theme .top-ribbon-actions {
  gap: 16px;
}

.lineoa-theme .top-profile-avatar {
  display: none;
}

.lineoa-theme .top-notify-btn {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #101314;
  box-shadow: none;
}

.lineoa-theme .top-notify-btn::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--brand);
}

.lineoa-theme .top-notify-btn .material-symbols-outlined {
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "wght" 380, "GRAD" 0, "opsz" 32;
}

.lineoa-theme .top-notify-badge {
  display: none !important;
}

.lineoa-theme .dashboard-shell,
.lineoa-theme .tab-panel,
.lineoa-theme .profile-view {
  gap: 18px;
}

.lineoa-theme .home-open-matches-card {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}

.lineoa-theme .home-action-grid {
  display: grid;
  grid-template-columns: 1.24fr 1fr 1fr;
  gap: 14px;
  margin: 0 0 20px;
}

.lineoa-theme .home-action-btn,
.lineoa-theme .home-action-btn:nth-child(2) {
  display: flex;
}

.lineoa-theme .home-action-btn {
  min-height: 76px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #FFFFFF;
  color: var(--text);
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 16px;
  box-shadow: var(--shadow-card);
}

.lineoa-theme .home-action-btn.is-primary {
  border-color: transparent;
  background: linear-gradient(180deg, #C9FF2C 0%, var(--brand) 100%);
  color: var(--brand-text);
  box-shadow: 0 18px 34px -20px rgba(189, 242, 31, 0.58);
}

.lineoa-theme .home-action-btn > .material-symbols-outlined {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  background: transparent;
  color: currentColor;
  font-size: 1.9rem;
  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 32;
}

.lineoa-theme .home-action-btn strong {
  display: block;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif;
  font-size: clamp(1rem, 3.8vw, 1.1rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.lineoa-theme .home-action-btn small {
  display: block;
  margin-top: 3px;
  color: var(--text);
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.2;
}

.lineoa-theme .home-action-btn.is-primary small {
  color: var(--brand-text);
}

.lineoa-theme .home-static-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-bottom: 22px;
}

.lineoa-theme .home-static-filter-chips button {
  min-height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: #FFFFFF;
  color: var(--text);
  padding: 0 20px;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1;
}

.lineoa-theme .home-static-filter-chips button.is-active {
  border-color: transparent;
  background: var(--brand);
  color: var(--brand-text);
  font-weight: 700;
}

.lineoa-theme .home-open-list-head {
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.lineoa-theme .home-open-list-head h3 {
  margin: 0;
  color: var(--text);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: 1.42rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}

.lineoa-theme .home-open-list-head button {
  border: 0;
  background: transparent;
  color: var(--brand-forest);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}

.lineoa-theme .home-open-list-head .material-symbols-outlined {
  font-size: 1.15rem;
}

.lineoa-theme .home-match-filter-bar {
  display: none;
}

.lineoa-theme .home-feed-list {
  gap: 16px;
}

.lineoa-theme .challenge-match-card {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: 0 14px 32px -24px rgba(20, 23, 24, 0.32);
  overflow: hidden;
}

.lineoa-theme .challenge-match-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 16px;
  padding: 18px 18px 16px;
}

.lineoa-theme .challenge-schedule {
  margin: 0 0 9px;
  color: var(--brand-forest);
  font-family: Inter, "Noto Sans Thai", sans-serif;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.1;
}

.lineoa-theme .challenge-match-title {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.55rem, 6.7vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.08;
}

.lineoa-theme .challenge-match-location {
  margin: 10px 0 0;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  color: var(--text-muted);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.45;
}

.lineoa-theme .challenge-match-location .material-symbols-outlined {
  color: var(--text);
  font-size: 1.35rem;
  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 24;
}

.lineoa-theme .challenge-tag-row {
  margin-top: auto;
  padding-top: 18px;
  gap: 10px;
}

.lineoa-theme .challenge-tag {
  min-height: 32px;
  border-radius: 9px;
  background: rgba(20, 23, 24, 0.055);
  color: var(--text);
  padding: 4px 13px;
  font-size: 0.95rem;
  font-weight: 500;
}

.lineoa-theme .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.16);
  color: var(--brand-forest);
  font-weight: 600;
}

.lineoa-theme .challenge-match-side {
  display: grid;
  justify-items: end;
  align-content: space-between;
  gap: 12px;
}

.lineoa-theme .challenge-count-pill {
  min-height: 31px;
  border-radius: 10px;
  border: 1px solid rgba(243, 163, 65, 0.26);
  background: #FFFFFF;
  color: #EF7D1A;
  padding: 0 14px;
  font-family: Inter, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
}

.lineoa-theme .challenge-count-pill.is-full {
  border-color: rgba(242, 90, 73, 0.3);
  color: var(--red);
}

.lineoa-theme .challenge-avatar-row {
  width: 100%;
  min-height: 42px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lineoa-theme .challenge-avatar-row > * + * {
  margin-left: 10px;
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 10px;
  border: 0;
  box-shadow: none;
}

.lineoa-theme .challenge-avatar-more {
  background: #EFF0F1;
  color: var(--text-muted);
  font-size: 1.05rem;
  font-weight: 600;
}

.lineoa-theme .challenge-join-btn {
  width: 100%;
  min-height: 46px;
  border-radius: 999px;
  background: var(--brand);
  color: var(--brand-text);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  box-shadow: none;
}

.lineoa-theme .challenge-join-btn.is-disabled {
  background: #F1F2F3;
  color: #888E91;
}

.lineoa-theme .challenge-join-btn.is-report {
  background: rgba(189, 242, 31, 0.18);
  color: var(--brand-forest);
}

.lineoa-theme .bottom-nav {
  width: min(430px, calc(100% - 24px));
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.94);
}

.lineoa-theme .ball-core {
  width: 64px;
  height: 64px;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 0.66rem;
}

@media (max-width: 430px) {
  body.lineoa-theme {
    padding-inline: 14px;
  }

  .lineoa-theme .top-brand-avatar {
    width: 48px;
    height: 48px;
  }

  .lineoa-theme .top-ribbon h1 {
    font-size: 2rem;
  }

  .lineoa-theme .top-brand-subtitle {
    font-size: 1rem;
  }

  .lineoa-theme .top-ribbon-actions {
    gap: 10px;
  }

  .lineoa-theme .top-notify-btn {
    width: 42px;
    height: 42px;
  }

  .lineoa-theme .home-action-grid {
    grid-template-columns: 1.18fr 1fr 1fr;
    gap: 8px;
  }

  .lineoa-theme .home-action-btn {
    min-height: 70px;
    justify-content: center;
    gap: 8px;
    padding-inline: 8px;
  }

  .lineoa-theme .home-action-btn > .material-symbols-outlined {
    font-size: 1.45rem;
  }

  .lineoa-theme .home-action-btn strong {
    font-size: 0.8rem;
  }

  .lineoa-theme .home-action-btn small {
    font-size: 0.68rem;
  }

  .lineoa-theme .home-static-filter-chips {
    gap: 8px;
  }

  .lineoa-theme .home-static-filter-chips button {
    min-height: 38px;
    padding: 0 15px;
    font-size: 0.86rem;
  }

  .lineoa-theme .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 128px;
    gap: 12px;
    padding: 15px;
  }

  .lineoa-theme .challenge-match-title {
    font-size: 1.42rem;
  }

  .lineoa-theme .challenge-match-location {
    font-size: 0.9rem;
  }

  .lineoa-theme .challenge-avatar-row > * + * {
    margin-left: -5px;
  }

  .lineoa-theme .challenge-party-avatar,
  .lineoa-theme .challenge-avatar-more {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border: 2px solid #fff;
  }

  .lineoa-theme .challenge-join-btn {
    min-height: 40px;
    font-size: 0.9rem;
  }
}

@media (max-width: 360px) {
  .lineoa-theme .challenge-match-main {
    grid-template-columns: 1fr;
  }

  .lineoa-theme .challenge-match-side {
    justify-items: start;
  }

  .lineoa-theme .challenge-avatar-row {
    justify-content: flex-start;
  }
}

/* ═══════════════════════════════════════════════════════════════
   VERTICAL CARD LAYOUT — DEFINITIVE OVERRIDES
   Matches design spec: full-width flex column, 26px title,
   52px CTA, 40px avatars, cmatch-top-row + cmatch-meta-row.
   ════════════════════════════════════════════════════════════════ */

/* ── Match card shell ── */
.lineoa-theme .challenge-match-card {
  border-radius: 18px !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  box-shadow: 0 8px 32px -16px rgba(44, 47, 48, 0.14) !important;
  background: #ffffff !important;
}

/* ── Card inner: vertical flex column ── */
.lineoa-theme .challenge-match-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 24px !important;
}

/* ── Top row: schedule (left) + count pill (right) ── */
.lineoa-theme .cmatch-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

/* ── Schedule line ── */
.lineoa-theme .challenge-schedule {
  margin: 0 !important;
  font-family: Inter, "Plus Jakarta Sans", "Noto Sans Thai", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #3E6600 !important;
  line-height: 1.1 !important;
}

/* ── Count pill ── */
.lineoa-theme .challenge-count-pill {
  flex-shrink: 0 !important;
  min-height: 27px !important;
  border-radius: 9px !important;
  padding: 0 10px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* ── Match title: large, bold ── */
.lineoa-theme .challenge-match-title {
  font-family: var(--font-body) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  color: #2C2F30 !important;
  margin: 0 !important;
}

/* ── Location: pin icon + clamped text (max 2 lines) ── */
.lineoa-theme .challenge-match-location {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 6px !important;
  align-items: start !important;
  color: #8A8D90 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme .challenge-match-location .material-symbols-outlined {
  font-size: 1.1rem !important;
  margin-top: 1px !important;
  color: #8A8D90 !important;
}

.lineoa-theme .challenge-match-location span:last-child {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* ── Meta row: tags (left) + avatars (right) ── */
.lineoa-theme .cmatch-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

/* ── Tags ── */
.lineoa-theme .challenge-tag-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.lineoa-theme .challenge-tag {
  min-height: 28px !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* ── Avatar row: positive gap (not overlapping) ── */
.lineoa-theme .challenge-avatar-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

.lineoa-theme .challenge-avatar-row > * + * {
  margin-left: 0 !important;
}

.lineoa-theme .challenge-party-avatar,
.lineoa-theme .challenge-avatar-more {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  border: 2px solid #fff !important;
  box-shadow: none !important;
}

.lineoa-theme .challenge-avatar-more {
  background: #EFF1F2 !important;
  color: #8A8D90 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

/* ── Join / action button: full-width, 52px, lime ── */
.lineoa-theme .challenge-join-btn {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 9999px !important;
  background: var(--brand) !important;
  color: #172600 !important;
  border: none !important;
  font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
}

.lineoa-theme .challenge-join-btn.is-disabled {
  background: #F0F1F2 !important;
  color: #8A8D90 !important;
  cursor: default !important;
}

.lineoa-theme .challenge-join-btn.is-report {
  background: #FFF3E0 !important;
  color: #E65100 !important;
}

/* ── Feed list spacing ── */
.lineoa-theme .home-feed-list {
  gap: 18px !important;
}

/* ── Home action grid (3-col, always) ── */
.lineoa-theme .home-action-grid {
  display: grid !important;
  grid-template-columns: 1.18fr 1fr 1fr !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
}

.lineoa-theme .home-action-btn,
.lineoa-theme .home-action-btn:nth-child(2) {
  display: flex !important;
}

.lineoa-theme .home-action-btn {
  min-height: 70px !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 10px !important;
  box-shadow: var(--shadow-card) !important;
  text-align: left !important;
}

.lineoa-theme .home-action-btn.is-primary {
  background: linear-gradient(180deg, #C9FF2C 0%, var(--brand) 100%) !important;
  border-color: transparent !important;
  color: var(--brand-text) !important;
  box-shadow: 0 14px 28px -18px rgba(189, 242, 31, 0.6) !important;
}

.lineoa-theme .home-action-btn > .material-symbols-outlined {
  flex-shrink: 0 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: currentColor !important;
  font-size: 1.55rem !important;
  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 32 !important;
}

.lineoa-theme .home-action-btn strong {
  display: block !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .home-action-btn small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: var(--text-soft) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.lineoa-theme .home-action-btn.is-primary small {
  color: rgba(23, 38, 0, 0.65) !important;
}

/* ── Category chips ── */
.lineoa-theme .home-static-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  margin-bottom: 20px !important;
}

.lineoa-theme .home-static-filter-chips button {
  min-height: 40px !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  padding: 0 16px !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.lineoa-theme .home-static-filter-chips button.is-active {
  border-color: transparent !important;
  background: var(--brand) !important;
  color: var(--brand-text) !important;
  font-weight: 700 !important;
}

/* ── Location row (replaces action grid) ── */
.lineoa-theme .home-location-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.lineoa-theme .home-nearme-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--border-strong) !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

.lineoa-theme .home-nearme-pill .material-symbols-outlined {
  font-size: 16px !important;
}

.lineoa-theme .home-location-bar {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--border) !important;
  background: #FFFFFF !important;
  color: var(--text-muted) !important;
}

.lineoa-theme .home-location-bar > span {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}

.lineoa-theme .home-location-gps {
  flex-shrink: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: var(--text-muted) !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
}

.lineoa-theme .home-location-gps .material-symbols-outlined {
  font-size: 18px !important;
}

.lineoa-theme .home-create-match-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: none !important;
  background: var(--brand) !important;
  color: var(--brand-text) !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px -10px rgba(189, 242, 31, 0.5) !important;
}

.lineoa-theme .home-create-match-pill .material-symbols-outlined {
  font-size: 17px !important;
}

/* ── Filter chips with subtitles ── */
.lineoa-theme .home-static-filter-chips button small {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  opacity: 0.65 !important;
  margin-top: 1px !important;
  line-height: 1 !important;
}

.lineoa-theme .home-static-filter-chips button:has(small) {
  flex-direction: column !important;
  min-height: 48px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.1 !important;
}

.lineoa-theme .home-static-filter-chips button.is-active small {
  opacity: 0.7 !important;
}

/* ── OPEN MATCHES header ── */
.lineoa-theme .home-open-list-head {
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.lineoa-theme .home-list-head-copy {
  min-width: 0 !important;
}

.lineoa-theme .home-open-list-head h3 {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}

.lineoa-theme .home-list-head-sub {
  margin: 2px 0 0 !important;
  font-size: 0.74rem !important;
  font-weight: 400 !important;
  color: var(--text-muted) !important;
  line-height: 1.3 !important;
}

.lineoa-theme .home-list-sort-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

.lineoa-theme .home-list-sort-row button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid var(--border-strong) !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.lineoa-theme .home-list-sort-row button .material-symbols-outlined {
  font-size: 15px !important;
}

/* ── Match card: type tag (Open Match / Party) ── */
.lineoa-theme .challenge-type-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.lineoa-theme .challenge-type-tag .material-symbols-outlined {
  font-size: 14px !important;
  line-height: 1 !important;
}

.lineoa-theme .challenge-type-tag.is-open {
  background: rgba(189, 242, 31, 0.16) !important;
  color: #2F6C08 !important;
}

.lineoa-theme .challenge-type-tag.is-party {
  background: rgba(243, 163, 65, 0.14) !important;
  color: #b05e00 !important;
}

.lineoa-theme .challenge-type-tag.is-duel {
  background: var(--secondary-container) !important;
  color: var(--on-secondary-container) !important;
}

/* ── Slots remaining text ── */
.lineoa-theme .challenge-slots-text {
  display: block !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: var(--text-muted) !important;
  text-align: right !important;
  margin-bottom: 4px !important;
}

.lineoa-theme .challenge-slots-text.is-urgent {
  color: #E07A00 !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════════════════
   HOME PAGE REFERENCE LOCK
   Final Home-only layer to match home.png and neutralize older
   match-card systems that were leaking into the open matches feed.
   ════════════════════════════════════════════════════════════════ */

body.lineoa-theme {
  background: #F5F6F7 !important;
  color: #2C2F30 !important;
  font-family: Inter, "Plus Jakarta Sans", "Noto Sans Thai", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
  padding-inline: 16px !important;
}

.lineoa-theme .mobile-shell {
  width: min(430px, 100%) !important;
  gap: 18px !important;
  padding-top: max(14px, env(safe-area-inset-top)) !important;
}

.lineoa-theme .top-ribbon {
  min-height: 78px !important;
  padding: 10px 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(245, 246, 247, 0.94) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.lineoa-theme .brand-mini {
  min-width: 0 !important;
  gap: 14px !important;
}

.lineoa-theme .top-brand-avatar {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: #E6E8EA !important;
}

.lineoa-theme .top-ribbon h1 {
  margin: 0 !important;
  color: #101314 !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.9 !important;
}

.lineoa-theme .top-ribbon h1 span {
  color: #79CF00 !important;
}

.lineoa-theme .top-brand-subtitle {
  margin: 6px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #101314 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.lineoa-theme .top-brand-subtitle span {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
}

.lineoa-theme .top-ribbon-actions {
  gap: 14px !important;
}

.lineoa-theme .top-profile-avatar {
  display: none !important;
}

.lineoa-theme .top-notify-btn {
  width: 46px !important;
  height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111415 !important;
  box-shadow: none !important;
}

.lineoa-theme .top-notify-btn::after {
  top: 6px !important;
  right: 5px !important;
  width: 8px !important;
  height: 8px !important;
  background: var(--brand) !important;
}

.lineoa-theme .top-notify-btn .material-symbols-outlined {
  font-size: 32px !important;
  font-variation-settings: "FILL" 0, "wght" 380, "GRAD" 0, "opsz" 32 !important;
}

.lineoa-theme #tab-community,
.lineoa-theme #homeOverviewView,
.lineoa-theme #tab-home[data-tab="matches"] {
  gap: 0 !important;
}

.lineoa-theme #tab-community .home-open-matches-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.lineoa-theme #tab-community .home-action-grid {
  display: grid !important;
  grid-template-columns: 1.22fr 1fr 1fr !important;
  gap: 12px !important;
  margin: 0 0 20px !important;
}

.lineoa-theme #tab-community .home-action-btn,
.lineoa-theme #tab-community .home-action-btn:nth-child(2) {
  display: flex !important;
}

/* Open match filter modal refresh */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-card {
  width: min(520px, calc(100vw - 16px)) !important;
  max-height: calc(100dvh - 16px) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px -24px rgba(18, 22, 23, 0.34) !important;
  padding: 18px 16px 16px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head {
  align-items: center !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head .section-kicker {
  margin: 0 !important;
  color: #6f767a !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head h3 {
  margin: 3px 0 0 !important;
  color: #141a1b !important;
  font-size: 1.24rem !important;
  font-weight: 800 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-close {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(20, 25, 26, 0.07) !important;
  border-radius: 12px !important;
  background: #f4f6f7 !important;
  color: #768083 !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-fields {
  margin-top: 14px !important;
  gap: 12px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-group h4,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-select-field > span {
  color: #1a1f20 !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-choice-chip {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(20, 25, 26, 0.08) !important;
  border-radius: 999px !important;
  background: #f4f6f7 !important;
  color: #252d2f !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-choice-chip.is-active {
  border-color: transparent !important;
  background: var(--brand) !important;
  color: #1f2a0e !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-wrap {
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 7px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row input {
  min-height: 38px !important;
  border: 1px solid rgba(20, 25, 26, 0.11) !important;
  border-radius: 10px !important;
  background: #f8f9fa !important;
  color: #1d2425 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-sep {
  color: #6f7a7d !important;
  font-size: 0.74rem !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle {
  min-height: 46px !important;
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #1f2527 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle .material-symbols-outlined {
  color: #6f7a7d !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-menu {
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 36px -26px rgba(20, 25, 26, 0.44) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search {
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 10px !important;
  background: #f4f6f7 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search input {
  color: #1f2527 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-tools button {
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  background: #f4f6f7 !important;
  color: #6f7a7d !important;
  font-size: 0.72rem !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option {
  background: rgba(20, 25, 26, 0.04) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input {
  accent-color: var(--brand) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option span,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-empty {
  color: #2a3133 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-select-wrap select {
  min-height: 50px !important;
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #2a3133 !important;
  box-shadow: none !important;
  font-size: 0.94rem !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-select-wrap .material-symbols-outlined {
  color: #6f7a7d !important;
  font-size: 1.14rem !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-reset-btn {
  color: #6f7a7d !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-submit-btn {
  min-height: 54px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #141c08 !important;
  font-size: 1.26rem !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 28px -20px rgba(189, 242, 31, 0.52) !important;
}

@media (max-width: 420px) {
  body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid {
    grid-template-columns: 1fr !important;
  }

  body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row input {
    font-size: 0.8rem !important;
  }
}

.lineoa-theme #tab-community .home-open-list-head button[data-home-match-filter-open="true"] {
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #15191a !important;
  display: inline-grid !important;
  place-items: center !important;
}

.lineoa-theme #tab-community .home-open-list-head button[data-home-match-filter-open="true"] .material-symbols-outlined {
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 380, "GRAD" 0, "opsz" 24 !important;
}

/* My Match cards should follow Open Matches layout */
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-card {
  display: block !important;
  width: 100% !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 9px 26px -22px rgba(17, 21, 22, 0.24) !important;
  overflow: hidden !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(114px, 122px) !important;
  grid-template-areas:
    "top top"
    "title avatars"
    "location avatars"
    "tags action" !important;
  gap: 4px 10px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 13px 14px !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .cmatch-top-row {
  grid-area: top !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-schedule {
  min-width: 0 !important;
  margin: 0 !important;
  color: #237305 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-count-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 18px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  border: 1px solid rgba(239, 125, 26, 0.32) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #ef7d1a !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-count-pill.is-full {
  border-color: rgba(242, 90, 73, 0.35) !important;
  color: #f25a49 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-title {
  grid-area: title !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #171a1b !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-location {
  grid-area: location !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 15px minmax(0, 1fr) !important;
  gap: 5px !important;
  align-items: start !important;
  color: #5e6467 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.32 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-location .material-symbols-outlined {
  color: #15191a !important;
  font-size: 16px !important;
  margin-top: 0 !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-location span:last-child {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .cmatch-meta-row {
  display: contents !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag-row {
  grid-area: tags !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-self: end !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 20px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(24, 33, 35, 0.06) !important;
  color: #2c2f30 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.18) !important;
  color: #2f6c08 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-row {
  grid-area: avatars !important;
  width: 100% !important;
  min-height: 27px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-row > * + * {
  margin-left: 0 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-party-avatar,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-more {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border: 0 !important;
  border-radius: 7px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eff1f2 !important;
  color: #5e6467 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn {
  grid-area: action !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #111a00 !important;
  box-shadow: none !important;
  font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn.is-disabled {
  background: #f0f1f2 !important;
  color: #8a8f92 !important;
}

.lineoa-theme #tab-community .home-action-btn {
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 0 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  color: #171A1B !important;
  box-shadow: 0 8px 32px -16px rgba(44, 47, 48, 0.14) !important;
  text-align: left !important;
}

.lineoa-theme #tab-community .home-action-btn.is-primary {
  border-color: transparent !important;
  background: linear-gradient(180deg, #D7FF54 0%, var(--brand) 100%) !important;
  color: #172600 !important;
  box-shadow: 0 20px 40px -18px rgba(189, 242, 31, 0.48) !important;
}

.lineoa-theme #tab-community .home-action-btn > .material-symbols-outlined {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  background: transparent !important;
  color: currentColor !important;
  font-size: 30px !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 32 !important;
}

.lineoa-theme #tab-community .home-action-btn strong {
  display: block !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-community .home-action-btn small {
  display: block !important;
  margin-top: 3px !important;
  color: #8A8D90 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-community .home-action-btn.is-primary small {
  color: rgba(23, 38, 0, 0.72) !important;
}

.lineoa-theme #tab-community .home-static-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  border: 1px solid rgba(171, 173, 174, 0.28) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #171A1B !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button.is-active {
  min-width: 70px !important;
  border-color: transparent !important;
  background: var(--brand) !important;
  color: #172600 !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-community .home-open-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
}

.lineoa-theme #tab-community .home-open-list-head h3 {
  margin: 0 !important;
  color: #101314 !important;
  font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-community .home-open-list-head button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #2F6C08 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-community .home-open-list-head .material-symbols-outlined {
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme #tab-community .home-match-filter-bar {
  display: none !important;
}

.lineoa-theme #tab-community .home-feed-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lineoa-theme #tab-community .challenge-match-card {
  display: block !important;
  width: 100% !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 30px -22px rgba(44, 47, 48, 0.24) !important;
  overflow: hidden !important;
}

.lineoa-theme #tab-community .challenge-match-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(136px, 178px) !important;
  grid-template-areas:
    "top top"
    "title avatars"
    "location avatars"
    "tags action" !important;
  gap: 9px 16px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 18px !important;
}

.lineoa-theme #tab-community .cmatch-top-row {
  grid-area: top !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-community .challenge-schedule {
  min-width: 0 !important;
  margin: 0 !important;
  color: #237305 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.lineoa-theme #tab-community .challenge-count-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 29px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(243, 163, 65, 0.35) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #F08A25 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-community .challenge-count-pill.is-full {
  border-color: rgba(242, 90, 73, 0.35) !important;
  color: #F25A49 !important;
}

.lineoa-theme #tab-community .challenge-match-title {
  grid-area: title !important;
  min-width: 0 !important;
  margin: 2px 0 0 !important;
  color: #171A1B !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

.lineoa-theme #tab-community .challenge-match-location {
  grid-area: location !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: start !important;
  color: #595C5D !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

.lineoa-theme #tab-community .challenge-match-location .material-symbols-outlined {
  color: #171A1B !important;
  font-size: 21px !important;
  margin-top: 0 !important;
  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme #tab-community .challenge-match-location span:last-child {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.lineoa-theme #tab-community .cmatch-meta-row {
  display: contents !important;
}

.lineoa-theme #tab-community .challenge-tag-row {
  grid-area: tags !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-self: end !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

.lineoa-theme #tab-community .challenge-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  min-height: 29px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(24, 33, 35, 0.06) !important;
  color: #2C2F30 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

.lineoa-theme #tab-community .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.16) !important;
  color: #2F6C08 !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-community .challenge-avatar-row {
  grid-area: avatars !important;
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.lineoa-theme #tab-community .challenge-avatar-row > * + * {
  margin-left: 0 !important;
}

.lineoa-theme #tab-community .challenge-party-avatar,
.lineoa-theme #tab-community .challenge-avatar-more {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-community .challenge-avatar-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #EFF1F2 !important;
  color: #595C5D !important;
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-community .challenge-join-btn {
  grid-area: action !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #172600 !important;
  box-shadow: none !important;
  font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-community .challenge-join-btn.is-disabled {
  background: #F0F1F2 !important;
  color: #8A8D90 !important;
}

.lineoa-theme #tab-community .challenge-join-btn.is-report {
  background: rgba(189, 242, 31, 0.2) !important;
  color: #2B4900 !important;
}

.lineoa-theme .bottom-nav {
  width: min(430px, calc(100% - 24px)) !important;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 -4px 30px -18px rgba(44, 47, 48, 0.22) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.lineoa-theme .tab-btn {
  min-height: 50px !important;
  color: #8A8D90 !important;
  font-family: Inter, sans-serif !important;
}

.lineoa-theme .tab-btn.is-active {
  color: #2F6C08 !important;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.lineoa-theme .ball-core {
  width: 66px !important;
  height: 66px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  box-shadow: 0 20px 40px -12px rgba(189, 242, 31, 0.35) !important;
}

@media (max-width: 430px) {
  body.lineoa-theme {
    padding-inline: 14px !important;
  }

  .lineoa-theme .mobile-shell {
    gap: 16px !important;
  }

  .lineoa-theme .top-brand-avatar {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }

  .lineoa-theme .top-ribbon h1 {
    font-size: 34px !important;
  }

  .lineoa-theme .top-brand-subtitle {
    margin-top: 5px !important;
    font-size: 17px !important;
  }

  .lineoa-theme .top-ribbon-actions {
    gap: 9px !important;
  }

  .lineoa-theme .top-notify-btn {
    width: 42px !important;
    height: 42px !important;
  }

  .lineoa-theme .top-notify-btn .material-symbols-outlined {
    font-size: 29px !important;
  }

  .lineoa-theme #tab-community .home-action-grid {
    grid-template-columns: 1.22fr 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
  }

  .lineoa-theme #tab-community .home-action-btn {
    min-height: 66px !important;
    gap: 8px !important;
    padding-inline: 8px !important;
    border-radius: 16px !important;
  }

  .lineoa-theme #tab-community .home-action-btn > .material-symbols-outlined {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 25px !important;
  }

  .lineoa-theme #tab-community .home-action-btn strong {
    font-size: 13px !important;
  }

  .lineoa-theme #tab-community .home-action-btn small {
    font-size: 11px !important;
  }

  .lineoa-theme #tab-community .home-static-filter-chips {
    gap: 10px 8px !important;
    margin-bottom: 22px !important;
  }

  .lineoa-theme #tab-community .home-static-filter-chips button {
    height: 38px !important;
    min-height: 38px !important;
    padding-inline: 16px !important;
    font-size: 14px !important;
  }

  .lineoa-theme #tab-community .home-open-list-head h3 {
    font-size: 20px !important;
  }

  .lineoa-theme #tab-community .home-open-list-head button {
    font-size: 15px !important;
  }

  .lineoa-theme #tab-community .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 126px !important;
    gap: 8px 12px !important;
    padding: 16px !important;
  }

  .lineoa-theme #tab-community .challenge-schedule {
    font-size: 12px !important;
    letter-spacing: 0.03em !important;
  }

  .lineoa-theme #tab-community .challenge-count-pill {
    min-height: 27px !important;
    padding-inline: 10px !important;
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .challenge-match-title {
    font-size: 22px !important;
  }

  .lineoa-theme #tab-community .challenge-match-location {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .lineoa-theme #tab-community .challenge-match-location .material-symbols-outlined {
    font-size: 19px !important;
  }

  .lineoa-theme #tab-community .challenge-tag-row {
    gap: 7px !important;
  }

  .lineoa-theme #tab-community .challenge-tag {
    min-height: 27px !important;
    padding-inline: 10px !important;
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .challenge-avatar-row {
    gap: 5px !important;
  }

  .lineoa-theme #tab-community .challenge-party-avatar,
  .lineoa-theme #tab-community .challenge-avatar-more {
    width: 35px !important;
    height: 35px !important;
    flex-basis: 35px !important;
    border-radius: 9px !important;
  }

  .lineoa-theme #tab-community .challenge-avatar-more {
    font-size: 14px !important;
  }

  .lineoa-theme #tab-community .challenge-join-btn {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  .lineoa-theme #tab-community .home-action-grid {
    grid-template-columns: 1fr !important;
  }

  .lineoa-theme #tab-community .home-action-btn {
    min-height: 58px !important;
    justify-content: flex-start !important;
    padding-inline: 18px !important;
  }

  .lineoa-theme #tab-community .challenge-match-main {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "top"
      "title"
      "location"
      "avatars"
      "tags"
      "action" !important;
  }

  .lineoa-theme #tab-community .challenge-avatar-row {
    justify-content: flex-start !important;
  }
}

/* Home density correction.
   This intentionally sits after the older Home locks because those blocks use
   !important and were overriding normal balance tweaks upstream. */
body.lineoa-theme {
  font-size: 14px !important;
  line-height: 1.45 !important;
  padding-inline: 14px !important;
  padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}

.lineoa-theme .mobile-shell {
  width: min(430px, 100%) !important;
  gap: 12px !important;
  padding-top: max(8px, env(safe-area-inset-top)) !important;
}

.lineoa-theme .top-ribbon {
  min-height: 62px !important;
  padding: 8px 0 8px !important;
}

.lineoa-theme .brand-mini {
  gap: 10px !important;
}

.lineoa-theme .top-brand-avatar {
  width: 42px !important;
  height: 42px !important;
  flex-basis: 42px !important;
  border-radius: 10px !important;
}

.lineoa-theme .top-ribbon h1 {
  font-size: 31px !important;
  line-height: 0.92 !important;
  letter-spacing: -0.035em !important;
}

.lineoa-theme .top-brand-subtitle {
  margin-top: 3px !important;
  gap: 7px !important;
  font-size: 16px !important;
}

.lineoa-theme .top-brand-subtitle span {
  width: 7px !important;
  height: 7px !important;
}

.lineoa-theme .top-ribbon-actions {
  gap: 8px !important;
}

.lineoa-theme .top-notify-btn {
  width: 39px !important;
  height: 39px !important;
}

.lineoa-theme .top-notify-btn .material-symbols-outlined {
  font-size: 27px !important;
}

.lineoa-theme .top-notify-btn::after {
  top: 5px !important;
  right: 4px !important;
  width: 7px !important;
  height: 7px !important;
}

.lineoa-theme #tab-community,
.lineoa-theme #homeOverviewView,
.lineoa-theme #tab-home[data-tab="matches"] {
  gap: 0 !important;
}

.lineoa-theme #tab-community .home-action-grid {
  grid-template-columns: 1.18fr 1fr 1fr !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}

.lineoa-theme #tab-community .home-action-btn {
  min-height: 58px !important;
  padding: 0 9px !important;
  gap: 8px !important;
  border-radius: 16px !important;
}

.lineoa-theme #tab-community .home-action-btn > .material-symbols-outlined {
  width: 23px !important;
  height: 23px !important;
  flex-basis: 23px !important;
  font-size: 24px !important;
}

.lineoa-theme #tab-community .home-action-btn strong {
  font-size: 13px !important;
  line-height: 1.06 !important;
}

.lineoa-theme #tab-community .home-action-btn small {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.lineoa-theme #tab-community .home-static-filter-chips {
  gap: 8px 10px !important;
  margin: 0 0 15px !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button {
  height: 32px !important;
  min-height: 32px !important;
  padding-inline: 14px !important;
  font-size: 13px !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button.is-active {
  min-width: 58px !important;
}

.lineoa-theme #tab-community .home-open-list-head {
  margin: 0 0 10px !important;
}

.lineoa-theme #tab-community .home-open-list-head h3 {
  font-size: 18px !important;
  letter-spacing: -0.02em !important;
}

.lineoa-theme #tab-community .home-open-list-head button {
  gap: 5px !important;
  font-size: 13px !important;
}

.lineoa-theme #tab-community .home-open-list-head .material-symbols-outlined {
  font-size: 17px !important;
}

.lineoa-theme #tab-community .home-feed-list {
  gap: 10px !important;
}

.lineoa-theme #tab-community .challenge-match-card {
  border-radius: 14px !important;
  box-shadow: 0 8px 24px -20px rgba(44, 47, 48, 0.22) !important;
}

.lineoa-theme #tab-community .challenge-match-main {
  grid-template-columns: minmax(0, 1fr) minmax(112px, 128px) !important;
  grid-template-areas:
    "top top"
    "title avatars"
    "location avatars"
    "tags action" !important;
  gap: 5px 10px !important;
  padding: 12px 14px !important;
}

.lineoa-theme #tab-community .cmatch-top-row {
  gap: 8px !important;
}

.lineoa-theme #tab-community .challenge-schedule {
  font-size: 12px !important;
  letter-spacing: 0.025em !important;
}

.lineoa-theme #tab-community .challenge-count-pill {
  min-height: 24px !important;
  padding-inline: 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-community .challenge-match-title {
  margin-top: 0 !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.lineoa-theme #tab-community .challenge-match-location {
  grid-template-columns: 17px minmax(0, 1fr) !important;
  gap: 5px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.lineoa-theme #tab-community .challenge-match-location .material-symbols-outlined {
  font-size: 18px !important;
}

.lineoa-theme #tab-community .challenge-tag-row {
  gap: 6px !important;
  margin-top: 3px !important;
}

.lineoa-theme #tab-community .challenge-tag {
  min-height: 24px !important;
  padding-inline: 9px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

.lineoa-theme #tab-community .challenge-avatar-row {
  gap: 5px !important;
}

.lineoa-theme #tab-community .challenge-party-avatar,
.lineoa-theme #tab-community .challenge-avatar-more {
  width: 31px !important;
  height: 31px !important;
  flex-basis: 31px !important;
  border-radius: 8px !important;
}

.lineoa-theme #tab-community .challenge-avatar-more {
  font-size: 13px !important;
}

.lineoa-theme #tab-community .challenge-join-btn {
  height: 34px !important;
  min-height: 34px !important;
  margin-top: 0 !important;
  font-size: 13px !important;
}

.lineoa-theme .bottom-nav {
  width: min(430px, calc(100% - 20px)) !important;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 24px !important;
}

.lineoa-theme .tab-btn {
  min-height: 44px !important;
  gap: 3px !important;
}

.lineoa-theme .tab-btn .tab-icon {
  font-size: 24px !important;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 11px !important;
}

.lineoa-theme .ball-core {
  width: 56px !important;
  height: 56px !important;
}

@media (max-width: 430px) {
  body.lineoa-theme {
    padding-inline: 12px !important;
  }

  .lineoa-theme .mobile-shell {
    gap: 11px !important;
  }

  .lineoa-theme .top-brand-avatar {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .lineoa-theme .top-ribbon h1 {
    font-size: 29px !important;
  }

  .lineoa-theme .top-brand-subtitle {
    font-size: 15px !important;
  }

  .lineoa-theme #tab-community .home-action-grid {
    gap: 7px !important;
    margin-bottom: 13px !important;
  }

  .lineoa-theme #tab-community .home-action-btn {
    min-height: 54px !important;
    padding-inline: 7px !important;
    gap: 6px !important;
  }

  .lineoa-theme #tab-community .home-action-btn > .material-symbols-outlined {
    width: 21px !important;
    height: 21px !important;
    flex-basis: 21px !important;
    font-size: 22px !important;
  }

  .lineoa-theme #tab-community .home-action-btn strong {
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .home-action-btn small {
    font-size: 10px !important;
  }

  .lineoa-theme #tab-community .home-static-filter-chips {
    gap: 7px 8px !important;
    margin-bottom: 14px !important;
  }

  .lineoa-theme #tab-community .home-static-filter-chips button {
    height: 30px !important;
    min-height: 30px !important;
    padding-inline: 12px !important;
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .home-open-list-head h3 {
    font-size: 17px !important;
  }

  .lineoa-theme #tab-community .home-open-list-head button {
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) 112px !important;
    gap: 5px 8px !important;
    padding: 12px !important;
  }

  .lineoa-theme #tab-community .challenge-schedule {
    font-size: 11px !important;
  }

  .lineoa-theme #tab-community .challenge-count-pill {
    min-height: 22px !important;
    padding-inline: 8px !important;
    font-size: 11px !important;
  }

  .lineoa-theme #tab-community .challenge-match-title {
    font-size: 18px !important;
  }

  .lineoa-theme #tab-community .challenge-match-location {
    grid-template-columns: 16px minmax(0, 1fr) !important;
    font-size: 12px !important;
  }

  .lineoa-theme #tab-community .challenge-match-location .material-symbols-outlined {
    font-size: 17px !important;
  }

  .lineoa-theme #tab-community .challenge-tag {
    min-height: 22px !important;
    padding-inline: 8px !important;
    font-size: 11px !important;
  }

  .lineoa-theme #tab-community .challenge-party-avatar,
  .lineoa-theme #tab-community .challenge-avatar-more {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
  }

  .lineoa-theme #tab-community .challenge-join-btn {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 12px !important;
  }

  .lineoa-theme .ball-core {
    width: 52px !important;
    height: 52px !important;
  }
}

/* Home reference alignment v2.
   Keep this as the last Home block: earlier visual experiments above also use
   !important, so this is the authoritative Figma/home.png alignment layer. */
body.lineoa-theme {
  --bg: #FDFDFD !important;
  --surface: #FDFDFD !important;
  --surface-container-lowest: #FFFFFF !important;
  --surface-container-low: #F3F4F5 !important;
  --surface-container: #ECEDEF !important;
  --brand: #BDF21F !important;
  --primary-container: #BDF21F !important;
  --primary-fixed: #BDF21F !important;
  --primary-fixed-dim: #B4EE10 !important;
  --brand-text: #111A00 !important;
  --brand-forest: #2F6C08 !important;
  --primary: #2F6C08 !important;
  --text: #111516 !important;
  --text-muted: #5E6467 !important;
  --text-soft: #8A8F92 !important;
  --border: rgba(17, 21, 22, 0.08) !important;
  --border-strong: rgba(17, 21, 22, 0.13) !important;
  background: #FDFDFD !important;
  color: #111516 !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  padding-inline: 14px !important;
  padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
}

.lineoa-theme .mobile-shell {
  gap: 13px !important;
  padding-top: 0 !important;
}

.lineoa-theme .top-ribbon {
  min-height: 58px !important;
  padding: 6px 0 8px !important;
  background: rgba(253, 253, 253, 0.96) !important;
}

.lineoa-theme .brand-mini {
  gap: 10px !important;
}

.lineoa-theme .top-brand-avatar {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 10px !important;
}

.lineoa-theme .top-ribbon h1 {
  font-size: 28px !important;
  line-height: 0.92 !important;
  letter-spacing: -0.035em !important;
}

.lineoa-theme .top-ribbon h1 span {
  color: #79CF00 !important;
}

.lineoa-theme .top-brand-subtitle {
  margin-top: 3px !important;
  gap: 7px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.lineoa-theme .top-brand-subtitle span {
  width: 7px !important;
  height: 7px !important;
  background: var(--brand) !important;
}

.lineoa-theme .top-ribbon-actions {
  gap: 10px !important;
}

.lineoa-theme .top-notify-btn {
  width: 32px !important;
  height: 32px !important;
}

.lineoa-theme .top-notify-btn .material-symbols-outlined {
  font-size: 23px !important;
}

.lineoa-theme .top-notify-btn::after {
  top: 3px !important;
  right: 2px !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--brand) !important;
}

.lineoa-theme #tab-community .home-action-grid {
  grid-template-columns: 1.18fr 1fr 1fr !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}

.lineoa-theme #tab-community .home-action-btn {
  min-height: 49px !important;
  padding: 0 9px !important;
  gap: 6px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px -24px rgba(17, 21, 22, 0.28) !important;
}

.lineoa-theme #tab-community .home-action-btn.is-primary {
  background: linear-gradient(180deg, #CEF832 0%, var(--brand) 100%) !important;
  box-shadow: 0 16px 30px -22px rgba(189, 242, 31, 0.66) !important;
}

.lineoa-theme #tab-community .home-action-btn > .material-symbols-outlined {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
  font-size: 21px !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme #tab-community .home-action-btn strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

.lineoa-theme #tab-community .home-action-btn small {
  margin-top: 2px !important;
  font-size: 10px !important;
  line-height: 1.12 !important;
}

.lineoa-theme #tab-community .home-static-filter-chips {
  gap: 10px 11px !important;
  margin: 0 0 14px !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button {
  height: 29px !important;
  min-height: 29px !important;
  min-width: 50px !important;
  padding-inline: 10px !important;
  border-color: rgba(17, 21, 22, 0.12) !important;
  color: #15191A !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button.is-active {
  min-width: 50px !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-community .home-open-list-head {
  margin: 0 0 8px !important;
}

.lineoa-theme #tab-community .home-open-list-head h3 {
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-community .home-open-list-head button {
  gap: 5px !important;
  color: #2F6C08 !important;
  font-size: 14px !important;
}

.lineoa-theme #tab-community .home-open-list-head .material-symbols-outlined {
  font-size: 17px !important;
}

.lineoa-theme #tab-community .home-feed-list {
  gap: 10px !important;
}

.lineoa-theme #tab-community .challenge-match-card,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-card {
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 9px 26px -22px rgba(17, 21, 22, 0.24) !important;
}

.lineoa-theme #tab-community .challenge-match-main,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-main {
  grid-template-columns: minmax(0, 1fr) minmax(114px, 122px) !important;
  gap: 4px 10px !important;
  padding: 13px 14px !important;
}

.lineoa-theme #tab-community .challenge-schedule,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-schedule {
  color: #237305 !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
}

.lineoa-theme #tab-community .challenge-count-pill,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-count-pill {
  min-height: 18px !important;
  padding: 0 8px !important;
  border-color: rgba(239, 125, 26, 0.32) !important;
  border-radius: 7px !important;
  color: #EF7D1A !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-community .challenge-match-title,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-title {
  font-size: 17px !important;
  letter-spacing: -0.015em !important;
  line-height: 1.08 !important;
}

.lineoa-theme #tab-community .challenge-match-location,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-location {
  grid-template-columns: 15px minmax(0, 1fr) !important;
  gap: 5px !important;
  color: #5E6467 !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.lineoa-theme #tab-community .challenge-match-location .material-symbols-outlined,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-location .material-symbols-outlined {
  color: #15191A !important;
  font-size: 16px !important;
}

.lineoa-theme #tab-community .challenge-tag-row,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag-row {
  gap: 6px !important;
  margin-top: 4px !important;
}

.lineoa-theme #tab-community .challenge-tag,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag {
  min-height: 20px !important;
  padding-inline: 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
}

.lineoa-theme #tab-community .challenge-tag.is-ranked,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme #tab-community .challenge-tag.is-requirement,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag.is-requirement,
.lineoa-theme #tab-community .challenge-tag.is-gender,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag.is-gender {
  background: #F1F4F4 !important;
  color: #31383A !important;
}

.lineoa-theme #tab-community .challenge-avatar-row,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-row {
  gap: 5px !important;
}

.lineoa-theme #tab-community .challenge-party-avatar,
.lineoa-theme #tab-community .challenge-avatar-more,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-party-avatar,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-more {
  width: 27px !important;
  height: 27px !important;
  flex-basis: 27px !important;
  border-radius: 7px !important;
}

.lineoa-theme #tab-community .challenge-avatar-more,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-avatar-more {
  background: #EFF1F2 !important;
  color: #5E6467 !important;
  font-size: 12px !important;
}

.lineoa-theme #tab-community .challenge-join-btn,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn {
  height: 28px !important;
  min-height: 28px !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  font-size: 12px !important;
}

.lineoa-theme #tab-community .challenge-join-btn.is-disabled,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn.is-disabled {
  background: #F0F1F2 !important;
  color: #8A8F92 !important;
}

.lineoa-theme .bottom-nav {
  bottom: 0 !important;
  width: min(430px, 100%) !important;
  padding: 6px 14px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 28px 28px 0 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.lineoa-theme .tab-btn {
  min-height: 42px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .tab-btn.is-active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0BB800 !important;
}

.lineoa-theme .tab-btn .tab-icon {
  font-size: 23px !important;
}

.lineoa-theme .tab-btn .tab-label {
  font-size: 10px !important;
  font-weight: 600 !important;
}

.lineoa-theme .ball-core {
  width: 48px !important;
  height: 48px !important;
  background: var(--brand) !important;
  box-shadow: 0 14px 32px -12px rgba(156, 220, 13, 0.45) !important;
}

/* ══ Create Match Reference Alignment v1 ═════════════════════════════ */
.lineoa-theme .smatch-sheet .sheet-backdrop {
  background: rgba(12, 15, 16, 0.28) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

.lineoa-theme .smatch-sheet .sheet-card {
  width: min(430px, 100%) !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  padding: 18px 15px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 0 !important;
  background: #FAFAFA !important;
  box-shadow: 0 -18px 52px -34px rgba(17, 21, 22, 0.4) !important;
}

.lineoa-theme .smatch-sheet .sheet-handle {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  z-index: 4 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header > div {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-close-btn {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 17px !important;
  border: 1px solid rgba(17, 21, 22, 0.07) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 12px 26px -22px rgba(17, 21, 22, 0.3) !important;
  color: #15191A !important;
  pointer-events: auto !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-close-btn .material-symbols-outlined {
  font-size: 22px !important;
}

.lineoa-theme .smatch-sheet .qp-form {
  gap: 24px !important;
  padding-bottom: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-section {
  gap: 14px !important;
}

.lineoa-theme .smatch-sheet .qp-section:first-child {
  gap: 10px !important;
}

.lineoa-theme .smatch-sheet .qp-section:nth-of-type(3) {
  gap: 10px !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-section-title {
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-type-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.lineoa-theme .smatch-sheet .post-type-card {
  min-height: 132px !important;
  padding: 17px 8px 15px !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px -24px rgba(17, 21, 22, 0.28) !important;
  text-align: center !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active {
  border-color: #A7EC17 !important;
  background: #F6FFE7 !important;
  box-shadow: 0 12px 28px -24px rgba(111, 178, 0, 0.38) !important;
}

.lineoa-theme .smatch-sheet .post-type-card > span {
  transform: translateY(10px) !important;
}

.lineoa-theme .smatch-sheet .qp-type-icon {
  color: #111516 !important;
  font-size: 38px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 40 !important;
}

.lineoa-theme .smatch-sheet .qp-type-title {
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-type-sub {
  min-height: 31px !important;
  color: #596064 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-icon {
  color: #2F7208 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-title {
  color: #111516 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-sub {
  color: #2C3133 !important;
}

.lineoa-theme .smatch-sheet .qp-settings-card,
.lineoa-theme .smatch-sheet .qp-detail-card {
  border-radius: 22px !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  background: #FFFFFF !important;
  box-shadow: 0 14px 34px -28px rgba(17, 21, 22, 0.28) !important;
  overflow: hidden !important;
}

.lineoa-theme .smatch-sheet .qp-setting-row {
  min-height: 60px !important;
  grid-template-columns: minmax(104px, 1fr) minmax(0, 188px) !important;
  gap: 10px !important;
  padding: 10px 12px !important;
}

.lineoa-theme .smatch-sheet .qp-setting-row.qp-players-row {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding-block: 12px !important;
}

.lineoa-theme .smatch-sheet .qp-detail-row {
  min-height: 50px !important;
  grid-template-columns: 30px minmax(76px, 0.42fr) minmax(0, 1fr) 16px !important;
  gap: 8px !important;
  padding: 6px 12px !important;
}

.lineoa-theme .smatch-sheet .qp-note-row {
  grid-template-columns: 30px minmax(152px, 0.68fr) minmax(0, 1fr) 16px !important;
}

.lineoa-theme .smatch-sheet .qp-divider {
  height: 1px !important;
  margin-inline: 22px !important;
  background: rgba(17, 21, 22, 0.055) !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-setting-label,
.lineoa-theme .smatch-sheet .sheet-card .qp-row-label {
  color: #111516 !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-setting-label small,
.lineoa-theme .smatch-sheet .qp-row-label small {
  margin-left: 4px !important;
  color: #687175 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-icon {
  width: 30px !important;
  color: #15191A !important;
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-chevron {
  color: #A2AAAD !important;
  font-size: 20px !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-value,
.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"],
.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input,
.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea {
  color: #2C3133 !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-value {
  justify-self: end !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-pill-group {
  width: 188px !important;
  gap: 8px !important;
}

.lineoa-theme .smatch-sheet .qp-pill {
  min-height: 35px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  background: #F5F6F7 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  color: #5E6467 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.lineoa-theme .smatch-sheet .qp-pill.is-active {
  border-color: transparent !important;
  background: var(--brand) !important;
  box-shadow: none !important;
  color: #111A00 !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-slots {
  gap: 10px !important;
  justify-self: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-chip {
  width: 72px !important;
  gap: 5px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-avatar,
.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle {
  width: 52px !important;
  height: 52px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle {
  border: 1px dashed rgba(17, 21, 22, 0.16) !important;
  background: #FAFAFA !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle .material-symbols-outlined {
  color: #111516 !important;
  font-size: 30px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 30 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-name {
  color: #2A2F31 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-chip.is-empty .quick-party-player-name {
  color: #98A0A3 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-meta {
  color: #4E8C1D !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-invite-btn {
  min-height: 40px !important;
  border: 1px solid #D9E7C5 !important;
  border-radius: 12px !important;
  background: #EDF5E0 !important;
  color: #5C7D2B !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-invite-btn .material-symbols-outlined {
  font-size: 18px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .qp-players-head {
  align-items: baseline !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .qp-players-count {
  color: #2A2F31 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.lineoa-theme .smatch-sheet .qp-time-pair {
  grid-column: 3 / 4 !important;
  justify-self: end !important;
  gap: 8px !important;
}

.lineoa-theme .smatch-sheet .qp-time-cell small {
  display: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"] {
  width: 62px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"]::-webkit-calendar-picker-indicator,
.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"]::-webkit-inner-spin-button,
.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"]::-webkit-clear-button {
  display: none !important;
  opacity: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-time-sep {
  color: #8A8F92 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-body {
  grid-column: 3 / 4 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-input-wrap {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input {
  min-height: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input::placeholder,
.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea::placeholder {
  color: #A1AAAD !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected {
  align-items: flex-end !important;
  margin-top: 2px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected strong {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected small {
  color: #8A8F92 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-note-row textarea {
  grid-column: 3 / 4 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea {
  height: 24px !important;
  min-height: 24px !important;
  margin-top: 0 !important;
  padding: 1px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-cta {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  box-shadow: 0 18px 34px -28px rgba(122, 190, 0, 0.48) !important;
  color: #111A00 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 380px) {
  .lineoa-theme .smatch-sheet .sheet-card {
    padding-inline: 12px !important;
  }

  .lineoa-theme .smatch-sheet .qp-type-grid {
    gap: 7px !important;
  }

  .lineoa-theme .smatch-sheet .post-type-card {
    min-height: 124px !important;
    padding-inline: 6px !important;
  }

  .lineoa-theme .smatch-sheet .qp-type-title {
    font-size: 13px !important;
  }

  .lineoa-theme .smatch-sheet .qp-type-sub {
    font-size: 10px !important;
  }

  .lineoa-theme .smatch-sheet .qp-setting-row {
    grid-template-columns: minmax(94px, 1fr) minmax(0, 174px) !important;
  }

  .lineoa-theme .smatch-sheet .qp-setting-row.qp-players-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .lineoa-theme .smatch-sheet .qp-pill-group {
    width: 174px !important;
  }

  .lineoa-theme .smatch-sheet .qp-detail-row {
    grid-template-columns: 28px minmax(68px, 0.4fr) minmax(0, 1fr) 14px !important;
    padding-inline: 10px !important;
  }

  .lineoa-theme .smatch-sheet .qp-note-row {
    grid-template-columns: 28px minmax(134px, 0.68fr) minmax(0, 1fr) 14px !important;
  }
}

/* ══ Profile My Matches + Ranking Reference Alignment v1 ═════════════ */
body.lineoa-theme.is-profile-tab .top-ribbon {
  display: none !important;
}

body.lineoa-theme.is-profile-tab .mobile-shell {
  padding-top: max(14px, env(safe-area-inset-top)) !important;
}

.lineoa-theme #tab-profile {
  gap: 12px !important;
  padding: 0 0 26px !important;
}

.lineoa-theme #tab-profile :is(button, h2, h3, h4, strong, b, small, span, p, time, em) {
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-profile .profile-page-header {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 58px !important;
  padding: 2px 2px 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-ref-avatar-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  overflow: hidden !important;
  background: #EAF0EA !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-ref-avatar {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.lineoa-theme #tab-profile .profile-ref-main {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
}

.lineoa-theme #tab-profile .profile-ref-name {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.012em !important;
}

.lineoa-theme #tab-profile .profile-ref-level-pill {
  min-height: 20px !important;
  max-width: 100% !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: #E9F8D8 !important;
  color: #2C6C16 !important;
  font-size: var(--text-xs) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.lineoa-theme #tab-profile .profile-ref-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.lineoa-theme #tab-profile .profile-ref-notify-btn,
.lineoa-theme #tab-profile .profile-ref-line-btn {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111516 !important;
}

.lineoa-theme #tab-profile .profile-ref-notify-btn .material-symbols-outlined {
  font-size: 28px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 32 !important;
}

.lineoa-theme #tab-profile .profile-ref-notify-btn::after {
  content: "" !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #91F000 !important;
}

.lineoa-theme #tab-profile .profile-ref-line-btn {
  background: #0EC900 !important;
  color: #FFFFFF !important;
  font-family: var(--font-headline) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-profile .profile-ref-tab-card {
  margin: 6px 0 6px !important;
  padding: 8px 14px 0 !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 26px -22px rgba(44, 47, 48, 0.34) !important;
}

.lineoa-theme #tab-profile .profile-ref-tab-nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.lineoa-theme #tab-profile .profile-view-btn {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 62px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 4px 2px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #6B7174 !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-profile .profile-view-btn .material-symbols-outlined {
  color: currentColor !important;
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme #tab-profile .profile-view-btn small {
  max-width: 100% !important;
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-view-btn.is-active {
  color: #3C7D14 !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-view-btn.is-active::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 0 !important;
  left: 12px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #A8F20C !important;
}

.lineoa-theme #tab-profile .profile-ranking-view,
.lineoa-theme #tab-profile .profile-matches-view {
  gap: 13px !important;
  margin-top: -7px !important;
}

.lineoa-theme #groupDetailPanelRanking {
  gap: 13px !important;
  margin-top: -7px !important;
  padding-inline: 14px !important;
}

.lineoa-theme #communityRankingView {
  gap: 13px !important;
  margin-top: -7px !important;
  padding-inline: 14px !important;
}

.lineoa-theme #tab-profile .profile-static-soon-view {
  gap: 0 !important;
  margin-top: -7px !important;
}

.lineoa-theme #tab-profile .profile-static-soon-card {
  padding: 18px !important;
  border: 1px solid rgba(189, 242, 31, 0.32) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 255, 235, 0.78)) !important;
  box-shadow: 0 16px 38px -32px rgba(17, 21, 22, 0.28) !important;
}

.lineoa-theme #tab-profile .profile-static-soon-title {
  color: #111516 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

.lineoa-theme #tab-profile .profile-settings-view {
  gap: 8px !important;
  margin-top: -7px !important;
  padding-inline: 14px !important;
}

.lineoa-theme #tab-profile .profile-settings-card {
  padding: 2px 0 !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 26px -22px rgba(44, 47, 48, 0.34) !important;
}

.lineoa-theme #tab-profile .profile-settings-row {
  min-height: 44px !important;
  padding: 0 12px !important;
  grid-template-columns: 22px minmax(0, 1fr) 16px !important;
  gap: 9px !important;
  color: #171B1C !important;
}

.lineoa-theme #tab-profile .profile-settings-row + .profile-settings-row {
  border-top: 1px solid rgba(17, 21, 22, 0.08) !important;
}

.lineoa-theme #tab-profile .profile-settings-row-icon {
  color: #636A6E !important;
}

.lineoa-theme #tab-profile .profile-settings-row-icon .material-symbols-outlined {
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme #tab-profile .profile-settings-row-label {
  color: #171B1C !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-profile .profile-settings-row-chevron {
  color: #8A9195 !important;
  font-size: 16px !important;
}

.lineoa-theme #tab-profile .profile-settings-logout-card {
  padding: 10px !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 26px -22px rgba(44, 47, 48, 0.34) !important;
}

.lineoa-theme #tab-profile .profile-settings-logout-btn {
  min-height: 42px !important;
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #171B1C !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-settings-detail-card {
  padding: 14px !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 26px -22px rgba(44, 47, 48, 0.34) !important;
}

.lineoa-theme #tab-profile .profile-settings-detail-head {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.lineoa-theme #tab-profile .profile-settings-back-btn {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #E5EAEC !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #4D565B !important;
  display: grid !important;
  place-items: center !important;
}

.lineoa-theme #tab-profile .profile-settings-back-btn .material-symbols-outlined {
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme #tab-profile .profile-settings-detail-head h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

.lineoa-theme #tab-profile .profile-settings-detail-head p {
  margin: 2px 0 0 !important;
  color: #727A80 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}

.lineoa-theme #tab-profile .profile-settings-detail-body,
.lineoa-theme #tab-profile .profile-settings-option-stack,
.lineoa-theme #tab-profile .profile-info-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.lineoa-theme #tab-profile .profile-edit-line-preview {
  margin-bottom: 2px !important;
  border-radius: 14px !important;
}

.lineoa-theme #tab-profile .profile-edit-line-preview .register-line-meta small {
  display: none !important;
}

.lineoa-theme #tab-profile .profile-edit-identity-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-edit-avatar-control {
  position: relative !important;
  display: block !important;
  width: 74px !important;
  height: 74px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.lineoa-theme #tab-profile .profile-edit-avatar {
  width: 74px !important;
  height: 74px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  background: #F6F8F8 !important;
  box-shadow: 0 10px 22px -16px rgba(20, 24, 26, 0.4) !important;
}

.lineoa-theme #tab-profile .profile-edit-avatar-action {
  position: absolute !important;
  right: -4px !important;
  bottom: -4px !important;
  left: auto !important;
  display: grid !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 18px -12px rgba(17, 21, 22, 0.55) !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-edit-avatar-action .material-symbols-outlined {
  font-size: 17px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .profile-edit-avatar-control input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  min-height: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.lineoa-theme #tab-profile .profile-edit-identity-main {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.lineoa-theme #tab-profile .profile-edit-name-field {
  margin: 0 !important;
}

.lineoa-theme #tab-profile .profile-edit-line-note {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  color: #6B767A !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme #tab-profile .profile-edit-line-note span {
  color: #2E6B0E !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-profile .profile-edit-line-note strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-home-court-full-row {
  width: 100% !important;
}

.lineoa-theme #tab-profile .profile-edit-form {
  gap: 9px !important;
}

.lineoa-theme #tab-profile .profile-edit-form .two-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.lineoa-theme #tab-profile .profile-edit-form label {
  gap: 4px !important;
}

.lineoa-theme #tab-profile .profile-edit-form label > span {
  padding-left: 2px !important;
  color: #2E6B0E !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form input,
.lineoa-theme #tab-profile .profile-edit-form select,
.lineoa-theme #tab-profile .profile-edit-form textarea {
  min-height: 40px !important;
  padding: 8px 11px !important;
  border: 1px solid #E1E6E8 !important;
  border-radius: 12px !important;
  background: #FBFCFC !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme #tab-profile .profile-edit-form textarea {
  min-height: 72px !important;
  padding-top: 10px !important;
  line-height: 1.4 !important;
}

.lineoa-theme #tab-profile .profile-edit-form input::placeholder,
.lineoa-theme #tab-profile .profile-edit-form textarea::placeholder {
  color: #7B878B !important;
}

.lineoa-theme #tab-profile .profile-edit-form input:focus,
.lineoa-theme #tab-profile .profile-edit-form select:focus,
.lineoa-theme #tab-profile .profile-edit-form textarea:focus {
  border-color: rgba(61, 126, 20, 0.34) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-multi-select {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-multi-select > label {
  display: block !important;
  padding-left: 2px !important;
  color: #2E6B0E !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-multi-select .court-picker-combobox {
  position: relative !important;
  display: grid !important;
  gap: 6px !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-input-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 5px 0 11px !important;
  border: 1px solid #E1E6E8 !important;
  border-radius: 12px !important;
  background: #FBFCFC !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-input-shell:focus-within {
  border-color: rgba(61, 126, 20, 0.34) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-input-shell input {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-input-shell input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-clear-btn {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #EEF2F3 !important;
  color: #6D777B !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-clear-btn .material-symbols-outlined {
  font-size: 17px !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-dropdown {
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: 0 !important;
  display: grid !important;
  max-height: min(42dvh, 300px) !important;
  gap: 5px !important;
  padding: 7px !important;
  overflow-y: auto !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 42px -24px rgba(18, 24, 26, 0.42) !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-dropdown.hidden {
  display: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  cursor: pointer !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option:has(input:checked) {
  border-color: rgba(189, 242, 31, 0.74) !important;
  background: #F5FFE5 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option input[type="checkbox"][data-home-court-option] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: grid !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1.5px solid #CCD5D9 !important;
  border-radius: 5px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option input[type="checkbox"][data-home-court-option]::after {
  content: "" !important;
  width: 8px !important;
  height: 5px !important;
  margin-top: -1px !important;
  border: solid #111516 !important;
  border-width: 0 0 2px 2px !important;
  opacity: 0 !important;
  transform: rotate(-45deg) scale(0.75) !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option input[type="checkbox"][data-home-court-option]:checked {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option input[type="checkbox"][data-home-court-option]:checked::after {
  opacity: 1 !important;
  transform: rotate(-45deg) scale(1) !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option-main strong {
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-option-main small {
  overflow: hidden !important;
  color: #6F797E !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-selected-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-selected-pills.hidden {
  display: none !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-pill {
  min-height: 26px !important;
  max-width: 100% !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 7px 4px 9px !important;
  border: 1px solid rgba(189, 242, 31, 0.56) !important;
  border-radius: 999px !important;
  background: #F5FFE5 !important;
  color: #214C08 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-pill span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-edit-form .home-court-pill .material-symbols-outlined {
  font-size: 13px !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-settings-primary-btn,
.lineoa-theme #tab-profile .profile-settings-secondary-btn {
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-profile .profile-choice-row,
.lineoa-theme #tab-profile .profile-toggle-row,
.lineoa-theme #tab-profile .profile-info-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 10px 12px !important;
  border: 1px solid #E8ECEE !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
}

.lineoa-theme #tab-profile .profile-toggle-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.lineoa-theme #tab-profile .profile-choice-row span,
.lineoa-theme #tab-profile .profile-toggle-row span,
.lineoa-theme #tab-profile .profile-info-card div {
  min-width: 0 !important;
}

.lineoa-theme #tab-profile .profile-choice-row strong,
.lineoa-theme #tab-profile .profile-toggle-row strong,
.lineoa-theme #tab-profile .profile-info-card strong {
  display: block !important;
  color: #111516 !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.lineoa-theme #tab-profile .profile-choice-row small,
.lineoa-theme #tab-profile .profile-toggle-row small,
.lineoa-theme #tab-profile .profile-info-card p {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #727A80 !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme #tab-profile .profile-language-choice {
  position: relative !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 14px !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}

.lineoa-theme #tab-profile .profile-language-choice input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.lineoa-theme #tab-profile .profile-language-check {
  width: 38px !important;
  height: 38px !important;
  border: 2px solid #DDE4E7 !important;
  border-radius: 13px !important;
  background: #F9FAFA !important;
  color: transparent !important;
  display: inline-grid !important;
  place-items: center !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
}

.lineoa-theme #tab-profile .profile-language-check .material-symbols-outlined {
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 24 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-language-choice:is(.is-selected, :has(input[type="radio"]:checked)) {
  border-color: rgba(189, 242, 31, 0.95) !important;
  background: linear-gradient(180deg, rgba(250, 255, 237, 0.98), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: 0 10px 24px -20px rgba(61, 126, 20, 0.42) !important;
}

.lineoa-theme #tab-profile .profile-language-choice:is(.is-selected, :has(input[type="radio"]:checked)) .profile-language-check {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
  box-shadow: 0 0 0 4px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme #tab-profile .profile-language-choice:is(.is-selected, :has(input[type="radio"]:checked)) strong {
  color: #102400 !important;
}

.lineoa-theme #tab-profile .profile-toggle-row input[type="checkbox"] {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 38px !important;
  height: 22px !important;
  min-width: 38px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid #D9E0E3 !important;
  border-radius: 999px !important;
  background: #EDF1F2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

.lineoa-theme #tab-profile .profile-toggle-row input[type="checkbox"]::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(24, 33, 35, 0.18) !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

.lineoa-theme #tab-profile .profile-toggle-row input[type="checkbox"]:checked {
  border-color: #AEEB16 !important;
  background: #BDF21F !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.12) !important;
}

.lineoa-theme #tab-profile .profile-toggle-row input[type="checkbox"]:checked::after {
  transform: translateX(16px) !important;
  box-shadow: 0 1px 3px rgba(24, 33, 35, 0.14) !important;
}

.lineoa-theme #tab-profile .profile-toggle-row:has(input[type="checkbox"]:checked) {
  border-color: rgba(189, 242, 31, 0.68) !important;
  background: rgba(250, 255, 237, 0.62) !important;
}

.lineoa-theme #tab-profile .profile-info-card {
  align-items: start !important;
}

.lineoa-theme #tab-profile .profile-info-card > .material-symbols-outlined {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: rgba(189, 242, 31, 0.2) !important;
  color: #397812 !important;
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme #tab-profile .profile-info-card.is-brand > .material-symbols-outlined {
  background: var(--brand) !important;
  color: #111516 !important;
}

.lineoa-theme #tab-profile .profile-support-code,
.lineoa-theme #tab-profile .profile-about-list {
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #E8ECEE !important;
  border-radius: 14px !important;
  background: #F4F6F7 !important;
  color: #4D565B !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.lineoa-theme #tab-profile .profile-about-list div {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(17, 21, 22, 0.08) !important;
}

.lineoa-theme #tab-profile .profile-about-list div:last-child {
  border-bottom: 0 !important;
}

.lineoa-theme #tab-profile .profile-about-list dt {
  color: #727A80 !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-about-list dd {
  margin: 0 !important;
  color: #111516 !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-profile #profileGroupView {
  padding-inline: 14px !important;
}

.lineoa-theme #tab-profile #profileGroupView .group-detail-activity-list {
  gap: 12px !important;
}

.lineoa-theme #tab-profile .profile-ref-section,
.lineoa-theme #groupDetailPanelRanking .profile-ref-section,
.lineoa-theme #communityRankingView .profile-ref-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.lineoa-theme #tab-profile .profile-ref-section-title,
.lineoa-theme #groupDetailPanelRanking .profile-ref-section-title,
.lineoa-theme #communityRankingView .profile-ref-section-title,
.lineoa-theme #tab-profile .profile-match-section h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
}

.lineoa-theme #tab-profile .profile-ref-section-head,
.lineoa-theme #groupDetailPanelRanking .profile-ref-section-head,
.lineoa-theme #communityRankingView .profile-ref-section-head,
.lineoa-theme #tab-profile .profile-match-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.lineoa-theme #tab-profile .profile-rank-filter-btn,
.lineoa-theme #groupDetailPanelRanking .profile-rank-filter-btn,
.lineoa-theme #communityRankingView .profile-rank-filter-btn,
.lineoa-theme #tab-profile .profile-match-section-head button {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(17, 21, 22, 0.07) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: #2F6715 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-profile .profile-rank-overview-card {
  display: grid !important;
  grid-template-columns: 100px minmax(0, 1fr) !important;
  gap: 9px !important;
  min-height: 140px !important;
  padding: 12px !important;
  border: 1px solid rgba(166, 225, 21, 0.4) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(253, 255, 249, 0.98), rgba(250, 255, 241, 0.94)) !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-rank-summary {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.lineoa-theme #tab-profile .profile-rank-summary p,
.lineoa-theme #tab-profile .profile-rank-score-block span,
.lineoa-theme #tab-profile .profile-rank-type-block span,
.lineoa-theme #tab-profile .profile-rank-summary time {
  margin: 0 !important;
  color: #5F6669 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.lineoa-theme #tab-profile .profile-rank-summary time {
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-rank-summary > strong {
  color: #57A51B !important;
  font-family: var(--font-headline) !important;
  font-size: 31px !important;
  font-weight: 700 !important;
  line-height: 0.9 !important;
}

.lineoa-theme #tab-profile .profile-rank-score-block,
.lineoa-theme #tab-profile .profile-rank-type-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.lineoa-theme #tab-profile .profile-rank-score-block b {
  color: #111516 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-rank-score-block em {
  margin-left: 4px !important;
  color: #2F8616 !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-rank-type-block small {
  align-self: flex-start !important;
  min-height: 18px !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  background: #E7F8C9 !important;
  color: #2F6715 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-profile .profile-rank-chart-wrap {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) 20px !important;
  min-width: 0 !important;
  min-height: 106px !important;
}

.lineoa-theme #tab-profile .profile-rank-y-axis {
  display: flex !important;
  grid-row: 1 / 2 !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 2px 4px 14px 0 !important;
  color: #737A7D !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}

.lineoa-theme #tab-profile #profilePerformanceTrendSvg {
  width: 100% !important;
  height: 88px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.lineoa-theme #tab-profile #profilePerformanceTrendArea {
  fill: rgba(166, 225, 21, 0.12) !important;
}

.lineoa-theme #tab-profile #profilePerformanceTrendPath {
  fill: none !important;
  stroke: #4F961A !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 3 !important;
}

.lineoa-theme #tab-profile #profilePerformanceTrendDot {
  fill: #61AD20 !important;
}

.lineoa-theme #tab-profile .profile-rank-x-axis {
  display: flex !important;
  grid-column: 2 / 3 !important;
  justify-content: space-between !important;
  color: #737A7D !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table-wrap,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table-wrap,
.lineoa-theme #communityRankingView .profile-leaderboard-table-wrap {
  overflow: hidden !important;
  border: 1px solid rgba(17, 21, 22, 0.06) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 24px -22px rgba(44, 47, 48, 0.26) !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table,
.lineoa-theme #communityRankingView .profile-leaderboard-table {
  width: 100% !important;
  min-width: 0 !important;
  border-collapse: collapse !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table th,
.lineoa-theme #tab-profile .profile-leaderboard-table td,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table th,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table td,
.lineoa-theme #communityRankingView .profile-leaderboard-table th,
.lineoa-theme #communityRankingView .profile-leaderboard-table td {
  border-bottom: 1px solid rgba(17, 21, 22, 0.06) !important;
  color: #111516 !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.1 !important;
  padding: 10px 12px !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table th,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table th,
.lineoa-theme #communityRankingView .profile-leaderboard-table th {
  background: #F5F7F2 !important;
  color: #6A7174 !important;
  font-family: var(--font-headline) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table tbody tr:last-child td,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table tbody tr:last-child td,
.lineoa-theme #communityRankingView .profile-leaderboard-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.lineoa-theme #tab-profile .profile-leaderboard-table .profile-ranking-row.is-self td,
.lineoa-theme #groupDetailPanelRanking .profile-leaderboard-table .profile-ranking-row.is-self td,
.lineoa-theme #communityRankingView .profile-leaderboard-table .profile-ranking-row.is-self td {
  background: #EEF9D8 !important;
}

.lineoa-theme #tab-profile .profile-ranking-index,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-index,
.lineoa-theme #communityRankingView .profile-ranking-index {
  width: 40px !important;
  text-align: center !important;
}

.lineoa-theme #tab-profile .profile-ranking-player,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-player,
.lineoa-theme #communityRankingView .profile-ranking-player {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-profile .profile-ranking-player img,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-player img,
.lineoa-theme #communityRankingView .profile-ranking-player img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

.lineoa-theme #tab-profile .profile-ranking-player strong,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-player strong,
.lineoa-theme #communityRankingView .profile-ranking-player strong {
  min-width: 0 !important;
  overflow: hidden !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-ranking-score,
.lineoa-theme #tab-profile .profile-ranking-delta,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-score,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-delta,
.lineoa-theme #communityRankingView .profile-ranking-score,
.lineoa-theme #communityRankingView .profile-ranking-delta {
  text-align: right !important;
}

.lineoa-theme #tab-profile .profile-ranking-score b,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-score b,
.lineoa-theme #communityRankingView .profile-ranking-score b {
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-ranking-delta em,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-delta em,
.lineoa-theme #communityRankingView .profile-ranking-delta em {
  color: #2F8616 !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-profile .profile-ranking-delta em.is-down,
.lineoa-theme #groupDetailPanelRanking .profile-ranking-delta em.is-down,
.lineoa-theme #communityRankingView .profile-ranking-delta em.is-down {
  color: #F24B42 !important;
}

.lineoa-theme #tab-profile .profile-stats-head {
  align-items: flex-end !important;
}

.lineoa-theme #tab-profile .profile-stats-head > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-profile .profile-stats-head small {
  color: #697174 !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.lineoa-theme #tab-profile .profile-stats-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid rgba(17, 21, 22, 0.055) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px -24px rgba(44, 47, 48, 0.34) !important;
}

.lineoa-theme #tab-profile .profile-stat-panel {
  display: flex !important;
  min-width: 0 !important;
  min-height: 122px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 10px !important;
  border: 1px solid #EDF0F1 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  color: #111516 !important;
  overflow: hidden !important;
}

.lineoa-theme #tab-profile .profile-stat-panel.is-overall {
  border-color: rgba(181, 240, 31, 0.5) !important;
  background: linear-gradient(145deg, #151A1B 0%, #253004 100%) !important;
  color: #FFFFFF !important;
}

.lineoa-theme #tab-profile .profile-stat-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel-head .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: #2F6E0F !important;
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel.is-overall .profile-stat-panel-head .material-symbols-outlined {
  color: var(--brand) !important;
}

.lineoa-theme #tab-profile .profile-stat-panel-head span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-stat-panel strong {
  color: inherit !important;
  font-family: var(--font-headline) !important;
  font-size: clamp(19px, 5vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel p {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  color: #687174 !important;
  line-height: 1.2 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel p > span {
  color: #2F6E0F !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel p small {
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel p em {
  width: 100% !important;
  color: #8A9295 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-stat-panel.is-overall p {
  color: rgba(255, 255, 255, 0.72) !important;
}

.lineoa-theme #tab-profile .profile-stat-panel.is-overall p > span {
  color: var(--brand) !important;
}

.lineoa-theme #tab-profile .profile-stat-panel.is-overall p em {
  color: rgba(255, 255, 255, 0.62) !important;
}

@media (max-width: 340px) {
  .lineoa-theme #tab-profile .profile-stats-card {
    grid-template-columns: 1fr !important;
  }

  .lineoa-theme #tab-profile .profile-stat-panel {
    min-height: 0 !important;
  }
}

.lineoa-theme #tab-profile .profile-my-match-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.lineoa-theme #tab-profile .profile-match-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px 8px !important;
  padding: 2px 0 0 !important;
}

.lineoa-theme #tab-profile .profile-match-filter-chips button {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: #111516 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.lineoa-theme #tab-profile .profile-match-filter-chips button.is-active {
  border-color: transparent !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-match-section,
.lineoa-theme #tab-profile .profile-match-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.lineoa-theme #tab-profile .profile-match-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 162px !important;
  gap: 9px 10px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(17, 21, 22, 0.045) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 9px 26px -22px rgba(44, 47, 48, 0.3) !important;
}

.lineoa-theme #tab-profile .profile-match-info {
  min-width: 0 !important;
}

.lineoa-theme #tab-profile .profile-match-date {
  margin: 0 0 5px !important;
  color: #287512 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

.lineoa-theme #tab-profile .profile-match-card h4 {
  margin: 0 0 4px !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
}

.lineoa-theme #tab-profile .profile-match-location {
  display: grid !important;
  grid-template-columns: 17px minmax(0, 1fr) !important;
  gap: 5px !important;
  margin: 0 !important;
  color: #626A6D !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
}

.lineoa-theme #tab-profile .profile-match-location .material-symbols-outlined {
  color: #111516 !important;
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme #tab-profile .profile-match-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 7px !important;
}

.lineoa-theme #tab-profile .profile-match-tags span {
  min-height: 18px !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  background: #F4F5F6 !important;
  color: #343A3D !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-match-tags span.is-ranked {
  background: #EAF8D8 !important;
  color: #2F6715 !important;
}

.lineoa-theme #tab-profile .profile-match-tags span.is-capacity {
  border: 1px solid rgba(239, 125, 26, 0.22) !important;
  background: #FFFDFC !important;
  color: #EF7D1A !important;
}

.lineoa-theme #tab-profile .profile-match-versus,
.lineoa-theme #tab-profile .profile-completed-score {
  display: grid !important;
  grid-template-columns: 54px 24px 54px !important;
  align-items: start !important;
  justify-content: end !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding-top: 13px !important;
}

.lineoa-theme #tab-profile .profile-match-player {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  text-align: center !important;
}

.lineoa-theme #tab-profile .profile-match-player img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  object-fit: cover !important;
}

.lineoa-theme #tab-profile .profile-match-player strong,
.lineoa-theme #tab-profile .profile-match-player small {
  max-width: 66px !important;
  overflow: hidden !important;
  color: #111516 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-profile .profile-match-player.is-self strong {
  color: #2F7D14 !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-profile .profile-match-vs {
  align-self: center !important;
  color: #111516 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.lineoa-theme #tab-profile .profile-match-actions {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.lineoa-theme #tab-profile .profile-match-secondary-btn,
.lineoa-theme #tab-profile .profile-match-primary-btn {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-match-secondary-btn {
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  background: #FFFFFF !important;
  color: #111516 !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-match-primary-btn {
  border: 0 !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  box-shadow: none !important;
}

.lineoa-theme #tab-profile .profile-completed-card {
  grid-template-columns: minmax(0, 1fr) 180px !important;
  align-items: center !important;
  padding-block: 8px !important;
}

.lineoa-theme #tab-profile .profile-completed-card .profile-match-date {
  margin-bottom: 4px !important;
  font-size: var(--text-xs) !important;
}

.lineoa-theme #tab-profile .profile-completed-card h4 {
  margin-bottom: 2px !important;
  font-size: 14px !important;
}

.lineoa-theme #tab-profile .profile-completed-card .profile-match-location {
  font-size: var(--text-xs) !important;
  line-height: 1.18 !important;
}

.lineoa-theme #tab-profile .profile-completed-card .profile-match-tags {
  margin-top: 4px !important;
}

.lineoa-theme #tab-profile .profile-completed-card .profile-match-tags span {
  min-height: 16px !important;
  padding: 3px 6px !important;
}

.lineoa-theme #tab-profile .profile-completed-score {
  position: relative !important;
  grid-template-columns: 46px 58px 46px 14px !important;
  align-items: center !important;
  padding-top: 0 !important;
  gap: 7px !important;
}

.lineoa-theme #tab-profile .profile-completed-score .profile-match-player img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
}

.lineoa-theme #tab-profile .profile-score-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

.lineoa-theme #tab-profile .profile-score-center strong {
  color: #111516 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-score-center span {
  min-height: 18px !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  background: #EAF8D8 !important;
  color: #257411 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-completed-card.is-loss .profile-score-center span {
  background: #FFE5E8 !important;
  color: #D9282E !important;
}

.lineoa-theme #tab-profile .profile-completed-chevron {
  color: #8F9699 !important;
  font-size: 23px !important;
}

.lineoa-theme #tab-profile .profile-my-match-empty {
  min-height: 72px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed rgba(17, 21, 22, 0.1) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #7A8285 !important;
  font-size: 12px !important;
  text-align: center !important;
}

@media (max-width: 390px) {
  .lineoa-theme #tab-profile .profile-rank-overview-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    padding-inline: 12px !important;
  }

  .lineoa-theme #tab-profile .profile-match-card,
  .lineoa-theme #tab-profile .profile-completed-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lineoa-theme #tab-profile .profile-match-versus,
  .lineoa-theme #tab-profile .profile-completed-score {
    justify-content: start !important;
    padding-top: 0 !important;
  }
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-tab-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-matches-card {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-list-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-list-head h3 {
  margin: 0 !important;
  color: #267B1B !important;
  font-family: var(--font-headline) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-filter-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #E3E8EA !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding: 0 2px 5px !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs .group-open-date-track {
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
  transform: translate3d(var(--group-open-date-x, 0%), 0, 0) !important;
  will-change: transform !important;
  transition: transform 180ms cubic-bezier(0.22, 0.72, 0.18, 1) !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs.is-swipe-tab-dragging .group-open-date-track {
  transition: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs::-webkit-scrollbar {
  display: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs button {
  position: relative !important;
  display: grid !important;
  flex: 0 0 25% !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 38px !important;
  place-items: center !important;
  gap: 1px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4E575C !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs button small {
  color: #879096 !important;
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs button::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: -5px !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs button.is-active {
  color: #17761B !important;
  font-weight: 650 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs button.is-active::after {
  background: #16922E !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs.is-swipe-tab-dragging::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  width: var(--swipe-tab-width, 0px) !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #16922E !important;
  transform: translate3d(var(--swipe-tab-x, 0px), 0, 0) !important;
  transition: none !important;
  pointer-events: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-date-tabs.is-swipe-tab-dragging button.is-active::after {
  background: transparent !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-filter-btn {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #252C30 !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-filter-btn .material-symbols-outlined {
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-filter-btn.has-active-filters::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  right: 5px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #267B1B !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-feed-list {
  width: 100% !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
  touch-action: pan-y !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-open-empty-state {
  margin: 0 !important;
}

body.lineoa-theme .bottom-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* ══ Groups Reference Alignment v1 ═══════════════════════════════════ */
body.lineoa-theme.is-groups-tab .top-ribbon {
  display: none !important;
}

body.lineoa-theme.is-groups-tab .mobile-shell {
  padding-top: max(14px, env(safe-area-inset-top)) !important;
}

.lineoa-theme #tab-groups {
  gap: 10px !important;
  padding: 0 0 26px !important;
}

.lineoa-theme #tab-groups.is-detail-open > .groups-list-header,
.lineoa-theme #tab-groups.is-detail-open > .groups-hub-list,
.lineoa-theme #tab-groups.is-detail-open > .groups-fab-btn {
  display: none !important;
}

.lineoa-theme #tab-groups .groups-fab-btn {
  display: none !important;
}

.lineoa-theme #tab-groups .groups-list-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 2px 0 4px !important;
}

.lineoa-theme #tab-groups .groups-list-header h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-groups .groups-create-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 108px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: var(--brand) !important;
  box-shadow: none !important;
  color: #111A00 !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-groups .groups-create-btn .material-symbols-outlined {
  font-size: 23px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme #tab-groups .groups-hub-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lineoa-theme #tab-groups .groups-ref-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  align-items: center !important;
  min-height: 112px !important;
  padding: 11px 10px 11px 12px !important;
  border: 1px solid rgba(17, 21, 22, 0.035) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 24px -22px rgba(44, 47, 48, 0.28) !important;
  overflow: hidden !important;
}

.lineoa-theme #tab-groups .groups-ref-card::before,
.lineoa-theme #tab-groups .groups-ref-card::after {
  content: none !important;
  display: none !important;
}

.lineoa-theme #tab-groups .groups-card-body {
  display: grid !important;
  grid-template-columns: 70px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.lineoa-theme #tab-groups .groups-cover-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #EFF1F2 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.lineoa-theme #tab-groups .groups-ref-logo {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  border-radius: inherit !important;
  color: #FFFFFF !important;
  text-align: center !important;
}

.lineoa-theme #tab-groups .groups-ref-logo .material-symbols-outlined {
  font-size: 24px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo strong {
  color: currentColor !important;
  font-family: var(--font-headline) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--kinetic {
  background: #244A2A !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--kinetic .material-symbols-outlined {
  color: #DFE7D7 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--smash {
  background: #0E2B48 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--smash .material-symbols-outlined {
  color: var(--brand) !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--club {
  background: #F2F0DF !important;
  color: #214E28 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--ace {
  background: #050505 !important;
}

.lineoa-theme #tab-groups .groups-ref-logo--ace .material-symbols-outlined {
  color: #DCA252 !important;
}

.lineoa-theme #tab-groups .groups-card-main {
  min-width: 0 !important;
  padding-top: 1px !important;
}

.lineoa-theme #tab-groups .groups-ref-title-row {
  display: flex !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 7px !important;
}

.lineoa-theme #tab-groups .groups-card-main h4 {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-groups .groups-ref-owner-pill {
  min-height: 18px !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  background: #E8F8D7 !important;
  color: #2E7414 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-groups .groups-ref-meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 7px 0 0 !important;
  overflow: hidden !important;
  color: #626A6D !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme #tab-groups .groups-ref-meta .material-symbols-outlined {
  color: #626A6D !important;
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 230, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme #tab-groups .groups-ref-desc {
  display: -webkit-box !important;
  margin: 5px 0 8px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  color: #5E6467 !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

.lineoa-theme #tab-groups .groups-members-row {
  display: flex !important;
  align-items: center !important;
  min-height: 23px !important;
  margin: 0 !important;
}

.lineoa-theme #tab-groups .groups-avatar-stack {
  display: flex !important;
  align-items: center !important;
  padding-left: 0 !important;
}

.lineoa-theme #tab-groups .groups-avatar-chip,
.lineoa-theme #tab-groups .groups-avatar-more {
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 23px !important;
  margin-left: -6px !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

.lineoa-theme #tab-groups .groups-avatar-chip:first-child,
.lineoa-theme #tab-groups .groups-avatar-more:first-child {
  margin-left: 0 !important;
}

.lineoa-theme #tab-groups .groups-avatar-more {
  display: grid !important;
  place-items: center !important;
  background: #EFF1F2 !important;
  color: #4E5558 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.lineoa-theme #tab-groups .groups-ref-chevron {
  justify-self: end !important;
  color: #767D80 !important;
  font-size: 28px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 28 !important;
}

@media (max-width: 390px) {
  .lineoa-theme #tab-groups .groups-ref-card {
    min-height: 106px !important;
    padding-inline: 10px !important;
  }

  .lineoa-theme #tab-groups .groups-card-body {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .lineoa-theme #tab-groups .groups-cover-wrap {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
  }
}

/* Report screen final reference alignment v40 */
.lineoa-theme .arena-report-modal.hidden {
  display: none !important;
}

.lineoa-theme .arena-report-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 66 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #F8F9FA !important;
}

.lineoa-theme .arena-report-backdrop {
  display: none !important;
}

.lineoa-theme .arena-report-sheet {
  position: relative !important;
  z-index: 1 !important;
  width: min(430px, 100%) !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 auto !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
  background: #F8F9FA !important;
  box-shadow: 0 0 34px rgba(18, 22, 24, 0.10) !important;
  padding: 0 14px calc(26px + env(safe-area-inset-bottom)) !important;
  -webkit-overflow-scrolling: touch !important;
}

.lineoa-theme .arena-report-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  min-height: 34px !important;
  margin: 0 -14px 6px !important;
  padding: 6px 14px 4px !important;
  background: rgba(248, 249, 250, 0.94) !important;
  border-bottom: 0 !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.lineoa-theme .arena-report-close {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  border: 1px solid rgba(218, 224, 228, 0.95) !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: #5B6670 !important;
}

.lineoa-theme .arena-report-close .material-symbols-outlined {
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .arena-report-head > h4#arenaReportTitle {
  margin: 0 !important;
  text-align: center !important;
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .arena-report-head-spacer {
  width: 24px !important;
  height: 24px !important;
}

.lineoa-theme .report-match-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .report-ref-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
}

.lineoa-theme .report-layout-generic {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.lineoa-theme .report-ref-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

.lineoa-theme .report-ref-card h4,
.lineoa-theme .report-score-title h4 {
  margin: 0 !important;
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: var(--text-body) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .report-ref-card h4 span,
.lineoa-theme .report-score-title h4 span,
.lineoa-theme .report-notes-label span {
  color: #5F676A !important;
  font-weight: 500 !important;
}

.lineoa-theme .report-ref-details-card > h4,
.lineoa-theme .report-ref-players-card > h4 {
  margin-bottom: 8px !important;
}

.lineoa-theme .report-ref-row {
  display: grid !important;
  grid-template-columns: 26px minmax(82px, 0.8fr) minmax(0, 1.35fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 39px !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .report-ref-row:last-of-type {
  border-bottom: 0 !important;
}

.lineoa-theme .report-ref-icon {
  color: #15191A !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .report-ref-label {
  color: #161A1B !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .report-ref-value {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .report-ref-chevron {
  justify-self: end !important;
  color: #7A8184 !important;
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 240, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .report-ref-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

.lineoa-theme .report-ref-toggle-group {
  min-width: 0 !important;
}

.lineoa-theme .report-ref-toggle-group > span,
.lineoa-theme .report-ref-set-row > span {
  display: block !important;
  margin: 0 0 5px !important;
  color: #15191A !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .report-ref-segmented {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  padding: 2px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 9px !important;
  background: #F6F7F8 !important;
}

.lineoa-theme .report-ref-set-toggle {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.lineoa-theme .report-ref-segmented button {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #1B2021 !important;
  font-family: inherit !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .report-ref-segmented button.is-active {
  background: var(--brand) !important;
  color: #0B0F10 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(27, 32, 33, 0.08) !important;
}

.lineoa-theme .report-ref-set-row {
  display: grid !important;
  grid-template-columns: minmax(88px, 0.7fr) minmax(0, 1.7fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px solid #EEF0F1 !important;
}

.lineoa-theme .report-team-row {
  display: grid !important;
  grid-template-columns: 55px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .report-team-row:last-child {
  border-bottom: 0 !important;
}

.lineoa-theme .report-team-label {
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .report-team-players {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.lineoa-theme .report-team-players .report-player-chip + .report-player-chip {
  padding-left: 9px !important;
  border-left: 1px solid #E8ECEE !important;
}

.lineoa-theme .report-player-chip {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.lineoa-theme .report-player-chip img,
.lineoa-theme .report-player-placeholder {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
}

.lineoa-theme .report-player-chip img {
  display: block !important;
  object-fit: cover !important;
  background: #EDEFF0 !important;
}

.lineoa-theme .report-player-placeholder {
  display: grid !important;
  place-items: center !important;
  border: 1px dashed #D6DBDE !important;
  background: #F7F8F9 !important;
  color: #8A9296 !important;
}

.lineoa-theme .report-player-placeholder .material-symbols-outlined {
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme .report-player-chip span:last-child {
  min-width: 0 !important;
}

.lineoa-theme .report-player-chip strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .report-player-chip small {
  display: block !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  color: #7C8588 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .report-player-chip.is-placeholder strong,
.lineoa-theme .report-player-chip.is-placeholder small {
  color: #939B9F !important;
}

.lineoa-theme .report-opponent-picker select {
  position: absolute !important;
  inset: -8px !important;
  width: calc(100% + 16px) !important;
  height: calc(100% + 16px) !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.lineoa-theme .set-score-section {
  padding: 12px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
}

.lineoa-theme .report-score-title {
  margin-bottom: 8px !important;
}

.lineoa-theme .set-score-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.lineoa-theme .set-score-header,
.lineoa-theme .set-score-row {
  display: grid !important;
  grid-template-columns: minmax(128px, 1fr) repeat(3, 38px) !important;
  align-items: center !important;
  gap: 8px !important;
}

.lineoa-theme #reportForm.is-sets-1 .set-score-header,
.lineoa-theme #reportForm.is-sets-1 .set-score-row {
  grid-template-columns: minmax(128px, 1fr) 38px !important;
}

.lineoa-theme #reportForm.is-sets-2 .set-score-header,
.lineoa-theme #reportForm.is-sets-2 .set-score-row {
  grid-template-columns: minmax(128px, 1fr) repeat(2, 38px) !important;
}

.lineoa-theme #reportForm.is-sets-1 .set-col-2,
.lineoa-theme #reportForm.is-sets-1 .set-col-3,
.lineoa-theme #reportForm.is-sets-2 .set-col-3 {
  display: none !important;
}

.lineoa-theme .set-score-header {
  margin: 0 !important;
}

.lineoa-theme .set-score-header div {
  color: #7C8588 !important;
  font-family: inherit !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
}

.lineoa-theme .set-row-label {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #15191A !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .opp-label {
  color: #15191A !important;
  opacity: 1 !important;
}

.lineoa-theme .report-score-avatars {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 48px !important;
}

.lineoa-theme .report-score-avatars img,
.lineoa-theme .report-score-avatar-placeholder {
  width: 26px !important;
  height: 26px !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #EDEFF0 !important;
}

.lineoa-theme .report-score-avatars img + .report-score-avatar-placeholder {
  margin-left: -9px !important;
}

.lineoa-theme .report-score-avatar-placeholder {
  display: inline-block !important;
  border: 1px dashed #D6DBDE !important;
  background: #F8F9FA !important;
}

.lineoa-theme .set-cell {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 1px solid #DDE2E4 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  box-shadow: none !important;
}

.lineoa-theme .set-cell:focus {
  border-color: var(--brand) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme .report-score-hint {
  margin: 8px 0 0 !important;
  color: #858D91 !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme .report-photo-card {
  padding-bottom: 12px !important;
}

.lineoa-theme .report-photo-actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.lineoa-theme .report-photo-btn {
  display: grid !important;
  width: 52px !important;
  height: 44px !important;
  place-items: center !important;
  border: 1px dashed #D6DBDE !important;
  border-radius: 9px !important;
  background: #FBFCFC !important;
  color: #171B1C !important;
}

.lineoa-theme .report-photo-btn .material-symbols-outlined {
  font-size: 25px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 26 !important;
}

.lineoa-theme .report-photo-input {
  display: none !important;
}

.lineoa-theme .report-photo-status {
  margin: 8px 0 0 !important;
  color: #7C8588 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .report-photo-status:empty {
  display: none !important;
}

.lineoa-theme .report-notify-note {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 10px 0 0 !important;
  color: #778084 !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .report-notify-note .material-symbols-outlined {
  color: #777F83 !important;
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 220, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .report-notes-card {
  padding: 10px 10px 8px !important;
}

.lineoa-theme .report-notes-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #121617 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .report-notes-field {
  position: relative !important;
}

.lineoa-theme .report-notes-field textarea {
  display: block !important;
  width: 100% !important;
  min-height: 74px !important;
  resize: vertical !important;
  border: 1px solid #DFE4E6 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  padding: 12px 44px 22px 12px !important;
  color: #15191A !important;
  font-family: inherit !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

.lineoa-theme .report-notes-field textarea::placeholder {
  color: #9AA1A5 !important;
}

.lineoa-theme .report-notes-field textarea:focus {
  border-color: var(--brand) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(189, 242, 31, 0.16) !important;
}

.lineoa-theme .report-notes-field span {
  position: absolute !important;
  right: 12px !important;
  bottom: 8px !important;
  color: #929A9E !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.lineoa-theme .report-submit-btn {
  width: 100% !important;
  height: 56px !important;
  margin: 4px 0 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--brand) !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.22) !important;
  color: #080C0D !important;
  font-family: var(--font-headline) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.lineoa-theme .report-submit-btn:disabled {
  opacity: 0.58 !important;
}

.lineoa-theme .report-match-card .notice,
.lineoa-theme .report-match-card .result-share {
  margin-top: 12px !important;
}

@media (max-width: 390px) {
  .lineoa-theme .arena-report-sheet {
    padding-inline: 12px !important;
  }

  .lineoa-theme .arena-report-head {
    margin-inline: -12px !important;
    padding-inline: 12px !important;
  }

  .lineoa-theme .report-ref-card {
    padding: 12px !important;
  }

  .lineoa-theme .report-ref-split {
    gap: 10px !important;
  }

  .lineoa-theme .report-ref-segmented button {
    font-size: 12px !important;
    padding-inline: 5px !important;
  }

  .lineoa-theme .report-team-row {
    grid-template-columns: 50px minmax(0, 1fr) 16px !important;
    gap: 7px !important;
  }

  .lineoa-theme .report-team-players {
    gap: 6px !important;
  }

  .lineoa-theme .set-score-header,
  .lineoa-theme .set-score-row {
    grid-template-columns: minmax(110px, 1fr) repeat(3, 36px) !important;
    gap: 6px !important;
  }

  .lineoa-theme .set-cell {
    width: 36px !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
}

/* Shared top header consistency v41 */
body.lineoa-theme.is-profile-tab .top-ribbon,
body.lineoa-theme.is-groups-tab .top-ribbon {
  display: flex !important;
}

body.lineoa-theme.is-profile-tab .mobile-shell,
body.lineoa-theme.is-groups-tab .mobile-shell {
  padding-top: 0 !important;
}

.lineoa-theme .top-ribbon {
  position: relative !important;
  top: auto !important;
  z-index: 80 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 6px 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(253, 253, 253, 0.96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.lineoa-theme .brand-mini {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 10px !important;
}

.lineoa-theme .top-brand-avatar {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  background: #E6E8EA !important;
}

.lineoa-theme .top-ribbon h1 {
  margin: 0 !important;
  color: #101314 !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.035em !important;
}

.lineoa-theme .top-ribbon h1 span {
  color: #79CF00 !important;
}

.lineoa-theme .top-brand-subtitle {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 3px 0 0 !important;
  color: #101314 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .top-brand-subtitle span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
}

.lineoa-theme .top-ribbon-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  margin-left: auto !important;
}

.lineoa-theme .top-profile-avatar,
.lineoa-theme #tab-profile .profile-ref-line-btn {
  display: none !important;
}

.lineoa-theme .top-notify-btn {
  position: relative !important;
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111415 !important;
  box-shadow: none !important;
}

.lineoa-theme .top-notify-btn .material-symbols-outlined {
  font-size: 23px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme .top-notify-btn::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  right: 2px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
}

.lineoa-theme #tab-profile .profile-ref-actions {
  gap: 0 !important;
}

/* Match detail reference screen v42 */
.lineoa-theme .group-match-detail-modal.hidden {
  display: none !important;
}

.lineoa-theme .group-match-detail-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 76 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #F9FAFB !important;
}

.lineoa-theme .group-match-detail-backdrop {
  display: none !important;
}

.lineoa-theme .group-match-detail-sheet {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(430px, 100%) !important;
  height: 100dvh !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #F9FAFB !important;
  box-shadow: 0 0 34px rgba(18, 22, 24, 0.10) !important;
}

.lineoa-theme .group-match-detail-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 72px !important;
  flex: 0 0 auto !important;
  padding: 14px 14px 10px !important;
  border: 0 !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 rgba(226, 230, 232, 0.9) !important;
}

.lineoa-theme .group-match-detail-head h3 {
  margin: 0 !important;
  color: #080C0D !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.lineoa-theme .group-match-detail-close {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #070B0C !important;
  box-shadow: none !important;
}

.lineoa-theme .group-match-detail-back-btn {
  justify-self: start !important;
}

.lineoa-theme .group-match-detail-menu-btn {
  justify-self: end !important;
}

.lineoa-theme .group-match-detail-close .material-symbols-outlined {
  font-size: 31px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 30 !important;
}

.lineoa-theme .group-match-detail-menu-btn .material-symbols-outlined {
  font-size: 30px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 30 !important;
}

.lineoa-theme .group-match-detail-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 9px !important;
  overflow-y: auto !important;
  padding: 10px 14px 12px !important;
  background: #F9FAFB !important;
  -webkit-overflow-scrolling: touch !important;
}

.lineoa-theme .match-detail-main-card,
.lineoa-theme .match-detail-summary-card {
  border: 1px solid #E7EBED !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

.lineoa-theme .match-detail-main-card {
  padding: 15px 14px 14px !important;
}

.lineoa-theme .match-detail-summary-card {
  padding: 15px 13px 14px !important;
}

.lineoa-theme .match-detail-meta {
  margin: 0 0 10px !important;
  color: #687074 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .match-detail-info-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 9px !important;
  min-width: 0 !important;
  color: #15191A !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .match-detail-info-row.is-date {
  color: #177214 !important;
}

.lineoa-theme .match-detail-info-row .material-symbols-outlined {
  flex: 0 0 20px !important;
  color: #258219 !important;
  font-size: 21px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme .match-detail-info-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: currentColor !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-scoreboard {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

.lineoa-theme .match-detail-set-score {
  min-width: 0 !important;
  text-align: center !important;
}

.lineoa-theme .match-detail-set-score small {
  display: block !important;
  margin-bottom: 4px !important;
  color: #177214 !important;
  font-size: var(--text-xs) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme .match-detail-set-score strong {
  display: block !important;
  color: #050708 !important;
  font-family: var(--font-headline) !important;
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-versus {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

.lineoa-theme .match-detail-team {
  min-width: 0 !important;
  text-align: center !important;
}

.lineoa-theme .match-detail-team-avatars {
  display: inline-flex !important;
  gap: 6px !important;
  max-width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 8px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: transparent !important;
}

.lineoa-theme .match-detail-team.is-winner .match-detail-team-avatars {
  border-color: var(--brand) !important;
  background: #F4FAE9 !important;
}

.lineoa-theme .match-detail-team-avatar {
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  background: #EEF1F2 !important;
}

.lineoa-theme .match-detail-team-names,
.lineoa-theme .match-detail-team-elos {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(42px, 1fr)) !important;
  gap: 4px !important;
  align-items: start !important;
}

.lineoa-theme .match-detail-team-names strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #8A9094 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-team-elos small {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #6F777B !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-vs {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  margin: 40px auto 0 !important;
  border-radius: 999px !important;
  background: #F1F2F3 !important;
  color: #5E666A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .match-detail-summary-card h3 {
  margin: 0 0 12px !important;
  color: #101415 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .match-detail-winner-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 0 12px !important;
  color: #177214 !important;
  font-size: var(--text-body) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .match-detail-winner-line .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: #26851B !important;
  font-size: 22px !important;
  font-variation-settings: "FILL" 1, "wght" 350, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .match-detail-winner-line strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-elo-pill {
  flex: 0 0 auto !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #111516 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme .match-detail-impact-list {
  overflow: hidden !important;
  border: 1px solid #E9ECEE !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
}

.lineoa-theme .match-detail-impact-row {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) minmax(86px, auto) 42px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  padding: 8px 11px !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .match-detail-impact-row:last-child {
  border-bottom: 0 !important;
}

.lineoa-theme .match-detail-impact-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  object-fit: cover !important;
  background: #EEF1F2 !important;
}

.lineoa-theme .match-detail-impact-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #141819 !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-impact-row span {
  color: #687074 !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-detail-impact-row em {
  color: #177214 !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: right !important;
}

.lineoa-theme .match-detail-impact-row.is-negative em {
  color: #EF2020 !important;
}

.lineoa-theme .match-detail-photos {
  margin-top: 18px !important;
}

.lineoa-theme .match-detail-photos h4,
.lineoa-theme .match-detail-notes h4 {
  margin: 0 0 10px !important;
  color: #101415 !important;
  font-family: var(--font-headline) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .match-detail-photo-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.lineoa-theme .match-detail-photo-tile {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1.28 / 1 !important;
  border-radius: 9px !important;
  object-fit: cover !important;
  overflow: hidden !important;
  background: #EDF1E9 !important;
}

.lineoa-theme .match-detail-photo-placeholder {
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.lineoa-theme .match-detail-photo-placeholder::before,
.lineoa-theme .match-detail-photo-placeholder::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
}

.lineoa-theme .match-detail-photo-placeholder::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0) 45%),
    linear-gradient(150deg, #244A2A 0%, #597B39 52%, #E5E6D7 100%) !important;
}

.lineoa-theme .match-detail-photo-placeholder::after {
  border: 2px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 50% !important;
  width: 52% !important;
  height: 70% !important;
  left: -18% !important;
  top: 18% !important;
}

.lineoa-theme .match-detail-photo-placeholder--2::before {
  background:
    linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0) 48%),
    linear-gradient(145deg, #0E2B48 0%, #37656A 48%, var(--brand) 100%) !important;
}

.lineoa-theme .match-detail-photo-placeholder--3::before {
  background:
    linear-gradient(130deg, rgba(255,255,255,0.24), rgba(255,255,255,0) 45%),
    linear-gradient(145deg, #102016 0%, #3C6B2D 52%, #1A1E1F 100%) !important;
}

.lineoa-theme .match-detail-photo-placeholder--4::before {
  background:
    radial-gradient(circle at 80% 18%, rgba(255,255,255,0.72), rgba(255,255,255,0) 22%),
    linear-gradient(145deg, #1A2527 0%, #6D7A61 58%, #E7E8E1 100%) !important;
}

.lineoa-theme .match-detail-notes {
  margin-top: 16px !important;
}

.lineoa-theme .match-detail-notes p {
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #E9ECEE !important;
  border-radius: 11px !important;
  color: #596165 !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

.lineoa-theme .group-match-detail-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid #E7EBED !important;
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.lineoa-theme .group-match-detail-share-btn,
.lineoa-theme .group-match-detail-edit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .group-match-detail-share-btn {
  gap: 8px !important;
  border: 1px solid #DADFE1 !important;
  background: #FFFFFF !important;
  color: #0D1112 !important;
}

.lineoa-theme .group-match-detail-share-btn .material-symbols-outlined {
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .group-match-detail-edit-btn {
  border: 1px solid var(--brand) !important;
  background: var(--brand) !important;
  color: #080C0D !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.18) !important;
}

@media (max-width: 390px) {
  .lineoa-theme .group-match-detail-content {
    padding-inline: 12px !important;
  }

  .lineoa-theme .match-detail-main-card,
  .lineoa-theme .match-detail-summary-card {
    border-radius: 13px !important;
  }

  .lineoa-theme .match-detail-scoreboard {
    gap: 7px !important;
    padding-inline: 0 !important;
  }

  .lineoa-theme .match-detail-set-score strong {
    font-size: 25px !important;
  }

  .lineoa-theme .match-detail-versus {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .lineoa-theme .match-detail-team-avatars {
    gap: 4px !important;
    padding: 6px !important;
  }

  .lineoa-theme .match-detail-team-avatar {
    width: 43px !important;
    height: 43px !important;
  }

  .lineoa-theme .match-detail-vs {
    width: 32px !important;
    height: 32px !important;
    margin-top: 34px !important;
    font-size: 12px !important;
  }

  .lineoa-theme .match-detail-impact-row {
    grid-template-columns: 32px minmax(0, 1fr) minmax(70px, auto) 34px !important;
    gap: 7px !important;
    padding-inline: 9px !important;
  }

  .lineoa-theme .match-detail-impact-row span {
    font-size: 11px !important;
  }

  .lineoa-theme .match-detail-photo-row {
    gap: 6px !important;
  }

  .lineoa-theme .group-match-detail-actions {
    gap: 8px !important;
    padding-inline: 12px !important;
  }

  .lineoa-theme .group-match-detail-share-btn,
  .lineoa-theme .group-match-detail-edit-btn {
    min-height: 50px !important;
    font-size: var(--text-body-sm) !important;
  }
}

/* ── Group detail report FAB: icon + label ── */
.lineoa-theme #groupDetailActivityFab {
  width: auto !important;
  height: 48px !important;
  border-radius: 999px !important;
  padding: 0 20px 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.lineoa-theme #groupDetailActivityFab .fab-label {
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #f6ffe8 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* ══════════════════════════════════════════════════
   MERGED PARTICIPANT + RESULTS TABLE LAYOUT
   ══════════════════════════════════════════════════ */

/* Section wrapper */
.lineoa-theme .group-report-matchup-block {
  padding: 0 !important;
}

/* Header row: title + set selector */
.lineoa-theme .group-report-matchup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

.lineoa-theme .group-report-matchup-title {
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2C2F30 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .group-report-participant-count {
  font-weight: 500 !important;
  color: #8A8D90 !important;
  font-size: 14px !important;
}

/* Sub-label "ผลการแข่งขัน (ต่อเซต)" */
.lineoa-theme .group-report-result-sublabel {
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8A8D90 !important;
  margin: 0 0 8px !important;
  letter-spacing: 0.01em !important;
}

/* Column headers row */
.lineoa-theme .group-report-col-headers {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  margin-bottom: 6px !important;
  padding: 0 2px !important;
}

.lineoa-theme .group-report-col-team {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .group-report-col-team.is-a {
  color: #3E6600 !important;
  text-align: left !important;
}

.lineoa-theme .group-report-col-team.is-b {
  color: #2C2F30 !important;
  text-align: right !important;
}

.lineoa-theme .group-report-col-set-heads {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: center !important;
}

.lineoa-theme .group-report-set-head {
  width: 40px !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8A8D90 !important;
}

/* Visibility: only show active set columns */
.lineoa-theme .group-activity-report-sheet.is-sets-1 .group-report-set-head.set-col-2,
.lineoa-theme .group-activity-report-sheet.is-sets-1 .group-report-set-head.set-col-3,
.lineoa-theme .group-activity-report-sheet.is-sets-2 .group-report-set-head.set-col-3 {
  display: none !important;
}

/* Matchup card */
.lineoa-theme .group-report-matchup-card {
  border: 1px solid rgba(171, 173, 174, 0.22) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

/* Each player-pair row */
.lineoa-theme .group-report-matchup-row {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 12px 14px !important;
}

.lineoa-theme .group-report-matchup-row + .group-report-matchup-row {
  border-top: 1px solid rgba(171, 173, 174, 0.18) !important;
}

/* Player button inside matchup row */
.lineoa-theme .group-report-matchup-player {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-align: left !important;
  border-radius: 10px !important;
  transition: background 0.12s !important;
}

.lineoa-theme .group-report-matchup-player:active {
  background: rgba(0,0,0,0.04) !important;
}

.lineoa-theme .group-report-matchup-player .group-report-player-avatar-wrap {
  width: 44px !important;
  height: 44px !important;
  flex-shrink: 0 !important;
}

.lineoa-theme .group-report-matchup-player .group-report-player-avatar-wrap.is-mini {
  width: 36px !important;
  height: 36px !important;
}

.lineoa-theme .group-report-matchup-player .group-activity-report-avatar {
  border-radius: 12px !important;
  border: 2px solid rgba(189, 242, 31, 0.4) !important;
}

.lineoa-theme .group-report-matchup-player .group-activity-report-player-view {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.lineoa-theme .group-report-matchup-player .group-activity-report-player-view strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2C2F30 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 90px !important;
}

.lineoa-theme .group-report-matchup-player .group-activity-report-player-view small {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8A8D90 !important;
  white-space: nowrap !important;
}

/* Right-aligned player (Team B side) */
.lineoa-theme .group-report-matchup-player.is-right {
  flex-direction: row-reverse !important;
  text-align: right !important;
  justify-self: end !important;
}

.lineoa-theme .group-report-matchup-player.is-right .group-activity-report-player-view {
  align-items: flex-end !important;
}

/* Score columns */
.lineoa-theme .group-report-row-scores {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  justify-content: center !important;
}

.lineoa-theme .group-report-score-dash {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #C4C6C8 !important;
  line-height: 1 !important;
}

.lineoa-theme .group-report-score-cells {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}

/* Individual set score cell */
.lineoa-theme .group-report-score-cell {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  align-items: center !important;
  width: 40px !important;
}

/* Score input inside cell */
.lineoa-theme .group-report-score-cell .group-activity-report-score-input {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(171, 173, 174, 0.35) !important;
  background: #F7F8FA !important;
  color: #2C2F30 !important;
  font-family: "Plus Jakarta Sans", Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
}

.lineoa-theme .group-report-score-cell.is-primary .group-activity-report-score-input:first-child {
  border-color: rgba(189, 242, 31, 0.5) !important;
  background: rgba(189, 242, 31, 0.06) !important;
}

/* B-score input: smaller secondary style */
.lineoa-theme .group-report-score-cell .is-b-score {
  width: 40px !important;
  height: 32px !important;
  font-size: 14px !important;
  background: #F0F1F2 !important;
  border-color: rgba(171, 173, 174, 0.28) !important;
  font-weight: 600 !important;
}

/* Hide set columns based on set count */
.lineoa-theme .group-activity-report-sheet.is-sets-1 .group-report-score-cell.set-col-2,
.lineoa-theme .group-activity-report-sheet.is-sets-1 .group-report-score-cell.set-col-3,
.lineoa-theme .group-activity-report-sheet.is-sets-2 .group-report-score-cell.set-col-3 {
  display: none !important;
}

/* Singles: show B scores | Doubles: hide B scores in row 1 */
.lineoa-theme .group-activity-report-sheet.is-mode-single .is-b-score {
  display: block !important;
}

.lineoa-theme .group-activity-report-sheet.is-mode-double .is-b-score {
  display: none !important;
}

/* Doubles partners row */
.lineoa-theme .group-report-partners-row {
  display: none !important;
}

.lineoa-theme .group-activity-report-sheet.is-mode-double .group-report-partners-row {
  display: grid !important;
}

/* Echo score cells in partners row (visual spacer, no inputs) */
.lineoa-theme .group-report-row-scores.is-partners-echo {
  pointer-events: none !important;
}

.lineoa-theme .group-report-row-scores.is-partners-echo .group-report-score-cell {
  border: 1px dashed rgba(171, 173, 174, 0.25) !important;
  border-radius: 10px !important;
  height: 40px !important;
  background: transparent !important;
}

/* Avatar plus badge */
.lineoa-theme .group-report-matchup-player .group-report-avatar-plus {
  width: 18px !important;
  height: 18px !important;
  font-size: 14px !important;
  background: var(--brand) !important;
  color: #172600 !important;
  right: -2px !important;
  bottom: -2px !important;
}

/* Generic arena-style report layout for group entry step */
.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-block.report-ref-card {
  padding: 12px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-header {
  margin-bottom: 8px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-title.group-report-card-title {
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: var(--text-body) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-participant-count {
  color: #5F676A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-title {
  margin: 0 0 8px !important;
  text-align: center !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-title h4,
.lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-title h4 span {
  color: #6B7377 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-col-headers {
  margin-bottom: 8px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-col-team {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-set-head {
  font-size: 11px !important;
  color: #6F777A !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-row {
  gap: 8px !important;
  padding: 0 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-row + .group-report-matchup-row {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player {
  min-height: 84px !important;
  padding: 8px 10px !important;
  border: 1px solid #DFE4E6 !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player[data-group-report-slot^="teamA"] {
  border-color: #CFD9B8 !important;
  background: #FBFFF4 !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-partners-row .group-report-matchup-player {
  min-height: 72px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player .group-activity-report-player-view strong {
  max-width: none !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-report-row-scores.is-partners-echo .group-report-score-cell {
  height: 38px !important;
}

.lineoa-theme .group-report-step-body.report-layout-generic .group-activity-report-block.report-ref-card .group-report-detect-banner {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #5B676D !important;
  padding: 2px 0 0 !important;
  font-size: 12px !important;
}

@media (max-width: 420px) {
  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player {
    min-height: 76px !important;
    padding: 7px !important;
    gap: 6px !important;
  }

  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player .group-report-player-avatar-wrap {
    width: 38px !important;
    height: 38px !important;
  }

  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-matchup-player .group-report-player-avatar-wrap.is-mini {
    width: 32px !important;
    height: 32px !important;
  }

  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-cell,
  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-cell .group-activity-report-score-input,
  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-cell .is-b-score {
    width: 34px !important;
  }

  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-cell .group-activity-report-score-input {
    height: 36px !important;
    font-size: 16px !important;
  }

  .lineoa-theme .group-report-step-body.report-layout-generic .group-report-score-cell .is-b-score {
    height: 28px !important;
    font-size: 13px !important;
  }
}

/* ══ Match Feed Refresh (Profile + Group) ═══════════════════════════════ */
.lineoa-theme #tab-profile .profile-match-filter-chips {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 2px 0 0 !important;
  padding: 6px !important;
  border: 1px solid rgba(17, 21, 22, 0.1) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
}

.lineoa-theme #tab-profile .profile-match-filter-chips button {
  min-height: 48px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #79808A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme #tab-profile .profile-match-filter-chips button.is-active {
  background: #EDF4E5 !important;
  color: #16922E !important;
}

.lineoa-theme #tab-profile .profile-match-feed-section,
.lineoa-theme #tab-profile .profile-match-feed-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.lineoa-theme .match-feed-card {
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  padding: 14px 14px 12px !important;
  box-shadow: 0 10px 24px -22px rgba(44, 47, 48, 0.35) !important;
}

.lineoa-theme .match-feed-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

.lineoa-theme .match-feed-meta {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #7A8290 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

.lineoa-theme .match-feed-meta-icon {
  font-size: 21px !important;
  line-height: 1 !important;
}

.lineoa-theme .match-feed-meta-icon.is-ranked {
  color: #1EA629 !important;
}

.lineoa-theme .match-feed-meta-icon.is-friendly {
  color: #2E86FF !important;
}

.lineoa-theme .match-feed-age {
  flex-shrink: 0 !important;
  color: #8D949E !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: right !important;
}

.lineoa-theme .match-feed-location {
  margin: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 6px !important;
  color: #171B1D !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.lineoa-theme .match-feed-location .material-symbols-outlined {
  color: #16922E !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .match-feed-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
}

.lineoa-theme .match-feed-team {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 7px !important;
}

.lineoa-theme .match-feed-team.is-right {
  align-items: center !important;
  text-align: center !important;
}

.lineoa-theme .match-feed-team.is-muted {
  opacity: 0.43 !important;
}

.lineoa-theme .match-feed-team-avatars {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.lineoa-theme .match-feed-team-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  border: 3px solid rgba(189, 242, 31, 0.5) !important;
  object-fit: cover !important;
  background: #EFF1F2 !important;
}

.lineoa-theme .match-feed-team.is-muted .match-feed-team-avatar {
  border-color: rgba(166, 171, 176, 0.42) !important;
}

.lineoa-theme .match-feed-team-name {
  margin: 0 !important;
  color: #171B1D !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  max-width: 86px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .match-feed-score {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.lineoa-theme .match-feed-score-set {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  font-family: var(--font-headline) !important;
}

.lineoa-theme .match-feed-score-set b {
  color: #111516 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 0.95 !important;
}

.lineoa-theme .match-feed-score-set em {
  color: #179D1C !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .group-detail-activity-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.lineoa-theme .group-activity-result-card .group-activity-result-photo {
  width: 100% !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
}

/* Date bar with arrows (Group feed) */
.lineoa-theme .group-detail-date-tabs.group-detail-date-nav {
  margin: 0 16px 12px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
}

.lineoa-theme .group-detail-date-nav-btn {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(17, 21, 22, 0.12) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #69707A !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

.lineoa-theme .group-detail-date-nav-btn .material-symbols-outlined {
  font-size: 28px !important;
  line-height: 1 !important;
}

.lineoa-theme .group-detail-date-nav-btn:disabled {
  opacity: 0.45 !important;
}

.lineoa-theme .group-detail-date-current {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 12px !important;
  color: #16922E !important;
}

.lineoa-theme .group-detail-date-current .material-symbols-outlined {
  font-size: 25px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .group-detail-date-current strong {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 390px) {
  .lineoa-theme .match-feed-card {
    padding: 12px !important;
  }

  .lineoa-theme .match-feed-team-avatar {
    width: 44px !important;
    height: 44px !important;
  }

  .lineoa-theme .match-feed-score {
    gap: 10px !important;
  }

  .lineoa-theme .match-feed-score-set b {
    font-size: 22px !important;
  }

  .lineoa-theme .match-feed-score-set em {
    font-size: 16px !important;
  }

  .lineoa-theme #tab-profile .profile-match-filter-chips button {
    min-height: 42px !important;
    font-size: 12px !important;
  }
}

/* ══ Arena Report: Merged Players + Score Block ════════════════════════════ */
.lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card {
  padding: 14px 14px 12px !important;
}

.lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card > h4 {
  margin: 0 0 12px !important;
  color: #15191A !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

.lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card > h4 span {
  color: #616A6D !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.lineoa-theme .arena-report-sheet .report-merged-layout {
  display: grid !important;
  grid-template-columns: minmax(126px, 1fr) minmax(160px, 1.15fr) minmax(126px, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

.lineoa-theme .arena-report-sheet .report-team-column {
  min-width: 0 !important;
}

.lineoa-theme .arena-report-sheet .report-team-block-title {
  display: block !important;
  margin: 0 0 8px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .arena-report-sheet .report-team-column.is-a .report-team-block-title {
  color: #2F7A1D !important;
}

.lineoa-theme .arena-report-sheet .report-team-column.is-b .report-team-block-title {
  color: #464D52 !important;
}

.lineoa-theme .arena-report-sheet .report-team-block {
  border: 1px solid #DFE4E6 !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

.lineoa-theme .arena-report-sheet .report-team-block.is-a {
  border-color: #CFD9B8 !important;
  background: #FBFFF4 !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 10px !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large + .report-player-chip.is-large {
  border-top: 1px solid #E9EDF0 !important;
}

.lineoa-theme .arena-report-sheet .report-team-block.is-a .report-player-chip.is-large + .report-player-chip.is-large {
  border-top-color: #DEE8CC !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large img,
.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large .report-player-placeholder {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large strong {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  color: #15191A !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large small {
  margin-top: 3px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #6A7276 !important;
}

.lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large.is-placeholder .report-player-placeholder {
  border: 1px dashed #D5DBDE !important;
  background: #F7F8F9 !important;
  color: #8A9296 !important;
}

.lineoa-theme .arena-report-sheet .report-score-column {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 7px !important;
}

.lineoa-theme .arena-report-sheet .report-score-column .report-score-title {
  margin: 2px 0 5px !important;
  text-align: center !important;
}

.lineoa-theme .arena-report-sheet .report-score-column .report-score-title h4 {
  color: #6B7377 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .arena-report-sheet .report-score-column .report-score-title h4 span {
  color: #6B7377 !important;
  font-weight: 500 !important;
}

.lineoa-theme .arena-report-sheet .report-score-headings {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 22px !important;
}

.lineoa-theme .arena-report-sheet .report-score-headings span {
  text-align: center !important;
  color: #525A5F !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .arena-report-sheet .report-score-input-row {
  display: grid !important;
  grid-template-columns: 12px repeat(3, 1fr) 12px !important;
  align-items: center !important;
  gap: 8px !important;
}

.lineoa-theme .arena-report-sheet .report-score-side-dash {
  color: #A5ADB2 !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.lineoa-theme .arena-report-sheet .report-score-input-row .set-cell {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 10px !important;
  line-height: 50px !important;
  font-size: 34px !important;
  font-weight: 500 !important;
}

.lineoa-theme .arena-report-sheet .report-score-input-row.is-primary .set-cell {
  border-color: #CFD9B8 !important;
}

.lineoa-theme .arena-report-sheet .report-score-input-row.is-secondary .set-cell {
  border-color: #E2E6E8 !important;
}

.lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card .report-score-hint {
  margin: 10px 0 0 !important;
  text-align: center !important;
}

.lineoa-theme .report-hidden-avatar,
.lineoa-theme .report-hidden-text {
  display: none !important;
}

@media (max-width: 390px) {
  .lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card {
    padding: 12px !important;
  }

  .lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card > h4 {
    font-size: 18px !important;
  }

  .lineoa-theme .arena-report-sheet .report-ref-players-card.report-ref-merged-card > h4 span {
    font-size: 14px !important;
  }

  .lineoa-theme .arena-report-sheet .report-merged-layout {
    grid-template-columns: minmax(108px, 1fr) minmax(140px, 1.05fr) minmax(108px, 1fr) !important;
    gap: 8px !important;
  }

  .lineoa-theme .arena-report-sheet .report-team-block-title {
    font-size: 15px !important;
  }

  .lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 9px 7px !important;
  }

  .lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large img,
  .lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large .report-player-placeholder {
    width: 34px !important;
    height: 34px !important;
  }

  .lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large strong {
    font-size: 14px !important;
  }

  .lineoa-theme .arena-report-sheet .report-team-block .report-player-chip.is-large small {
    font-size: 10px !important;
  }

  .lineoa-theme .arena-report-sheet .report-score-column .report-score-title h4 {
    font-size: 14px !important;
  }

  .lineoa-theme .arena-report-sheet .report-score-headings {
    padding: 0 16px !important;
    gap: 6px !important;
  }

  .lineoa-theme .arena-report-sheet .report-score-headings span {
    font-size: 12px !important;
  }

  .lineoa-theme .arena-report-sheet .report-score-input-row .set-cell {
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    font-size: 28px !important;
  }
}

/* Full-width mobile layout override (remove side gutters) */
@media (max-width: 768px) {
  body.lineoa-theme {
    padding-inline: 0 !important;
  }

  .lineoa-theme .mobile-shell,
  .lineoa-theme .bottom-nav,
  .lineoa-theme .arena-report-sheet,
  .lineoa-theme .notifications-sheet,
  .lineoa-theme .group-create-screen,
  .lineoa-theme .group-detail-screen,
  .lineoa-theme .groups-sheet,
  .lineoa-theme .group-activity-report-sheet,
  .lineoa-theme .group-report-picker-sheet,
  .lineoa-theme .smatch-sheet .sheet-card {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  .lineoa-theme .mobile-shell {
    padding-inline: 0 !important;
  }

  .lineoa-theme .top-ribbon {
    width: 100% !important;
    margin: 0 !important;
    padding-inline: 14px !important;
  }

  .lineoa-theme .arena-report-sheet {
    margin: 0 !important;
    box-shadow: none !important;
    padding-inline: 14px !important;
  }

  .lineoa-theme .bottom-nav {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    border-radius: 24px 24px 0 0 !important;
  }

  /* Universal mobile gutter: every tab page gets a 14px side margin */
  .lineoa-theme #tab-home,
  .lineoa-theme #tab-community,
  .lineoa-theme #tab-groups,
  .lineoa-theme #tab-arena,
  .lineoa-theme #tab-profile {
    padding-inline: 14px !important;
  }
}

/* Group detail polish: extra-compact date nav + tighter single result cards + clean ribbon stacking */
.lineoa-theme .group-detail-screen {
  z-index: 72 !important;
}

.lineoa-theme .group-detail-date-tabs.group-detail-date-nav {
  margin: 0 8px 6px !important;
  grid-template-columns: 24px minmax(0, 1fr) 24px !important;
  gap: 5px !important;
}

.lineoa-theme .group-detail-date-nav-btn {
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 7px !important;
  border-color: rgba(17, 21, 22, 0.1) !important;
  color: #939AA2 !important;
}

.lineoa-theme .group-detail-date-nav-btn .material-symbols-outlined {
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.lineoa-theme .group-detail-date-current {
  min-height: 24px !important;
  gap: 3px !important;
}

.lineoa-theme .group-detail-date-current .material-symbols-outlined {
  font-size: 12px !important;
}

.lineoa-theme .group-detail-date-current strong {
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .match-feed-location {
  margin: 0 0 8px !important;
  grid-template-columns: 14px minmax(0, 1fr) !important;
  gap: 4px !important;
  color: #8E959C !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.lineoa-theme .match-feed-location .material-symbols-outlined {
  color: #8E959C !important;
  font-size: 14px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single {
  padding: 10px 10px 9px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-head {
  margin-bottom: 7px !important;
  gap: 8px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-meta,
.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-age {
  font-size: 11px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-meta-icon {
  font-size: 18px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-body {
  gap: 10px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-team {
  gap: 6px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-team-avatar {
  width: 40px !important;
  height: 40px !important;
  border-width: 2px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-team-name {
  font-size: 10px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-score {
  gap: 10px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-score-set b {
  font-size: 20px !important;
}

.lineoa-theme .group-activity-result-card.match-feed-card.is-single .match-feed-score-set em {
  font-size: 15px !important;
}

body.lineoa-theme.is-groups-tab .top-ribbon {
  display: none !important;
}

body.lineoa-theme.is-groups-tab #tab-groups.is-detail-open #groupDetailScreen {
  z-index: 74 !important;
}

body.lineoa-theme.is-groups-tab #tab-groups.is-detail-open #groupDetailScreen .group-detail-shell {
  padding-top: 8px !important;
}

body.lineoa-theme.is-groups-tab #tab-groups.is-detail-open #groupDetailScreen .group-detail-ribbon {
  margin-top: 0 !important;
}

.lineoa-theme .group-detail-ribbon-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.lineoa-theme .group-detail-title-row {
  margin-top: 0 !important;
  min-width: 0 !important;
}

.lineoa-theme #groupDetailName {
  margin: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  color: #111516 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── Filter chips: single scrollable row ── */
.lineoa-theme #tab-community .home-static-filter-chips {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 4px !important;
}

.lineoa-theme #tab-community .home-static-filter-chips::-webkit-scrollbar {
  display: none !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* ── Open-match detail sheet ── */

/* Footer: flex-column so actions-row + status-note stack */
.lineoa-theme .group-match-detail-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.lineoa-theme .group-match-detail-actions-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.lineoa-theme .group-match-detail-status-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 0 !important;
  color: #687074 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.lineoa-theme .group-match-detail-status-note .material-symbols-outlined {
  flex: 0 0 auto !important;
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

/* In open-match (challenge) mode: swap button colors */
.lineoa-theme .group-match-detail-modal.is-open-match-detail .group-match-detail-share-btn {
  border-color: var(--brand) !important;
  background: var(--brand) !important;
  color: #080C0D !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme .group-match-detail-modal.is-open-match-detail .group-match-detail-share-btn .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .group-match-detail-modal.is-open-match-detail .group-match-detail-edit-btn {
  border-color: #DADFE1 !important;
  background: #FFFFFF !important;
  color: #0D1112 !important;
  box-shadow: none !important;
}

/* Main info card */
.lineoa-theme .open-match-detail-main-card {
  overflow: hidden !important;
  border: 1px solid #E7EBED !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

.lineoa-theme .open-match-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 120px !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 14px 14px 0 14px !important;
}

.lineoa-theme .open-match-detail-meta-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

/* Tag pills */
.lineoa-theme .open-match-detail-pill-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 11px !important;
}

.lineoa-theme .open-match-detail-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #EEF1F2 !important;
  color: #4A5357 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .open-match-detail-pill .material-symbols-outlined {
  font-size: 14px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16 !important;
}

.lineoa-theme .open-match-detail-pill.is-ranked {
  background: #EAF3D8 !important;
  color: #2A6B1A !important;
}

.lineoa-theme .open-match-detail-pill.is-friendly {
  background: #FFF4E0 !important;
  color: #7A5200 !important;
}

/* Info rows: date / location / organizer */
.lineoa-theme .open-match-detail-info-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 9px !important;
  min-width: 0 !important;
  color: #1C2123 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .open-match-detail-info-row:last-child {
  margin-bottom: 0 !important;
}

.lineoa-theme .open-match-detail-info-row .material-symbols-outlined {
  flex: 0 0 20px !important;
  color: #3D9437 !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme .open-match-detail-info-row strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .open-match-detail-info-row small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #687074 !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .open-match-detail-info-row.is-date {
  color: #1D7918 !important;
}

.lineoa-theme .open-match-detail-info-row.is-date strong {
  color: #1D7918 !important;
}

/* Organizer row: name text + small avatar at end */
.lineoa-theme .open-match-detail-info-row.is-organizer {
  color: #596165 !important;
  font-size: var(--text-sm) !important;
}

.lineoa-theme .open-match-detail-info-row.is-organizer .material-symbols-outlined {
  color: #687074 !important;
  font-size: 18px !important;
}

.lineoa-theme .open-match-detail-info-row.is-organizer img {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  background: #EEF1F2 !important;
}

/* Court cover photo */
.lineoa-theme .open-match-detail-cover {
  display: block !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: #D6E4C6 !important;
  flex-shrink: 0 !important;
}

/* Players section (gray card inset inside main card) */
.lineoa-theme .open-match-detail-players-card {
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border-top: 1px solid #EEF0F1 !important;
  background: #F4F6F7 !important;
}

.lineoa-theme .open-match-detail-players-card h4 {
  margin: 0 0 10px !important;
  color: #3A4145 !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}

.lineoa-theme .open-match-detail-player-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.lineoa-theme .open-match-detail-player-slot {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.lineoa-theme .open-match-detail-player-slot img {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  background: #D6DDE0 !important;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(22, 27, 30, 0.10) !important;
}

.lineoa-theme .open-match-detail-player-slot.is-empty {
  opacity: 0.55 !important;
}

.lineoa-theme .open-match-detail-player-empty-circle {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 2px dashed #B8C2C6 !important;
  background: #E8ECEE !important;
}

.lineoa-theme .open-match-detail-player-empty-circle .material-symbols-outlined {
  color: #8F9CA0 !important;
  font-size: 26px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme .open-match-detail-player-slot small {
  color: #8F9CA0 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .open-match-detail-player-note {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #687074 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.lineoa-theme .open-match-detail-player-note .material-symbols-outlined {
  flex: 0 0 auto !important;
  font-size: 17px !important;
  color: #8F9CA0 !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

/* Description card */
.lineoa-theme .open-match-detail-card {
  overflow: hidden !important;
  border: 1px solid #E7EBED !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
  padding: 14px !important;
}

.lineoa-theme .open-match-detail-copy-card h4 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
  color: #1C2123 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .open-match-detail-copy-card h4 .material-symbols-outlined {
  font-size: 19px !important;
  color: #3D9437 !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .open-match-detail-copy-card p {
  margin: 0 !important;
  color: #596165 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

@media (max-width: 390px) {
  .lineoa-theme .open-match-detail-grid {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    gap: 10px !important;
    padding: 12px 12px 0 !important;
  }

  .lineoa-theme .open-match-detail-cover {
    width: 104px !important;
    height: 104px !important;
  }

  .lineoa-theme .open-match-detail-players-card {
    padding-inline: 12px !important;
  }

  .lineoa-theme .open-match-detail-card {
    padding: 12px !important;
  }
}

/* ==========================================================================
   Latest nav + My Match overrides
   ========================================================================== */
.lineoa-theme .bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 2px !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(430px, calc(100% - 12px)) !important;
  max-width: calc(100% - 12px) !important;
  transform: translateX(-50%) !important;
  padding: 6px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 22px 22px 0 0 !important;
  background: rgba(255, 255, 255, 0.98) !important;
}

@media (max-width: 559px) {
  .lineoa-theme .bottom-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    padding-left: max(8px, env(safe-area-inset-left)) !important;
    padding-right: max(8px, env(safe-area-inset-right)) !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
}

.lineoa-theme .tab-btn {
  min-height: 46px !important;
  border-radius: 12px !important;
  gap: 2px !important;
  color: #8d949b !important;
}

.lineoa-theme .tab-btn.is-active {
  color: #0bb800 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .tab-btn[data-tab-target="community"].is-active {
  color: #0bb800 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .tab-btn .tab-icon {
  font-size: 22px !important;
}

.lineoa-theme .tab-btn .tab-label {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.lineoa-theme #smatchFabBtn {
  display: none !important;
}

.lineoa-theme :is(.ball-core, .ball-shine, .ball-text) {
  display: none !important;
}

.lineoa-theme #tab-community .home-static-filter-chips {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  gap: 8px !important;
}

.lineoa-theme #tab-community .home-static-filter-chips::-webkit-scrollbar {
  display: none !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   Groups header behavior
   - My Group list: show global top-ribbon
   - Group detail: hide global top-ribbon, use group header (avatar + name)
   ========================================================================== */
body.lineoa-theme.is-groups-tab:not(.is-group-detail-open) .top-ribbon {
  display: flex !important;
}

body.lineoa-theme.is-group-detail-open .top-ribbon {
  display: none !important;
}

body.lineoa-theme.is-groups-tab.is-group-detail-open #groupDetailScreen {
  top: calc(env(safe-area-inset-top) + 2px) !important;
}

body.lineoa-theme.is-groups-tab.is-group-detail-open #groupDetailScreen .group-detail-ribbon {
  margin-top: 0 !important;
  padding: 10px 14px 12px !important;
  border-bottom: 1px solid #e7ebed !important;
}

body.lineoa-theme.is-groups-tab.is-group-detail-open #groupDetailScreen .group-detail-title-row {
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body.lineoa-theme.is-groups-tab.is-group-detail-open #groupDetailScreen .group-detail-title-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  flex: 0 0 34px !important;
}

body.lineoa-theme.is-groups-tab.is-group-detail-open #groupDetailScreen #groupDetailName {
  margin: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Match detail header scale tuning */
.lineoa-theme .group-match-detail-head {
  min-height: 64px !important;
  padding: 10px 14px 8px !important;
}

.lineoa-theme .group-match-detail-head h3 {
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1.05 !important;
}

.lineoa-theme .group-match-detail-head h3.is-result-match-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}

.lineoa-theme .group-match-detail-close .material-symbols-outlined {
  font-size: 28px !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 28 !important;
}

.lineoa-theme .group-match-detail-menu-btn .material-symbols-outlined {
  font-size: 27px !important;
  font-variation-settings: "FILL" 1, "wght" 380, "GRAD" 0, "opsz" 28 !important;
}

/* ==========================================================================
   Matches tab alignment (follow Home page rhythm)
   ========================================================================== */
.lineoa-theme #tab-home[data-tab="matches"] {
  gap: 12px !important;
}

.lineoa-theme .my-matches-screen {
  gap: 12px !important;
}

.lineoa-theme .my-matches-head {
  gap: 8px !important;
  padding-top: 2px !important;
}

.lineoa-theme .my-matches-head h2 {
  margin: 0 !important;
  font-size: 1.58rem !important;
  font-weight: 820 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
}

.lineoa-theme .my-matches-create-btn {
  height: 32px !important;
  gap: 5px !important;
  padding: 0 2px !important;
  font-size: 0.74rem !important;
}

.lineoa-theme .my-matches-create-btn .material-symbols-outlined {
  font-size: 1.12rem !important;
}

.lineoa-theme .my-matches-primary-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.12) !important;
}

.lineoa-theme .my-matches-primary-tabs::-webkit-scrollbar {
  display: none !important;
}

.lineoa-theme .my-matches-primary-tabs button {
  position: relative !important;
  flex: 0 0 auto !important;
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7b8390 !important;
  gap: 0 !important;
  padding: 0 2px 8px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .my-matches-primary-tabs button.is-active {
  color: #15191a !important;
  font-weight: 800 !important;
}

.lineoa-theme .my-matches-primary-tabs button.is-active::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #b5f000 !important;
}

.lineoa-theme .my-matches-filter-row {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.1) !important;
}

.lineoa-theme .my-matches-filter-row::-webkit-scrollbar {
  display: none !important;
}

.lineoa-theme .my-matches-filter-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.lineoa-theme .my-matches-filter-bar button,
.lineoa-theme .my-matches-owner-btn {
  position: relative !important;
  min-height: 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7b8390 !important;
  gap: 4px !important;
  padding: 0 1px 8px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .my-matches-filter-bar button .material-symbols-outlined {
  display: none !important;
}

.lineoa-theme .my-matches-filter-bar button em,
.lineoa-theme .my-matches-owner-btn em {
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #9aa1ac !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.lineoa-theme .my-matches-filter-bar button::after,
.lineoa-theme .my-matches-owner-btn::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.lineoa-theme .my-matches-filter-bar button.is-active {
  color: #182123 !important;
  font-weight: 800 !important;
}

.lineoa-theme .my-matches-owner-btn {
  color: #7b8390 !important;
}

.lineoa-theme .my-matches-owner-btn .material-symbols-outlined {
  display: none !important;
}

.lineoa-theme .my-matches-filter-bar button.is-active::after,
.lineoa-theme .my-matches-owner-btn.is-active::after {
  background: #b5f000 !important;
}

.lineoa-theme .my-matches-list {
  gap: 10px !important;
}

.lineoa-theme .my-match-day-group {
  gap: 7px !important;
}

.lineoa-theme .my-match-day-group > h3 {
  font-size: 1.42rem !important;
  font-weight: 820 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.14 !important;
}

.lineoa-theme .my-match-day-stack {
  gap: 9px !important;
}

.lineoa-theme .my-matches-relation-pills {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 0 0 2px !important;
  scrollbar-width: none !important;
}

.lineoa-theme .my-matches-relation-pills::-webkit-scrollbar {
  display: none !important;
}

.lineoa-theme .my-matches-relation-pills button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #161D20 !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .my-matches-relation-pills button.is-active {
  border-color: var(--brand) !important;
  background: var(--brand) !important;
  color: #0F1800 !important;
  box-shadow: 0 10px 20px rgba(189, 242, 31, 0.14) !important;
}

.lineoa-theme .my-matches-relation-pills em {
  color: #7A858A !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.lineoa-theme .my-matches-relation-pills button.is-active em {
  color: inherit !important;
}

.lineoa-theme .my-match-card {
  border: 1px solid rgba(24, 33, 35, 0.09) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  padding: 12px !important;
  gap: 7px !important;
  box-shadow: 0 10px 22px -22px rgba(24, 33, 35, 0.35) !important;
}

.lineoa-theme .my-match-card-head {
  gap: 8px !important;
}

.lineoa-theme .my-match-card-badges {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.lineoa-theme .my-match-card-time {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #237305 !important;
  font-family: Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.lineoa-theme .my-match-host-chip {
  height: 31px !important;
  border-radius: 10px !important;
  padding: 0 11px !important;
  font-size: 0.72rem !important;
}

.lineoa-theme .my-match-card h4 {
  font-size: 1rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .my-match-card .challenge-tag-row {
  margin: 0 !important;
  padding: 0 !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.lineoa-theme .my-match-card .challenge-tag {
  min-height: 24px !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  background: rgba(24, 33, 35, 0.05) !important;
  color: #4f5861 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.lineoa-theme .my-match-card .challenge-tag.is-ranked {
  background: rgba(189, 242, 31, 0.18) !important;
  color: #2f6f1d !important;
}

.lineoa-theme .my-match-card .challenge-tag.is-friendly {
  background: rgba(24, 33, 35, 0.045) !important;
  color: #667174 !important;
}

.lineoa-theme .my-match-card-location {
  gap: 6px !important;
  font-size: 0.8rem !important;
}

.lineoa-theme .my-match-card-location .material-symbols-outlined {
  font-size: 0.96rem !important;
}

.lineoa-theme .my-match-team-row {
  margin: 5px 0 1px !important;
  gap: 7px !important;
}

.lineoa-theme .my-match-player {
  gap: 5px !important;
}

.lineoa-theme .my-match-player img {
  width: 48px !important;
  height: 48px !important;
}

.lineoa-theme .my-match-player span {
  font-size: 0.72rem !important;
}

.lineoa-theme .my-match-team-row > strong {
  font-size: 1.2rem !important;
  letter-spacing: 0.02em !important;
}

.lineoa-theme .my-match-player,
.lineoa-theme .my-match-player.is-right {
  justify-self: center !important;
  text-align: center !important;
}

.lineoa-theme .my-match-player .my-match-avatar-placeholder {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
}

.lineoa-theme .my-match-player .my-match-avatar-placeholder .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .my-match-team-row.is-doubles img,
.lineoa-theme .my-match-team-row.is-doubles .my-match-avatar-placeholder {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

.lineoa-theme .my-match-avatar-placeholder .material-symbols-outlined {
  font-size: 0.95rem !important;
}

.lineoa-theme .my-match-card-foot {
  margin-top: 2px !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

.lineoa-theme .my-match-player-count {
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #6f7688 !important;
  white-space: nowrap !important;
}

.lineoa-theme .my-match-status-chip {
  height: 31px !important;
  border-radius: 10px !important;
  padding: 0 11px !important;
  font-size: 0.74rem !important;
}

.lineoa-theme .my-match-top-pills {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.lineoa-theme .my-match-top-pills .my-match-status-chip {
  height: 27px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  font-size: 0.68rem !important;
}

/* Home quick actions: 2 buttons after removing top Filters button */
.lineoa-theme #tab-community .home-action-grid {
  grid-template-columns: 1.18fr 1fr !important;
}

.lineoa-theme #tab-community .home-action-btn:nth-child(2) {
  display: flex !important;
}

/* Final mobile nav override: full-width, flat, clean */
@media (max-width: 768px) {
  .lineoa-theme .bottom-nav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(32, 36, 40, 0.08) !important;
    box-shadow: none !important;
    padding-left: max(8px, env(safe-area-inset-left)) !important;
    padding-right: max(8px, env(safe-area-inset-right)) !important;
  }
}

/* ── Player picker sheet redesign ── */

.lineoa-theme .group-report-picker-sheet {
  width: min(430px, 100%) !important;
  height: min(82dvh, 740px) !important;
  max-height: min(calc(100dvh - 16px), 740px) !important;
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: #F7F8F9 !important;
  border: 0 !important;
  box-shadow: 0 -12px 40px -10px rgba(22, 27, 30, 0.18), 0 -2px 0 rgba(22, 27, 30, 0.05) !important;
}

/* Header */
.lineoa-theme .group-report-picker-head {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  padding: 16px 16px 14px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .group-report-picker-back {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111516 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.lineoa-theme .group-report-picker-back .material-symbols-outlined {
  font-size: 28px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 30 !important;
}

.lineoa-theme .group-report-picker-head-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.lineoa-theme .group-report-picker-head h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .group-report-picker-subtitle {
  margin: 3px 0 0 !important;
  color: #687074 !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Search */
.lineoa-theme .group-report-picker-search-wrap {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0 !important;
  flex: 0 0 auto !important;
  margin: 12px 14px !important;
  padding: 0 14px 0 0 !important;
  min-height: 50px !important;
  border: 1px solid #E4E8EA !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(22, 27, 30, 0.04) !important;
}

.lineoa-theme .group-report-picker-search-wrap .material-symbols-outlined {
  justify-self: center !important;
  font-size: 20px !important;
  color: #8F9CA0 !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme .group-report-picker-search-wrap input {
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  color: #111516 !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  padding: 0 !important;
}

.lineoa-theme .group-report-picker-search-wrap input::placeholder {
  color: #A8B4B8 !important;
}

/* Scrollable list area */
.lineoa-theme .group-report-picker-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background: #FFFFFF !important;
  border-radius: 16px !important;
  margin: 0 14px 14px !important;
  border: 1px solid #EEF0F1 !important;
  overflow: hidden !important;
  overflow-y: auto !important;
}

/* Section header inside list */
.lineoa-theme .group-report-picker-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px 8px !important;
  color: #111516 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.lineoa-theme .group-report-picker-see-all {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #3D9437 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.lineoa-theme .group-report-picker-see-all .material-symbols-outlined {
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

/* Player item */
.lineoa-theme .group-report-picker-item {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 80px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F5 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

.lineoa-theme .group-report-picker-item:last-child {
  border-bottom: 0 !important;
}

.lineoa-theme .group-report-picker-item img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  background: #D6DDE0 !important;
  box-shadow: 0 2px 8px rgba(22, 27, 30, 0.10) !important;
  border: 0 !important;
}

.lineoa-theme .group-report-picker-item-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.lineoa-theme .group-report-picker-item strong {
  display: block !important;
  color: #111516 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .group-report-picker-item small {
  display: block !important;
  color: #7A8792 !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Action pill button */
.lineoa-theme .group-report-picker-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #EAF5D8 !important;
  color: #2A7D18 !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.lineoa-theme .group-report-picker-action .material-symbols-outlined {
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 18 !important;
}

.lineoa-theme .group-report-picker-action.is-selected {
  background: var(--brand) !important;
  color: #080C0D !important;
}

.lineoa-theme .group-report-picker-item.is-selected {
  background: #F6FBF0 !important;
}

/* Empty + custom add */
.lineoa-theme .group-report-picker-empty {
  padding: 24px 16px !important;
  text-align: center !important;
  color: #8F9CA0 !important;
  font-size: 14px !important;
}

.lineoa-theme .group-report-picker-custom {
  padding: 10px 16px 14px !important;
  border-top: 1px solid #EEF0F1 !important;
}

.lineoa-theme .group-report-picker-add-btn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px dashed #C8D4D8 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #4A5A60 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-add-btn .material-symbols-outlined {
  font-size: 20px !important;
  color: #5B9062 !important;
}

.lineoa-theme .group-report-picker-custom-form {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.lineoa-theme .group-report-picker-custom-form input {
  flex: 1 1 auto !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid #D0D8DC !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-custom-form button {
  flex-shrink: 0 !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--brand) !important;
  color: #080C0D !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Player picker compact polish */
.lineoa-theme .group-report-picker-sheet {
  width: min(430px, 100%) !important;
  height: min(70dvh, 620px) !important;
  max-height: min(calc(100dvh - 14px), 620px) !important;
  background: #F8FAFA !important;
  border-radius: 20px 20px 0 0 !important;
}

.lineoa-theme .group-report-picker-head {
  padding: 12px 14px 10px !important;
  gap: 6px !important;
}

.lineoa-theme .group-report-picker-back {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
}

.lineoa-theme .group-report-picker-back .material-symbols-outlined {
  font-size: 23px !important;
}

.lineoa-theme .group-report-picker-head h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

.lineoa-theme .group-report-picker-subtitle {
  margin-top: 2px !important;
  font-size: var(--text-xs) !important;
  line-height: 1.25 !important;
}

.lineoa-theme .group-report-picker-search-wrap {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  min-height: 40px !important;
  margin: 10px 12px !important;
  padding: 0 10px 0 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-search-wrap .material-symbols-outlined {
  font-size: 17px !important;
}

.lineoa-theme .group-report-picker-search-wrap input {
  height: 38px !important;
  min-height: 38px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.lineoa-theme .group-report-picker-list {
  margin: 0 12px 12px !important;
  border-radius: 14px !important;
}

.lineoa-theme .group-report-picker-section-head {
  padding: 10px 12px 6px !important;
  color: #626B70 !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.lineoa-theme .group-report-picker-see-all {
  display: none !important;
}

.lineoa-theme .group-report-picker-item {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  min-height: 56px !important;
  padding: 8px 12px !important;
}

.lineoa-theme .group-report-picker-item img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-item-info {
  gap: 2px !important;
}

.lineoa-theme .group-report-picker-item strong {
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .group-report-picker-item small {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.lineoa-theme .group-report-picker-action {
  gap: 3px !important;
  padding: 5px 9px !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
}

.lineoa-theme .group-report-picker-action .material-symbols-outlined {
  font-size: 14px !important;
}

.lineoa-theme .group-report-picker-empty {
  padding: 18px 12px !important;
  font-size: 12px !important;
}

.lineoa-theme .group-report-picker-custom {
  padding: 9px 12px 12px !important;
}

.lineoa-theme .group-report-picker-add-btn {
  display: none !important;
}

.lineoa-theme .group-report-picker-custom-form {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 0 !important;
  padding: 6px !important;
  border: 1px solid #E4E9EB !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
}

.lineoa-theme .group-report-picker-custom-icon {
  display: grid !important;
  place-items: center !important;
  color: #718086 !important;
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .group-report-picker-custom-form input {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
}

.lineoa-theme .group-report-picker-custom-form input:focus {
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-custom-form button {
  min-width: 54px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  background: var(--brand) !important;
  color: #111516 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   Global UI consistency pass - compact finish
   ========================================================================== */
body.lineoa-theme {
  --ui-bg: #F6F8F8;
  --ui-surface: #FFFFFF;
  --ui-surface-soft: #F3F6F6;
  --ui-border: #E5EAEC;
  --ui-border-strong: #D7E0E3;
  --ui-text: #111516;
  --ui-muted: #687277;
  --ui-soft: #8A969B;
  --ui-accent: #BDF21F;
  --ui-radius-card: 14px;
  --ui-radius-control: 12px;
  --ui-radius-chip: 999px;
  --ui-shadow-card: 0 8px 24px -20px rgba(22, 27, 30, 0.28);
  --ui-shadow-sheet: 0 -14px 38px -24px rgba(22, 27, 30, 0.38);
  background: var(--ui-bg) !important;
  color: var(--ui-text) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.lineoa-theme :is(h1, h2, h3, h4, h5, h6, p, small, strong, span, button, label, input, select, textarea, th, td) {
  letter-spacing: 0 !important;
}

.lineoa-theme :is(#tab-home, #tab-community, #tab-groups, #tab-profile) {
  color: var(--ui-text) !important;
}

.lineoa-theme :is(
  .card,
  .home-open-matches-card,
  .community-courts-shell,
  .community-members-shell,
  .my-match-card,
  .challenge-match-card,
  .groups-hub-card,
  .court-card,
  .profile-rank-overview-card,
  .profile-stats-card,
  .profile-settings-card,
  .profile-settings-detail-card,
  .profile-static-soon-card,
  .match-feed-card,
  .group-detail-card,
  .group-detail-activity-wrap,
  .group-ranking-you-card,
  .open-match-detail-main-card,
  .open-match-detail-card,
  .notification-card,
  .qp-settings-card,
  .qp-detail-card,
  .post-type-card,
  .profile-choice-row,
  .profile-toggle-row,
  .profile-info-card
) {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-card) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow-card) !important;
}

.lineoa-theme :is(
  #registerCard,
  #tab-home .card:not(.profile-hero):not(.tier-card),
  #tab-community .card,
  #tab-profile .card:not(.member-details):not(.profile-switch-card),
  .profile-view .card,
  .modal-card
) {
  padding: 12px !important;
}

.lineoa-theme :is(
  .section-head,
  .courts-view-head,
  .groups-list-header,
  .my-matches-head,
  .profile-ref-section-head,
  .home-open-list-head,
  .sheet-header,
  .notifications-header,
  .group-activity-report-head,
  .group-report-picker-head,
  .group-match-detail-head,
  .group-create-topbar
) {
  gap: 8px !important;
}

.lineoa-theme :is(
  .section-head h2,
  .section-head h3,
  .courts-view-head h2,
  .groups-list-header h2,
  .my-matches-head h2,
  .profile-ref-section-title,
  .sheet-title,
  .notifications-header h2,
  .group-activity-report-head h3,
  .group-report-picker-head h3,
  .group-match-detail-head h3,
  .group-create-topbar h2,
  .home-open-list-head h3
) {
  color: var(--ui-text) !important;
  font-family: var(--font-headline) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme :is(
  .section-kicker,
  .mini-overline,
  label > span,
  .form-label-text,
  .register-line-kicker,
  .profile-evolution-kicker,
  .profile-progression-kicker,
  .capture-overline
) {
  color: #2F6E0F !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.lineoa-theme :is(
  .section-head small,
  .sheet-sub,
  .feed-sub,
  .groups-intro-copy p,
  .profile-ref-section-head small,
  .group-report-picker-subtitle,
  .notifications-kicker,
  .notification-card-subline,
  .court-result-meta
) {
  color: var(--ui-muted) !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme :is(
  input:not([type]),
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  select,
  textarea
):not(.group-activity-report-score-input):not(.set-cell) {
  min-height: 40px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-control) !important;
  background: #FBFCFC !important;
  box-shadow: none !important;
  color: var(--ui-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  padding: 8px 11px !important;
}

.lineoa-theme textarea:not(.group-activity-report-score-input) {
  min-height: 74px !important;
  line-height: 1.4 !important;
}

.lineoa-theme :is(
  input:not([type]),
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  select,
  textarea
):focus {
  border-color: rgba(61, 126, 20, 0.34) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme :is(
  .primary-btn,
  .secondary-btn,
  .inline-btn,
  .home-action-btn,
  .home-match-filter-chip,
  .home-match-filter-icon,
  .court-surface-filter button,
  .profile-rank-filter-btn,
  .profile-match-secondary-btn,
  .profile-match-primary-btn,
  .profile-static-soon-btn,
  .profile-settings-logout-btn,
  .profile-settings-primary-btn,
  .profile-settings-secondary-btn,
  .group-join-submit-btn,
  .group-join-help-btn,
  .group-create-submit-btn,
  .group-create-map-btn,
  .groups-create-btn,
  .challenge-join-btn,
  .upcoming-checkin-btn,
  .notification-action-btn,
  .group-match-detail-share-btn,
  .group-match-detail-edit-btn,
  .group-report-picker-custom-form button
) {
  min-height: 40px !important;
  border-radius: var(--ui-radius-control) !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.lineoa-theme :is(
  .primary-btn,
  .home-action-btn.is-primary,
  .profile-match-primary-btn,
  .group-join-submit-btn,
  .group-create-submit-btn,
  .challenge-join-btn:not(.is-disabled),
  .notification-action-btn.is-primary
) {
  border: 1px solid rgba(47, 110, 15, 0.14) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-text) !important;
}

.lineoa-theme :is(
  .secondary-btn,
  .inline-btn,
  .profile-match-secondary-btn,
  .group-join-help-btn,
  .profile-rank-filter-btn,
  .home-match-filter-chip,
  .court-surface-filter button,
  .home-action-btn:not(.is-primary),
  .notification-action-btn.is-secondary
) {
  border: 1px solid var(--ui-border) !important;
  background: #FFFFFF !important;
  color: var(--ui-text) !important;
}

.lineoa-theme :is(
  .feed-pill,
  .pill,
  .result-chip,
  .log-chip,
  .challenge-tag,
  .my-match-status-chip,
  .my-match-host-chip,
  .open-match-detail-pill,
  .profile-match-tags span,
  .profile-rank-filter-btn,
  .court-tag,
  .court-feature-chip,
  .notification-card-meta-chip
) {
  min-height: 24px !important;
  padding: 4px 8px !important;
  border-radius: var(--ui-radius-chip) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme :is(
  .community-item,
  .my-match-card,
  .challenge-match-card,
  .groups-hub-card,
  .court-card,
  .notification-card,
  .profile-match-card,
  .profile-completed-card,
  .match-feed-card
) {
  padding: 10px !important;
}

.lineoa-theme :is(
  .profile-settings-row,
  .groups-sheet-item,
  .qp-setting-row,
  .qp-detail-row,
  .report-ref-row,
  .group-report-picker-item,
  .notification-card,
  .community-item
) {
  min-height: 44px !important;
}

.lineoa-theme :is(
  .profile-settings-row-label,
  .groups-sheet-item-copy strong,
  .qp-row-label,
  .qp-setting-label,
  .report-ref-label,
  .community-main h4,
  .groups-card-main h4,
  .court-card-main h4,
  .my-match-card h4,
  .challenge-match-title,
  .notification-card-message,
  .profile-match-card h4,
  .profile-score-center strong
) {
  color: var(--ui-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.lineoa-theme :is(
  .community-main p,
  .groups-card-main p,
  .court-card-main p,
  .my-match-card-location,
  .challenge-match-location,
  .notification-card-meta,
  .profile-match-location,
  .profile-match-date,
  .report-ref-value,
  .qp-row-value,
  .qp-setting-label small
) {
  color: var(--ui-muted) !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.lineoa-theme :is(.profile-switch-card, .community-switch-card) {
  padding: 6px 10px 0 !important;
  border-radius: var(--ui-radius-card) !important;
}

.lineoa-theme :is(#tab-profile .profile-view-btn, #tab-community .profile-view-btn) {
  min-height: 54px !important;
  gap: 4px !important;
  font-size: var(--text-xs) !important;
}

.lineoa-theme :is(.bottom-nav, .top-ribbon) {
  box-shadow: none !important;
}

.lineoa-theme .tab-btn {
  border-radius: 12px !important;
}

.lineoa-theme :is(
  .sheet-card,
  .groups-sheet,
  .group-activity-report-sheet,
  .group-report-picker-sheet,
  .notifications-sheet,
  .group-match-detail-sheet,
  .arena-report-sheet,
  .checkin-sheet
) {
  border-radius: 20px 20px 0 0 !important;
  background: #FFFFFF !important;
  box-shadow: var(--ui-shadow-sheet) !important;
}

.lineoa-theme :is(.leaderboard-table th, .profile-leaderboard-table th) {
  color: var(--ui-soft) !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
}

.lineoa-theme :is(.leaderboard-table td, .profile-leaderboard-table td) {
  font-size: 12px !important;
  padding-block: 9px !important;
}

.lineoa-theme .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme :is(.group-activity-report-score-input, .set-cell) {
  font-family: var(--font-headline) !important;
}

.lineoa-theme .group-report-picker-search-wrap input {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.lineoa-theme .group-report-picker-custom-form input {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: var(--text-sm) !important;
  font-weight: 400 !important;
}

.lineoa-theme .group-report-picker-search-wrap input:focus,
.lineoa-theme .group-report-picker-custom-form input:focus {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .group-report-picker-custom-form button {
  min-width: 54px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.lineoa-theme .qp-date-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"] {
  width: 62px !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"]:focus {
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Create match sheet - align with report match density
   ========================================================================== */
.lineoa-theme .smatch-sheet:not(.hidden) {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #F8F9FA !important;
  z-index: 66 !important;
}

.lineoa-theme .smatch-sheet .sheet-backdrop {
  display: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card,
.lineoa-theme .smatch-sheet.open .sheet-card {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(430px, 100%) !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 14px calc(26px + env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #F8F9FA !important;
  box-shadow: 0 0 34px rgba(18, 22, 24, 0.10) !important;
  -webkit-overflow-scrolling: touch !important;
}

.lineoa-theme .smatch-sheet .sheet-handle {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-height: 34px !important;
  margin: 0 -14px 6px !important;
  padding: 6px 14px 4px !important;
  background: rgba(248, 249, 250, 0.94) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  pointer-events: auto !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header::after {
  content: none !important;
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header-spacer {
  display: block !important;
  grid-column: 3 !important;
  min-width: 0 !important;
  width: 24px !important;
  height: 24px !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-title {
  grid-column: 2 !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-close-btn {
  display: grid !important;
  grid-column: 1 !important;
  justify-self: start !important;
  order: 0 !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(218, 224, 228, 0.95) !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #5B6670 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-close-btn .material-symbols-outlined {
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

.lineoa-theme .smatch-sheet .qp-form {
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
}

.lineoa-theme .smatch-sheet .qp-section {
  gap: 8px !important;
  margin: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-section:first-child,
.lineoa-theme .smatch-sheet .qp-settings-card,
.lineoa-theme .smatch-sheet .qp-detail-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
  overflow: visible !important;
}

.lineoa-theme .smatch-sheet .qp-direct-field {
  display: grid !important;
  grid-template-columns: minmax(92px, 0.82fr) minmax(0, 1.18fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

.lineoa-theme .smatch-sheet .qp-direct-field.hidden {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-direct-field .sheet-field-label {
  color: #161A1B !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .smatch-sheet .qp-direct-field select {
  width: 100% !important;
  min-height: 32px !important;
  padding: 4px 9px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 9px !important;
  background: #F6F7F8 !important;
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-section-title {
  margin: 0 !important;
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: var(--text-body) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

.lineoa-theme .smatch-sheet .qp-type-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.lineoa-theme .smatch-sheet .post-type-card {
  min-height: 82px !important;
  padding: 9px 7px 8px !important;
  gap: 4px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  text-align: center !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active {
  border-color: var(--brand) !important;
  background: #F4FAEA !important;
  box-shadow: 0 1px 2px rgba(27, 32, 33, 0.06) !important;
}

.lineoa-theme .smatch-sheet .post-type-card > span {
  transform: none !important;
}

.lineoa-theme .smatch-sheet .qp-type-icon {
  color: #15191A !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-icon {
  color: #15191A !important;
}

.lineoa-theme .smatch-sheet .qp-type-title {
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

.lineoa-theme .smatch-sheet .qp-type-sub {
  min-height: 0 !important;
  color: #6F787C !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-title {
  color: #15191A !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-sub {
  color: #4E5B40 !important;
}

.lineoa-theme .smatch-sheet .qp-setting-row,
.lineoa-theme .smatch-sheet .qp-detail-row {
  display: grid !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 39px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .smatch-sheet .qp-setting-row {
  grid-template-columns: minmax(92px, 0.82fr) minmax(0, 1.18fr) !important;
}

.lineoa-theme .smatch-sheet .qp-detail-row {
  grid-template-columns: 26px minmax(82px, 0.8fr) minmax(0, 1.35fr) 18px !important;
}

.lineoa-theme .smatch-sheet .qp-settings-card .qp-setting-row:last-of-type,
.lineoa-theme .smatch-sheet .qp-detail-card .qp-detail-row:last-of-type {
  border-bottom: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-divider {
  display: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-setting-label,
.lineoa-theme .smatch-sheet .sheet-card .qp-row-label {
  color: #161A1B !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .smatch-sheet .qp-setting-label small,
.lineoa-theme .smatch-sheet .qp-row-label small {
  margin-left: 3px !important;
  color: #5F676A !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-icon {
  width: 26px !important;
  color: #15191A !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-chevron {
  justify-self: end !important;
  color: #7A8184 !important;
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 240, "GRAD" 0, "opsz" 24 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-row-value {
  min-width: 0 !important;
  max-width: none !important;
  justify-self: end !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .qp-requirement-row {
  min-height: 58px !important;
}

.lineoa-theme .smatch-sheet .qp-requirement-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-requirement-grid label {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-requirement-grid small {
  color: #6F787C !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .qp-requirement-grid select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 0 24px 0 9px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 9px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .qp-pill-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 2px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 9px !important;
  background: #F6F7F8 !important;
}

.lineoa-theme .smatch-sheet .qp-pill {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #1B2021 !important;
  font-family: inherit !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .qp-pill.is-active {
  background: var(--brand) !important;
  color: #0B0F10 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(27, 32, 33, 0.08) !important;
}

.lineoa-theme .smatch-sheet .qp-setting-row.qp-players-row {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 8px 0 2px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .qp-players-head {
  align-items: baseline !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .qp-players-count {
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 7px !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-row {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-row > span {
  color: #5F676A !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-segment {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2px !important;
  padding: 2px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 9px !important;
  background: #F6F7F8 !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-segment button {
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #1B2021 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-segment button.is-active {
  background: var(--brand) !important;
  color: #0B0F10 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(27, 32, 33, 0.08) !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-segment button:disabled {
  color: #A4AAAD !important;
  opacity: 0.58 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-slots {
  gap: 7px !important;
  justify-content: flex-start !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-chip {
  width: 54px !important;
  gap: 3px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-avatar,
.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle {
  border: 1px dashed #D6DBDE !important;
  background: #F7F8F9 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-circle .material-symbols-outlined {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  color: #8A9296 !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 250, "GRAD" 0, "opsz" 22 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-name {
  max-width: 54px !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-chip.is-empty .quick-party-player-name,
.lineoa-theme .smatch-sheet .qp-players-row .quick-party-player-meta {
  color: #7C8588 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-invite-btn {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #DDEAC8 !important;
  border-radius: 9px !important;
  background: #F2F8EA !important;
  color: #4F7620 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-invite-btn .material-symbols-outlined {
  font-size: 16px !important;
}

.lineoa-theme .smatch-sheet .qp-players-row .quick-party-invite-btn {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-time-pair,
.lineoa-theme .smatch-sheet .qp-venue-body,
.lineoa-theme .smatch-sheet .qp-note-row textarea {
  grid-column: 3 / 4 !important;
  justify-self: stretch !important;
}

.lineoa-theme .smatch-sheet .qp-time-pair {
  justify-self: end !important;
  gap: 6px !important;
}

.lineoa-theme .smatch-sheet .qp-time-cell small {
  display: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"],
.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input,
.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea {
  color: #15191A !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"] {
  width: 62px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-time-sep {
  color: #8A9296 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row {
  align-items: center !important;
  padding-top: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-input-wrap {
  min-height: 30px !important;
  padding: 0 0 0 8px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .court-picker-clear-btn {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 8px !important;
  background: transparent !important;
}

.lineoa-theme .smatch-sheet .court-picker-clear-btn .material-symbols-outlined {
  font-size: 16px !important;
}

.lineoa-theme .smatch-sheet .court-picker-dropdown {
  top: calc(100% + 5px) !important;
  max-height: min(34vh, 240px) !important;
  padding: 4px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 34px -24px rgba(31, 36, 36, 0.34) !important;
}

.lineoa-theme .smatch-sheet .court-picker-option {
  min-height: 48px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 7px 8px !important;
  border-radius: 9px !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-copy strong {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-copy small,
.lineoa-theme .smatch-sheet .court-picker-option-copy span {
  font-size: var(--text-xs) !important;
  line-height: 1.25 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected {
  align-items: flex-end !important;
  margin-top: 2px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected strong {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected small {
  color: #7C8588 !important;
  font-size: var(--text-xs) !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-note-row {
  grid-template-columns: 26px minmax(120px, 0.95fr) minmax(0, 1.05fr) 18px !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea {
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input::placeholder,
.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea::placeholder {
  color: #9AA1A5 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea:focus,
.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input:focus,
.lineoa-theme .smatch-sheet .sheet-card .qp-time-cell input[type="time"]:focus {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .sheet-cta {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 4px 0 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--brand) !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.22) !important;
  color: #080C0D !important;
  font-family: var(--font-headline) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 380px) {
  .lineoa-theme .smatch-sheet .sheet-card {
    padding-inline: 12px !important;
  }

  .lineoa-theme .smatch-sheet .qp-sheet-header {
    margin-inline: -12px !important;
    padding-inline: 12px !important;
  }

  .lineoa-theme .smatch-sheet .post-type-card {
    min-height: 76px !important;
    padding-inline: 5px !important;
  }

  .lineoa-theme .smatch-sheet .qp-type-title {
    font-size: var(--text-xs) !important;
  }

  .lineoa-theme .smatch-sheet .qp-type-sub {
    font-size: var(--text-2xs) !important;
  }

  .lineoa-theme .smatch-sheet .qp-setting-row,
  .lineoa-theme .smatch-sheet .qp-detail-row {
    gap: 6px !important;
  }

  .lineoa-theme .smatch-sheet .qp-detail-row {
    grid-template-columns: 24px minmax(70px, 0.75fr) minmax(0, 1.25fr) 16px !important;
  }

  .lineoa-theme .smatch-sheet .qp-note-row {
    grid-template-columns: 24px minmax(104px, 0.9fr) minmax(0, 1.1fr) 16px !important;
  }
}

/* Quick post detail polish: longer notes, cleaner venue picker, current brand accent. */
.lineoa-theme {
  --qp-accent: #BDF21F;
  --qp-accent-soft: rgba(189, 242, 31, 0.2);
}

.lineoa-theme :is(
  .report-submit-btn,
  .group-activity-report-submit-btn,
  .group-report-primary-btn,
  .group-match-detail-edit-btn,
  .group-report-picker-custom-form button
),
.lineoa-theme .smatch-sheet :is(
  .sheet-cta,
  .qp-pill.is-active,
  .quick-party-capacity-segment button.is-active
) {
  border-color: var(--qp-accent) !important;
  background: var(--qp-accent) !important;
  color: #080C0D !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.24) !important;
}

.lineoa-theme :is(.report-ref-segmented button.is-active, .group-report-picker-action.is-selected) {
  background: var(--qp-accent) !important;
  color: #080C0D !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active {
  border-color: var(--qp-accent) !important;
  background: #FAFFE8 !important;
}

.lineoa-theme .smatch-sheet .post-type-card.is-active .qp-type-icon,
.lineoa-theme .smatch-sheet .sheet-card .qp-row-icon,
.lineoa-theme :is(.report-ref-icon, .report-team-label, .set-row-label) {
  color: #15191A !important;
}

.lineoa-theme :is(.report-notes-field textarea, .set-cell):focus,
.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea:focus,
.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap:focus-within {
  border-color: var(--qp-accent) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px var(--qp-accent-soft) !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row {
  min-height: 80px !important;
  align-items: start !important;
  padding: 8px 0 10px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-body {
  grid-column: 3 / 5 !important;
  justify-self: stretch !important;
}

.lineoa-theme .smatch-sheet .qp-venue-input-wrap {
  min-height: 40px !important;
  padding: 4px 6px 4px 10px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 12px !important;
  background: #FBFCFC !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input {
  height: 30px !important;
  min-height: 30px !important;
  text-align: left !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin-top: 6px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-selected small {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 24px !important;
  align-items: center !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #F1F3F4 !important;
  color: #5E6467 !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: left !important;
}

.lineoa-theme .smatch-sheet .court-picker-option {
  min-height: 50px !important;
  display: block !important;
  padding: 9px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.lineoa-theme .smatch-sheet .court-picker-option:hover,
.lineoa-theme .smatch-sheet .court-picker-option.is-selected {
  border-color: #E6EAEC !important;
  background: #F8FAF9 !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-icon {
  display: none !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-copy {
  gap: 4px !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-main {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 10px !important;
}

.lineoa-theme .smatch-sheet .court-picker-option-copy strong {
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.lineoa-theme .smatch-sheet .court-picker-zone,
.lineoa-theme .smatch-sheet .court-picker-price {
  overflow: hidden !important;
  font-size: var(--text-xs) !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .court-picker-zone {
  display: block !important;
  color: #7C8588 !important;
  font-weight: 500 !important;
}

.lineoa-theme .smatch-sheet .court-picker-price {
  color: #15191A !important;
  font-weight: 700 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-note-row {
  grid-template-columns: 26px minmax(0, 1fr) 18px !important;
  align-items: start !important;
  row-gap: 7px !important;
  min-height: 150px !important;
  padding: 10px 0 14px !important;
}

.lineoa-theme .smatch-sheet .qp-note-row .qp-row-label {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  white-space: normal !important;
}

.lineoa-theme .smatch-sheet .qp-note-row .qp-row-chevron {
  display: none !important;
}

.lineoa-theme .smatch-sheet .qp-note-row textarea {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea {
  height: auto !important;
  min-height: 112px !important;
  padding: 10px 11px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 12px !important;
  background: #FBFCFC !important;
  box-shadow: none !important;
  resize: vertical !important;
  overflow: auto !important;
  white-space: pre-wrap !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-note-row textarea::placeholder,
.lineoa-theme .smatch-sheet .sheet-card .qp-venue-input-wrap input::placeholder {
  text-align: left !important;
}

@media (max-width: 380px) {
  .lineoa-theme .smatch-sheet .qp-note-row {
    grid-template-columns: 24px minmax(0, 1fr) 16px !important;
  }

  .lineoa-theme .smatch-sheet .qp-venue-body {
    grid-column: 3 / 5 !important;
  }
}

/* Quick match player mode polish. */
.lineoa-theme .smatch-sheet.is-direct-mode .qp-match-mode-row .qp-pill-group {
  grid-template-columns: minmax(0, 1fr) !important;
}

.lineoa-theme .smatch-sheet.is-direct-mode .qp-match-mode-row [data-quick-match-mode="double"] {
  display: none !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-picker {
  position: relative !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px 9px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-picker:focus-within {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
  background: #EEF0F1 !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-main input {
  width: 100% !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-meta {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #6F787C !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-chevron {
  color: #7A8184 !important;
  font-size: 20px !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-list {
  position: absolute !important;
  z-index: 38 !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  max-height: min(34vh, 260px) !important;
  overflow-y: auto !important;
  padding: 5px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 34px -24px rgba(31, 36, 36, 0.34) !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option {
  width: 100% !important;
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  background: transparent !important;
  text-align: left !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option:hover,
.lineoa-theme .smatch-sheet .quick-opponent-option.is-selected {
  border-color: rgba(189, 242, 31, 0.72) !important;
  background: #FAFFE8 !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option-copy strong,
.lineoa-theme .smatch-sheet .quick-opponent-option-copy small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option-copy strong {
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-option-copy small,
.lineoa-theme .smatch-sheet .quick-opponent-empty {
  color: #6F787C !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
}

.lineoa-theme .smatch-sheet .quick-opponent-empty {
  padding: 16px 10px !important;
  text-align: center !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-grid.hidden {
  display: none !important;
}

.lineoa-theme .smatch-sheet .quick-party-capacity-segment {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.lineoa-theme .smatch-sheet .qp-players-row.is-open-mode {
  gap: 8px !important;
}

.lineoa-theme .smatch-sheet .quick-party-versus-slots {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.lineoa-theme .smatch-sheet .quick-party-side {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  align-content: start !important;
  grid-template-rows: auto minmax(54px, auto) !important;
  padding: 8px !important;
  border: 1px solid #E8ECEE !important;
  border-radius: 13px !important;
  background: #FBFCFC !important;
}

.lineoa-theme .smatch-sheet .quick-party-side-label {
  color: #6F787C !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .quick-party-side-grid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 58px !important;
}

.lineoa-theme .smatch-sheet .quick-party-vs {
  align-self: center !important;
  justify-self: center !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #111516 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.lineoa-theme .smatch-sheet .quick-party-versus-slots .quick-party-player-chip {
  width: 46px !important;
  min-height: 58px !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
}

.lineoa-theme .smatch-sheet .quick-party-versus-slots .quick-party-player-avatar,
.lineoa-theme .smatch-sheet .quick-party-versus-slots .quick-party-player-circle {
  width: 34px !important;
  height: 34px !important;
}

/* ── Section header filter icon button ── */
.lineoa-theme .home-list-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
  border-radius: 999px !important;
  border: 1px solid var(--border-strong) !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  cursor: pointer !important;
}

.lineoa-theme .home-list-filter-btn .material-symbols-outlined {
  font-size: 17px !important;
}

/* ── Padding reductions ── */
/* Card inner padding –forced 4px */
.lineoa-theme .challenge-match-main,
.lineoa-theme #tab-community .challenge-match-main,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-match-main {
  padding: 4px !important;
}

/* Body horizontal padding –25% */
body.lineoa-theme {
  padding-inline: 11px !important;
}

/* ── Quick post detail rows: compact report-style layout ── */
.lineoa-theme .smatch-sheet .qp-detail-card {
  padding: 0 14px !important;
  border-radius: 22px !important;
  overflow: visible !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row,
.lineoa-theme .smatch-sheet .qp-venue-row {
  display: grid !important;
  grid-template-columns: 28px minmax(78px, 0.36fr) minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #EEF0F1 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row {
  grid-template-columns: 28px minmax(78px, 0.36fr) minmax(0, 1fr) !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-row-icon,
.lineoa-theme .smatch-sheet .qp-venue-row .qp-row-icon {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  color: #15191A !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-row-label,
.lineoa-theme .smatch-sheet .qp-venue-row .qp-row-label {
  min-width: 0 !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-controls {
  grid-column: 3 / -1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 8px !important;
  position: relative !important;
  z-index: 3 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-nav {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 20px minmax(86px, auto) 20px !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-arrow {
  width: 20px !important;
  height: 30px !important;
  min-height: 30px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #7B8589 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-arrow .material-symbols-outlined {
  font-size: 20px !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-display-label {
  position: relative !important;
  min-width: 86px !important;
  max-width: 96px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 2px !important;
  cursor: pointer !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-row-value {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-time-pair {
  grid-column: auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  margin: 0 !important;
  justify-self: end !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-time-cell {
  min-width: 0 !important;
  display: block !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-time-cell small {
  display: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-date-time-row .qp-time-select {
  width: 42px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-align-last: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.lineoa-theme .smatch-sheet .qp-date-time-row .qp-time-sep {
  padding: 0 !important;
  color: #8A9296 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row {
  min-height: 56px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-venue-body {
  grid-column: 3 / 4 !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .court-picker-combobox {
  position: relative !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-venue-input-wrap {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-row .qp-venue-input-wrap input {
  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
}

.lineoa-theme .smatch-sheet .sheet-card .qp-venue-row .qp-venue-input-wrap input::placeholder {
  color: #9AA1A5 !important;
  font-weight: 500 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .court-picker-clear-btn {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  flex: 0 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #EEF2F5 !important;
  box-shadow: none !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .court-picker-clear-btn .material-symbols-outlined {
  font-size: 15px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-row-chevron {
  grid-column: 4 / 5 !important;
  justify-self: end !important;
  color: #7B8589 !important;
  font-size: 21px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-venue-selected {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  margin-top: 2px !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-venue-selected small {
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7C8588 !important;
  font-size: var(--text-xs) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}

.lineoa-theme .smatch-sheet .qp-venue-row .qp-venue-input-wrap:focus-within {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 390px) {
  .lineoa-theme .smatch-sheet .qp-detail-card {
    padding-inline: 12px !important;
  }

  .lineoa-theme .smatch-sheet .qp-date-time-row,
  .lineoa-theme .smatch-sheet .qp-venue-row {
    grid-template-columns: 26px minmax(72px, 0.34fr) minmax(0, 1fr) 16px !important;
    gap: 6px !important;
  }

  .lineoa-theme .smatch-sheet .qp-date-time-row {
    grid-template-columns: 26px minmax(72px, 0.34fr) minmax(0, 1fr) !important;
  }

  .lineoa-theme .smatch-sheet .qp-date-time-row .qp-row-label,
  .lineoa-theme .smatch-sheet .qp-venue-row .qp-row-label {
    font-size: 12px !important;
  }

  .lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-nav {
    grid-template-columns: 18px minmax(80px, auto) 18px !important;
  }

  .lineoa-theme .smatch-sheet .qp-date-time-row .qp-date-display-label {
    min-width: 80px !important;
    max-width: 88px !important;
  }

  .lineoa-theme .smatch-sheet .sheet-card .qp-date-time-row .qp-time-select {
    width: 40px !important;
    font-size: var(--text-xs) !important;
  }
}

/* Publish readiness polish: wired filters and selectable report details */
.lineoa-theme #tab-community .home-static-filter-chips button[data-home-static-filter] {
  cursor: pointer !important;
  touch-action: manipulation !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button[data-home-static-filter]:active {
  transform: translateY(1px) !important;
}

.lineoa-theme #tab-community .challenge-join-btn.is-joined,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn.is-joined {
  border-color: rgba(47, 110, 15, 0.18) !important;
  background: #F3FFD3 !important;
  color: #234B05 !important;
  cursor: pointer !important;
}

.lineoa-theme #tab-community .challenge-join-btn.is-joined:hover,
.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn.is-joined:hover {
  background: #E9FFAE !important;
}

.lineoa-theme #tab-community .home-static-filter-chips button[data-home-static-filter]:focus-visible,
.lineoa-theme .home-nearme-pill:focus-visible,
.lineoa-theme .home-location-gps:focus-visible,
.lineoa-theme .home-create-match-pill:focus-visible,
.lineoa-theme .report-ref-action-row:focus-visible,
.lineoa-theme .report-ref-picker input:focus-visible {
  outline: 2px solid rgba(189, 242, 31, 0.9) !important;
  outline-offset: 2px !important;
}

.lineoa-theme #tab-community .home-open-list-head h3 {
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.lineoa-theme .report-ref-action-row {
  width: 100% !important;
  appearance: none !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.lineoa-theme .report-ref-action-row.is-open .report-ref-chevron {
  transform: rotate(90deg) !important;
}

.lineoa-theme .report-ref-picker {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 8px 34px !important;
  padding: 8px !important;
  border: 1px solid #EEF0F1 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

.lineoa-theme .report-ref-picker.hidden {
  display: none !important;
}

.lineoa-theme .report-ref-picker label {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  color: #6B7478 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.lineoa-theme .report-ref-picker input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  border: 1px solid rgba(20, 25, 26, 0.1) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #171C1E !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 0 10px !important;
}

.lineoa-theme .report-ref-venue-picker {
  grid-template-columns: 1fr !important;
}

@media (max-width: 390px) {
  .lineoa-theme .report-ref-picker {
    grid-template-columns: 1fr !important;
    margin-left: 0 !important;
  }
}

/* UI consistency normalization */
body.lineoa-theme {
  --brand: #BDF21F !important;
  --brand-text: #111A00 !important;
  --brand-forest: #2F6C08 !important;
  --primary: var(--brand-forest) !important;
  --primary-container: var(--brand) !important;
  --primary-fixed: var(--brand) !important;
  --primary-fixed-dim: var(--brand) !important;
  --on-primary-fixed: var(--brand-text) !important;
  --green-tint: rgba(189, 242, 31, 0.18) !important;
  --win-bg: var(--green-tint) !important;
  --shadow-glow: 0 20px 40px -12px rgba(189, 242, 31, 0.35) !important;
  --shadow-float: var(--shadow-glow) !important;
  --space-0: 0 !important;
  --space-1: 2px !important;
  --space-2: 4px !important;
  --space-3: 6px !important;
  --space-4: 8px !important;
  --space-5: 10px !important;
  --space-6: 12px !important;
  --space-7: 14px !important;
  --space-8: 16px !important;
  --space-9: 18px !important;
  --space-10: 20px !important;
  --space-12: 24px !important;
  --space-14: 28px !important;
  --space-16: 32px !important;
  --space-20: 40px !important;
  --text-2xs: 0.625rem !important;
  --text-xs: 0.6875rem !important;
  --text-sm: 0.75rem !important;
  --text-body-sm: 0.8125rem !important;
  --text-body: 0.9375rem !important;
  --text-label: 0.8125rem !important;
  --text-title-sm: 1.0625rem !important;
  --text-title: 1.25rem !important;
  --text-title-lg: 1.5rem !important;
  --text-display: 1.85rem !important;
  --control-height-xs: 28px !important;
  --control-height-sm: 32px !important;
  --control-height-md: 44px !important;
  --control-height-lg: 48px !important;
  --button-height: var(--control-height-md) !important;
  --button-padding-x: var(--space-8) !important;
  --button-font-size: 0.875rem !important;
  --button-radius: var(--radius-full) !important;
  --chip-height: var(--control-height-sm) !important;
  --chip-padding-x: var(--space-6) !important;
  --card-padding: var(--space-8) !important;
  --card-gap: var(--space-6) !important;
}

body.lineoa-theme {
  font-size: var(--text-body) !important;
  line-height: 1.6 !important;
}

body.lineoa-theme :is(h1, h2, h3, h4, h5, h6),
body.lineoa-theme :is(.section-head h2, .section-head h3, .profile-ref-section-title, .home-open-list-head h3, .sheet-title, .modal-card h3, .home-match-filter-modal-head h3, .report-ref-title, .group-detail-ribbon h2, .group-detail-hero h2) {
  font-family: var(--font-headline) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: var(--text) !important;
}

body.lineoa-theme :is(.section-head h2, .sheet-title, .profile-ref-name, .group-detail-ribbon h2, .group-detail-hero h2) {
  font-size: var(--text-title-lg) !important;
  line-height: 1.1 !important;
}

body.lineoa-theme :is(.section-head h3, .profile-ref-section-title, .home-open-list-head h3, .home-match-filter-modal-head h3, .report-ref-title) {
  font-size: var(--text-title-sm) !important;
  line-height: 1.18 !important;
}

body.lineoa-theme :is(p, li, input, select, textarea, td, th) {
  font-size: var(--text-body-sm) !important;
}

body.lineoa-theme :is(.section-kicker, .mini-overline, label > span, .form-label-text, .sheet-field-label, .register-line-kicker, .report-ref-label, .home-match-filter-select-field > span, .home-match-filter-group h4) {
  font-family: var(--font-headline) !important;
  font-size: var(--text-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme :is(small, .profile-ref-stat-label, .challenge-schedule, .challenge-tag, .home-match-filter-reset-btn, .tab-btn .tab-label) {
  font-size: var(--text-sm) !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme :is(
  .card,
  .simple-item,
  .community-item,
  .challenge-item,
  .challenge-match-card,
  .my-match-card,
  .profile-match-card,
  .profile-stats-card,
  .profile-ref-card,
  .profile-ref-section,
  .report-ref-card,
  .report-match-card,
  .modal-card,
  .member-profile-info-card,
  .member-profile-bio-card,
  .groups-hub-card,
  .group-detail-rank-item,
  .group-activity-result-card,
  .group-detail-report-item,
  .group-performance-match-item
) {
  border-color: var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
}

body.lineoa-theme :is(
  #registerCard,
  #tab-home .card:not(.profile-hero):not(.tier-card),
  #tab-community .card,
  #tab-arena .card,
  #tab-profile .card:not(.member-details):not(.profile-switch-card),
  .profile-view .card,
  .profile-ref-section,
  .profile-stats-card,
  .report-match-card,
  .modal-card,
  .report-ref-card,
  .member-profile-info-card,
  .member-profile-bio-card
) {
  padding: var(--card-padding) !important;
}

body.lineoa-theme :is(
  .mobile-shell,
  .stack-form,
  .community-toolbar,
  .home-feed-list,
  .profile-results-block,
  .groups-card-main,
  .arena-panel,
  .profile-ref-section,
  .profile-stats-card,
  .report-layout-generic,
  .report-ref-form,
  .home-match-filter-fields
) {
  gap: var(--card-gap) !important;
}

body.lineoa-theme :is(
  .primary-btn,
  .secondary-btn,
  .inline-btn,
  .checkin-btn,
  .upcoming-secondary-btn,
  .arena-boost-btn,
  .challenge-action-btn,
  .profile-view-btn,
  .profile-range-btn,
  .profile-settings-primary-btn,
  .profile-settings-secondary-btn,
  .group-join-submit-btn,
  .group-join-help-btn,
  .group-create-submit-btn,
  .group-report-primary-btn,
  .group-report-secondary-btn,
  .group-activity-report-submit-btn,
  .group-report-success-secondary-btn,
  .home-match-filter-submit-btn,
  .home-match-filter-reset-btn,
  .member-profile-primary,
  .member-profile-secondary,
  .profile-match-primary-btn,
  .profile-match-secondary-btn,
  .home-group-feed-open-btn
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--button-height) !important;
  min-height: var(--button-height) !important;
  border-radius: var(--button-radius) !important;
  padding: 0 var(--button-padding-x) !important;
  font-family: var(--font-headline) !important;
  font-size: var(--button-font-size) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.lineoa-theme :is(.primary-btn, .report-submit-btn, .sheet-cta, .home-match-filter-submit-btn) {
  width: 100% !important;
}

body.lineoa-theme #tab-community .home-static-filter-chips button,
body.lineoa-theme #tab-home[data-tab="matches"] .home-static-filter-chips button,
body.lineoa-theme #tab-community .challenge-tag,
body.lineoa-theme #tab-home[data-tab="matches"] .challenge-tag,
body.lineoa-theme .home-match-filter-choice-chip,
body.lineoa-theme .home-match-filter-chip,
body.lineoa-theme .home-match-filter-icon {
  min-height: var(--chip-height) !important;
  height: var(--chip-height) !important;
  padding-inline: var(--chip-padding-x) !important;
  border-radius: var(--radius-full) !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme #tab-community .challenge-join-btn,
body.lineoa-theme #tab-home[data-tab="matches"] .challenge-join-btn,
body.lineoa-theme .my-match-card .challenge-join-btn {
  min-height: var(--control-height-sm) !important;
  height: var(--control-height-sm) !important;
  border-radius: var(--radius-full) !important;
  padding-inline: var(--space-7) !important;
  font-size: var(--text-sm) !important;
  font-weight: 800 !important;
}

body.lineoa-theme :is(
  .primary-btn,
  .checkin-btn,
  .arena-boost-btn,
  .group-join-submit-btn,
  .group-create-submit-btn,
  .group-report-primary-btn,
  .group-activity-report-submit-btn,
  .home-match-filter-submit-btn,
  .member-profile-primary,
  .profile-match-primary-btn,
  .inline-btn.success
) {
  border-color: transparent !important;
  background: var(--brand) !important;
  color: var(--brand-text) !important;
  box-shadow: var(--shadow-glow) !important;
}

body.lineoa-theme :is(
  .secondary-btn,
  .inline-btn,
  .upcoming-secondary-btn,
  .challenge-action-btn,
  .profile-view-btn,
  .profile-range-btn,
  .profile-settings-secondary-btn,
  .group-join-help-btn,
  .group-report-secondary-btn,
  .group-report-success-secondary-btn,
  .member-profile-secondary,
  .profile-match-secondary-btn
) {
  border: 1px solid var(--border) !important;
  background: var(--surface-container-lowest) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

body.lineoa-theme :is(
  .primary-btn:disabled,
  .secondary-btn:disabled,
  .inline-btn:disabled,
  .checkin-btn:disabled,
  .challenge-action-btn:disabled,
  .home-match-filter-submit-btn:disabled,
  .member-profile-primary:disabled,
  .member-profile-secondary:disabled
) {
  background: var(--surface-container) !important;
  color: var(--text-soft) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body.lineoa-theme :is(
  .home-static-filter-chips button,
  .home-match-filter-chip,
  .home-match-filter-icon,
  .home-match-filter-choice-chip,
  .challenge-tag,
  .meta-chip,
  .pill,
  .feed-pill,
  .role-pill,
  .intent-pill,
  .result-chip,
  .log-chip,
  .tier-badge,
  .pending-chip,
  .verified-badge,
  .groups-status-pill
) {
  min-height: var(--chip-height) !important;
  border-radius: var(--radius-full) !important;
  padding-inline: var(--chip-padding-x) !important;
  font-family: var(--font-headline) !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme :is(.home-static-filter-chips button.is-active, .home-match-filter-choice-chip.is-active, .challenge-tag.is-ranked, .feed-pill, .role-pill) {
  border-color: rgba(189, 242, 31, 0.55) !important;
  background: rgba(189, 242, 31, 0.18) !important;
  color: var(--text) !important;
}

body.lineoa-theme :is(input, select, textarea, .home-match-filter-location-toggle, .home-match-filter-range-input-row input, .home-match-filter-select-wrap select, .report-ref-picker input) {
  border-color: var(--border) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-body) !important;
}

body.lineoa-theme :is(input, select, textarea):focus,
body.lineoa-theme :is(.home-match-filter-location-toggle, .report-ref-picker input):focus,
body.lineoa-theme :is(.home-match-filter-location-toggle, .report-ref-picker input):focus-visible {
  outline: none !important;
  border-color: rgba(189, 242, 31, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.24) !important;
}

body.lineoa-theme :is(button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid rgba(189, 242, 31, 0.9) !important;
  outline-offset: 2px !important;
}

body.lineoa-theme :is(input[type="checkbox"], input[type="radio"], input[type="range"]) {
  accent-color: var(--brand) !important;
}

body.lineoa-theme :is(.challenge-join-btn, .upcoming-checkin-btn, .home-create-match-pill, .home-primary-action) {
  background: var(--brand) !important;
  color: var(--brand-text) !important;
  border-color: transparent !important;
  font-family: var(--font-headline) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme :is(.challenge-join-btn.is-disabled, .challenge-join-btn:disabled, .upcoming-checkin-btn--soft) {
  background: var(--surface-container) !important;
  color: var(--text-soft) !important;
  box-shadow: none !important;
}

/* English typography weight trim
   Thai copy keeps the existing Noto Sans Thai fallback and section hierarchy. */
html[data-language="en"] body.lineoa-theme {
  --font-headline: "Inter", "Plus Jakarta Sans", "Noto Sans Thai", sans-serif !important;
  --font-body: "Inter", "Noto Sans Thai", "Plus Jakarta Sans", sans-serif !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .top-ribbon h1,
  .brand-mini h1,
  .home-create-match-pill,
  .home-primary-action,
  .primary-btn,
  .sheet-cta,
  .report-submit-btn,
  .challenge-join-btn,
  .upcoming-checkin-btn,
  .profile-match-primary-btn,
  .member-profile-primary,
  .group-create-submit-btn,
  .group-join-submit-btn,
  .home-match-filter-submit-btn
) {
  font-weight: 700 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .top-brand-subtitle,
  .home-nearme-pill,
  .home-location-pill,
  .home-static-filter-chips button,
  .home-match-filter-chip,
  .home-match-filter-choice-chip,
  .challenge-match-title,
  .my-match-card h4,
  .my-match-card .challenge-tag,
  .challenge-tag,
  .challenge-count-pill,
  .challenge-schedule,
  .challenge-match-location,
  .tab-btn .tab-label,
  .profile-view-btn,
  .my-matches-primary-tabs button,
  .my-matches-filter-bar button,
  .qp-pill,
  .post-type-card,
  .qp-type-title,
  .court-card-main h4,
  .community-main h4,
  .groups-card-main h4
) {
  font-weight: 600 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .home-static-filter-chips button.is-active,
  .home-match-filter-choice-chip.is-active,
  .challenge-tag.is-ranked,
  .tab-btn.is-active .tab-label,
  .my-matches-primary-tabs button.is-active,
  .my-matches-filter-bar button.is-active,
  .qp-pill.is-active
) {
  font-weight: 700 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .challenge-match-location,
  .my-match-card-location,
  .report-ref-value,
  .qp-row-value,
  .court-card-main p,
  .community-main p,
  .groups-card-main p
) {
  font-weight: 400 !important;
}

/* Create match: match type choices sit directly inside settings, no nested wrapper card. */
body.lineoa-theme .smatch-sheet .qp-match-type-card-wrap {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet .qp-step-page {
  display: none !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet .qp-step-page.is-active {
  display: grid !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions--split {
  display: grid !important;
  grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet .qp-step-next-btn,
body.lineoa-theme .smatch-sheet .qp-step-back-btn,
body.lineoa-theme .smatch-sheet .qp-step-actions .sheet-cta {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-setting-row {
  grid-template-columns: minmax(82px, 0.28fr) minmax(0, 1fr) !important;
  align-items: start !important;
  min-height: 0 !important;
  padding-block: 10px !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-pill-set {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 999px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-pill small {
  color: #697378 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-pill.is-active {
  border-color: rgba(189, 242, 31, 0.95) !important;
  background: #BDF21F !important;
  color: #111516 !important;
  font-weight: 600 !important;
}

body.lineoa-theme .smatch-sheet .qp-requirement-pill.is-active small {
  color: #254400 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .smatch-sheet .qp-requirement-setting-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.lineoa-theme .smatch-sheet .qp-requirement-pill-set {
    justify-content: flex-start !important;
  }
}

/* Match detail should behave like a native mobile screen, not a narrow modal. */
@media (max-width: 768px) {
  body.lineoa-theme .group-match-detail-modal {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
  }

  body.lineoa-theme .group-match-detail-sheet {
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body.lineoa-theme .group-match-detail-head {
    padding-top: max(16px, env(safe-area-inset-top)) !important;
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
  }

  body.lineoa-theme .group-match-detail-content {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
  }

  body.lineoa-theme .group-match-detail-actions {
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right)) !important;
  }
}

/* English typography weight trim, pass 2: one step lighter for Latin-heavy UI text. */
html[data-language="en"] body.lineoa-theme :is(
  .top-ribbon h1,
  .brand-mini h1,
  .home-create-match-pill,
  .home-primary-action,
  .primary-btn,
  .sheet-cta,
  .report-submit-btn,
  .challenge-join-btn,
  .upcoming-checkin-btn,
  .profile-match-primary-btn,
  .member-profile-primary,
  .group-create-submit-btn,
  .group-join-submit-btn,
  .home-match-filter-submit-btn,
  .group-match-detail-share-btn,
  .group-match-detail-edit-btn,
  .smatch-sheet .qp-step-next-btn,
  .smatch-sheet .qp-step-back-btn
) {
  font-weight: 600 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .top-brand-subtitle,
  .home-nearme-pill,
  .home-location-pill,
  .home-static-filter-chips button,
  .home-match-filter-chip,
  .home-match-filter-choice-chip,
  .challenge-match-title,
  .my-match-card h4,
  .challenge-tag,
  .my-match-card .challenge-tag,
  .challenge-count-pill,
  .challenge-schedule,
  .challenge-match-location,
  .tab-btn .tab-label,
  .profile-view-btn,
  .my-matches-primary-tabs button,
  .my-matches-filter-bar button,
  .qp-pill,
  .post-type-card,
  .qp-type-title,
  .court-card-main h4,
  .community-main h4,
  .groups-card-main h4,
  .open-match-detail-pill,
  .open-match-detail-info-row strong,
  .open-match-detail-copy-card h4,
  .skill-chip,
  .home-match-filter-reset-btn
) {
  font-weight: 500 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  .home-static-filter-chips button.is-active,
  .home-match-filter-choice-chip.is-active,
  .challenge-tag.is-ranked,
  .tab-btn.is-active .tab-label,
  .my-matches-primary-tabs button.is-active,
  .my-matches-filter-bar button.is-active,
  .qp-pill.is-active,
  .smatch-sheet .qp-requirement-pill.is-active
) {
  font-weight: 600 !important;
}

/* Create match settings: align first controls with level/gender row spacing. */
body.lineoa-theme .smatch-sheet .qp-match-type-card-wrap {
  gap: 10px !important;
  padding: 2px 0 10px !important;
}

body.lineoa-theme .smatch-sheet .qp-match-type-card-wrap > .qp-setting-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

body.lineoa-theme .smatch-sheet .qp-type-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.lineoa-theme .smatch-sheet .qp-settings-card > .qp-setting-row:not(.qp-requirement-setting-row):not(.qp-players-row) {
  grid-template-columns: minmax(82px, 0.28fr) minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 56px !important;
  padding-block: 9px !important;
}

body.lineoa-theme .smatch-sheet .qp-settings-card > .qp-setting-row:not(.qp-requirement-setting-row):not(.qp-players-row) .qp-pill-group {
  align-self: center !important;
  justify-self: stretch !important;
  min-height: 38px !important;
}

body.lineoa-theme .smatch-sheet .qp-settings-card > .qp-setting-row:not(.qp-requirement-setting-row):not(.qp-players-row) .qp-pill {
  min-height: 32px !important;
}

/* Create match level requirement: compact 2-line gauge instead of wrapping pills. */
body.lineoa-theme .smatch-sheet .qp-level-gauge {
  --qp-level-min-progress: 0%;
  --qp-level-max-progress: 100%;
  position: relative !important;
  display: grid !important;
  grid-template-rows: 24px auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 3px 0 0 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input {
  -webkit-appearance: none !important;
  appearance: none !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
  width: calc(100% - 34px) !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  margin-inline: 17px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: none !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge::before {
  content: "" !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
  display: block !important;
  width: calc(100% - 34px) !important;
  height: 7px !important;
  margin-inline: 17px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      #E8ECEE 0%,
      #E8ECEE var(--qp-level-min-progress),
      #BDF21F var(--qp-level-min-progress),
      #BDF21F var(--qp-level-max-progress),
      #E8ECEE var(--qp-level-max-progress),
      #E8ECEE 100%
    ) !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input::-webkit-slider-runnable-track {
  height: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: -8.5px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input::-moz-range-track {
  height: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input-min {
  z-index: 3 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-input-max {
  z-index: 4 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button {
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7A8387 !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  text-align: center !important;
  white-space: normal !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button span,
body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button small {
  color: #8B9498 !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button.is-active {
  color: #111516 !important;
  font-weight: 600 !important;
}

body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button.is-active small {
  color: #546166 !important;
  font-weight: 600 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button {
    font-size: 9px !important;
  }

  body.lineoa-theme .smatch-sheet .qp-level-gauge-labels button small {
    font-size: 7px !important;
  }
}

/* Create match venue picker: clean stacked field with aligned selected court summary. */
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  min-height: 0 !important;
  align-items: stretch !important;
  padding: 14px 0 16px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-row-label {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-body {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
  justify-self: stretch !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-combobox {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-input-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 4px 5px 4px 14px !important;
  border: 1px solid #DCE2E4 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 0 0 1px rgba(255,255,255,0.42) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-venue-row .qp-venue-input-wrap input {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #15191A !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: left !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-venue-row .qp-venue-input-wrap input::placeholder {
  color: #9AA4A8 !important;
  font-weight: 400 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-clear-btn {
  width: auto !important;
  min-width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #F0F4F5 !important;
  color: #5C666A !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-clear-btn.hidden {
  display: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-body.has-selected-court .qp-venue-input-wrap {
  border-color: #E3E8EA !important;
  background: #FBFCFC !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 5px 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid #E2E8EA !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFA 100%) !important;
  box-shadow: 0 12px 24px -22px rgba(17, 21, 22, 0.35) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected.hidden {
  display: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected-name {
  grid-column: 1 / -1 !important;
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #141819 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected-meta {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected-location {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #687276 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  background: #DCF5E7 !important;
  color: #237A44 !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-dropdown {
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  z-index: 40 !important;
  width: auto !important;
  max-height: min(280px, 42dvh) !important;
  padding: 7px !important;
  border: 1px solid #E1E7E9 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 36px -24px rgba(17, 21, 22, 0.45) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-option {
  min-height: 48px !important;
  padding: 9px 10px !important;
  border-radius: 11px !important;
  background: transparent !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-option:hover,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-option.is-selected {
  background: #F4F8F2 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-option-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Create match title: add breathing room around the focused input ring. */
body.lineoa-theme .smatch-sheet .qp-match-title-row {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
}

body.lineoa-theme .smatch-sheet .qp-match-title-row .qp-section-title {
  line-height: 1.2 !important;
}

body.lineoa-theme .smatch-sheet #quickMatchTitleInput {
  min-height: 50px !important;
  padding-block: 12px !important;
}

/* Create match header: left arrow navigates back, right X closes. */
body.lineoa-theme .smatch-sheet .qp-sheet-header {
  grid-template-columns: 28px minmax(0, 1fr) 28px !important;
}

body.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-dismiss-btn {
  display: grid !important;
  grid-column: 3 !important;
  justify-self: end !important;
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(218, 224, 228, 0.95) !important;
  border-radius: 9px !important;
  background: #FFFFFF !important;
  color: #5B6670 !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-dismiss-btn .material-symbols-outlined {
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

/* Create match details step: match the compact scale of the settings step. */
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-section-title {
  font-size: var(--text-body) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-detail-card {
  padding: 12px !important;
  border-radius: 14px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-detail-row,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row {
  grid-template-columns: 24px minmax(86px, 0.32fr) minmax(0, 1fr) 16px !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row {
  grid-template-columns: 24px minmax(86px, 0.32fr) minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-time-only-row {
  grid-template-columns: 24px minmax(86px, 0.32fr) minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-row-icon,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-row-icon,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-row-icon {
  width: 24px !important;
  height: 24px !important;
  font-size: 20px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-row-label,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-row-label,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-row-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-row-label small {
  font-size: 11px !important;
  font-weight: 400 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-controls {
  gap: 4px 6px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-only-row .qp-date-time-controls {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-time-only-row .qp-time-pair {
  justify-self: end !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-nav {
  grid-template-columns: 18px minmax(82px, auto) 18px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-arrow {
  width: 18px !important;
  height: 28px !important;
  min-height: 28px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-arrow .material-symbols-outlined {
  font-size: 18px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-display-label {
  min-width: 82px !important;
  max-width: 92px !important;
  height: 28px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-row-value,
body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-date-time-row .qp-time-select,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-time-sep {
  font-size: 11px !important;
  font-weight: 500 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-date-time-row .qp-time-select {
  width: 54px !important;
  height: 28px !important;
  min-height: 28px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-input-wrap {
  min-height: 30px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-venue-row .qp-venue-input-wrap input {
  height: 30px !important;
  min-height: 30px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row {
  grid-template-columns: 24px minmax(0, 1fr) 16px !important;
  gap: 8px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 10px 0 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row .qp-row-label {
  grid-column: 2 / 4 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row textarea,
body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-note-row textarea {
  grid-column: 1 / -1 !important;
  min-height: 92px !important;
  height: 92px !important;
  padding: 12px 14px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 14px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-note-row textarea::placeholder {
  color: #9AA1A5 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row .qp-row-chevron {
  display: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-step-actions {
  gap: 8px !important;
  margin-top: 10px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-step-actions--split {
  grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-step-back-btn,
body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-cta {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: var(--button-radius) !important;
  font-size: var(--button-font-size) !important;
  font-weight: 600 !important;
}

/* Create match review step: preview uses the same compact match-detail language. */
body.lineoa-theme .smatch-sheet #quickReviewPage .qp-review-screen,
body.lineoa-theme .smatch-sheet #quickReviewPage .qp-review-content {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .qp-review-title {
  margin: 0 !important;
  color: #15191A !important;
  font-size: var(--text-body) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .qp-review-match-name {
  margin: 0 !important;
  color: #15191A !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .open-match-detail-grid {
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 10px !important;
  padding: 12px 12px 0 !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .open-match-detail-cover {
  width: 104px !important;
  height: 104px !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .open-match-detail-players-card {
  padding-inline: 12px !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .open-match-detail-card {
  padding: 12px !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .qp-step-actions {
  gap: 8px !important;
  margin-top: 10px !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .qp-step-actions--split {
  grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet #quickReviewPage .qp-step-back-btn,
body.lineoa-theme .smatch-sheet #quickReviewPage .sheet-cta {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: var(--button-radius) !important;
  font-size: var(--button-font-size) !important;
  font-weight: 600 !important;
}

/* Party capacity: one dual range bar for confirm-min and max players. */
body.lineoa-theme .smatch-sheet .quick-party-capacity-grid {
  display: block !important;
  width: 100% !important;
}

body.lineoa-theme .smatch-sheet .quick-party-capacity-range {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme .smatch-sheet .quick-party-capacity-range-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: #5F676A !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme .smatch-sheet .quick-party-capacity-range-head strong {
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap {
  --party-min-pct: 0%;
  --party-max-pct: 0%;
  position: relative !important;
  height: 28px !important;
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 8px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background:
    linear-gradient(
      90deg,
      #E8ECEE 0%,
      #E8ECEE var(--party-min-pct),
      #BDF21F var(--party-min-pct),
      #BDF21F var(--party-max-pct),
      #E8ECEE var(--party-max-pct),
      #E8ECEE 100%
    ) !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap input[type="range"]::-webkit-slider-runnable-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: -7px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
  cursor: grab !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap input[type="range"]::-moz-range-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-wrap input[type="range"]::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
  cursor: grab !important;
}

body.lineoa-theme .smatch-sheet #quickMinPlayersRange {
  z-index: 3 !important;
}

body.lineoa-theme .smatch-sheet #quickMaxPlayersRange {
  z-index: 4 !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-scale {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  color: #9AA1A5 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme .smatch-sheet .quick-party-range-scale span {
  min-width: 0 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

/* Match cards: date/time and player count top row. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .cmatch-top-row {
  grid-area: top !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 0 14px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #4B5055 !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part.is-date {
  flex: 0 1 auto !important;
  color: #176B12 !important;
  font-weight: 600 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part.is-time {
  flex: 1 1 auto !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part .material-symbols-outlined {
  flex: 0 0 auto !important;
  font-size: 15px !important;
  color: currentColor !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-divider {
  display: block !important;
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 14px !important;
  background: #DDE1E3 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill,
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill.is-full {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #F4F5F4 !important;
  color: #44494D !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill .material-symbols-outlined {
  flex: 0 0 auto !important;
  font-size: 16px !important;
  color: #4B5055 !important;
  font-variation-settings: "FILL" 1, "wght" 320, "GRAD" 0, "opsz" 20 !important;
}

@media (max-width: 430px) {
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .cmatch-top-row {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule {
    gap: 4px !important;
    font-size: 10px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part {
    gap: 3px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part .material-symbols-outlined {
    font-size: 14px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-divider {
    height: 13px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill,
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill.is-full {
    gap: 3px !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill .material-symbols-outlined {
    font-size: 15px !important;
  }
}

/* Match cards: show joined players only, capped at 3 avatars plus a green +N badge. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-row {
  gap: 0 !important;
  overflow: visible !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-row > * + * {
  margin-left: -7px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar,
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-more {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar {
  border: 2px solid #FFFFFF !important;
  background: #E8ECEE !important;
  box-shadow: 0 2px 7px rgba(17, 21, 22, 0.10) !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar:first-child {
  border-color: #2DAA20 !important;
  box-shadow: 0 0 0 2px rgba(189, 242, 31, 0.45), 0 2px 7px rgba(17, 21, 22, 0.10) !important;
  z-index: 4 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar:nth-child(2) {
  z-index: 3 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar:nth-child(3) {
  z-index: 2 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-more {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #FFFFFF !important;
  background: #2F7137 !important;
  color: #FFFFFF !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Match cards: minimal detail rows instead of heavy metadata pills. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-list {
  grid-area: tags !important;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 7px 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid #ECEFF0 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #44494D !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: #1F851B !important;
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item.is-ranked .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-divider {
  display: block !important;
  width: 1px !important;
  height: 21px !important;
  background: #DDE1E3 !important;
}

@media (max-width: 430px) {
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-list {
    gap: 7px !important;
    margin-top: 6px !important;
    padding-top: 9px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-row {
    gap: 7px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item {
    gap: 5px !important;
    font-size: 11px !important;
  }

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item .material-symbols-outlined {
    font-size: 16px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-divider {
    height: 18px !important;
  }
}

/* Create match: no Material Symbols in the sheet. */
body.lineoa-theme .smatch-sheet .qp-sheet-header {
  grid-template-columns: minmax(44px, auto) minmax(0, 1fr) minmax(40px, auto) !important;
  gap: 8px !important;
}

body.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-close-btn,
body.lineoa-theme .smatch-sheet .qp-sheet-header .sheet-dismiss-btn {
  width: auto !important;
  min-width: 40px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body.lineoa-theme .smatch-sheet .qp-type-icon,
body.lineoa-theme .smatch-sheet .qp-row-icon,
body.lineoa-theme .smatch-sheet .qp-row-chevron,
body.lineoa-theme .smatch-sheet .quick-opponent-chevron {
  display: none !important;
}

body.lineoa-theme .smatch-sheet .post-type-card {
  gap: 6px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-detail-row,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-time-only-row,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row {
  grid-template-columns: minmax(76px, 0.28fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-nav {
  grid-template-columns: 36px minmax(86px, auto) 36px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-arrow {
  width: auto !important;
  min-width: 36px !important;
  padding: 0 5px !important;
  color: #6E777B !important;
  font-size: 0 !important;
  font-weight: 600 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-date-time-row .qp-date-arrow .material-symbols-outlined {
  display: inline-flex !important;
  color: currentColor !important;
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 380, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row .qp-row-label,
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-note-row textarea,
body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-note-row textarea {
  grid-column: 1 / -1 !important;
}

body.lineoa-theme .smatch-sheet .court-picker-clear-btn {
  width: auto !important;
  min-width: 36px !important;
  padding-inline: 8px !important;
  color: #6E777B !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Create match details: selected court summary card. */
body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row {
  align-items: start !important;
  min-height: 92px !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-body {
  display: grid !important;
  grid-column: 2 / -1 !important;
  gap: 7px !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-combobox {
  min-width: 0 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-input-wrap {
  min-height: 34px !important;
  padding: 3px 5px 3px 11px !important;
  border: 1px solid #E4E8EA !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-body.has-selected-court .qp-venue-input-wrap {
  border-color: #DDE3E5 !important;
  background: #FBFCFC !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .sheet-card .qp-venue-row .qp-venue-input-wrap input {
  height: 28px !important;
  min-height: 28px !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-body.has-selected-court .qp-venue-input-wrap input {
  font-weight: 700 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .court-picker-clear-btn {
  min-width: 38px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding-inline: 8px !important;
  border-radius: 999px !important;
  background: #EEF2F3 !important;
  color: #6A7478 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected {
  display: flex !important;
  gap: 8px !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid #E4EAEC !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #FBFDFC 0%, #F5F8F7 100%) !important;
  box-shadow: 0 10px 24px -22px rgba(17, 21, 22, 0.3) !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-row .qp-venue-selected.hidden {
  display: none !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-selected-name {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-selected-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #687276 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-selected-location {
  min-width: 70px !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  color: #687276 !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .smatch-sheet #quickDetailsPage .qp-venue-selected-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  background: #DCF5E7 !important;
  color: #237A44 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Create match action footers + match detail header scale. */
body.lineoa-theme .smatch-sheet .qp-step-actions.group-match-detail-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 7 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: auto !important;
  margin: 12px -14px calc(-26px - env(safe-area-inset-bottom, 0px)) !important;
  padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid #E7EBED !important;
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions-row--single {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions :is(.group-match-detail-share-btn, .group-match-detail-edit-btn) {
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions .group-match-detail-share-btn {
  border: 1px solid #DADFE1 !important;
  background: #FFFFFF !important;
  color: #0D1112 !important;
  box-shadow: none !important;
}

body.lineoa-theme .smatch-sheet .qp-step-actions .group-match-detail-edit-btn {
  border: 1px solid var(--brand) !important;
  background: var(--brand) !important;
  color: #080C0D !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.18) !important;
}

body.lineoa-theme .group-match-detail-head {
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  min-height: 56px !important;
  padding: 8px 14px !important;
}

body.lineoa-theme .group-match-detail-head h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

body.lineoa-theme .group-match-detail-close {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

body.lineoa-theme .group-match-detail-close .material-symbols-outlined,
body.lineoa-theme .group-match-detail-menu-btn .material-symbols-outlined {
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme .group-match-detail-menu-btn #groupMatchDetailTopActionIcon {
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 24 !important;
}

/* Match card avatars: one open slot preview plus slots-left label. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack {
  grid-area: avatars !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: end !important;
  align-self: center !important;
  gap: 3px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack .challenge-avatar-row {
  grid-area: auto !important;
  width: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack .challenge-avatar-row > * + * {
  margin-left: -7px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-empty {
  position: relative !important;
  z-index: 1 !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1.5px dashed #CBD2D6 !important;
  border-radius: 999px !important;
  background: #F7F9FA !important;
  color: #8D969B !important;
  box-shadow: inset 0 0 0 2px #FFFFFF !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-empty .material-symbols-outlined {
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-slots-left-label {
  max-width: 100% !important;
  overflow: visible !important;
  color: #6B7478 !important;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans Thai", sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 430px) {
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-empty {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-slots-left-label {
    font-size: 9px !important;
  }
}

/* Match card visual density: closer to the clean reference rhythm. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-card {
  border-radius: 18px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-main {
  grid-template-columns: minmax(0, 1fr) minmax(96px, 112px) !important;
  gap: 5px 10px !important;
  padding: 13px 14px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .cmatch-top-row {
  gap: 7px !important;
  margin: 0 0 8px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule {
  gap: 4px !important;
  color: #4C5357 !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part {
  gap: 3px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part.is-date {
  color: #177615 !important;
  font-weight: 600 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part .material-symbols-outlined {
  font-size: 13px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-divider {
  height: 12px !important;
  background: #D7DDE0 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill,
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill.is-full {
  gap: 3px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #F2F3F3 !important;
  color: #454B4E !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill .material-symbols-outlined {
  font-size: 14px !important;
  color: #41474A !important;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-top-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-location {
  gap: 5px !important;
  color: #636B6F !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-location .material-symbols-outlined {
  color: #15191A !important;
  font-size: 16px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-list {
  gap: 3px !important;
  margin: 5px 0 0 !important;
  padding-top: 7px !important;
  border-top-color: #E8ECEE !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-row {
  gap: 5px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item {
  gap: 5px !important;
  color: #545C60 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item .material-symbols-outlined {
  color: #20851C !important;
  font-size: 15px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-divider {
  height: 16px !important;
  background: #DCE2E5 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack {
  gap: 2px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack .challenge-avatar-row > * + * {
  margin-left: -6px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar,
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-more,
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-empty {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-slots-left-label {
  color: #6F777B !important;
  font-size: 9.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  overflow: visible !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn {
  height: 32px !important;
  min-height: 32px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 430px) {
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 106px) !important;
    gap: 5px 9px !important;
    padding: 13px 14px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .cmatch-top-row {
    margin-bottom: 7px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule,
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill,
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-count-pill.is-full {
    font-size: 9px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item {
    font-size: 10px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item .material-symbols-outlined {
    font-size: 14px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-party-avatar,
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-more,
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-empty {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* Home match filter: align with the create-match sheet system. */
body.lineoa-theme #homeMatchFilterModal {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #F8F9FA !important;
}

body.lineoa-theme #homeMatchFilterModal .modal-backdrop {
  display: none !important;
}

body.lineoa-theme #homeMatchFilterForm.home-match-filter-modal-card {
  position: relative !important;
  width: min(430px, 100%) !important;
  height: 100dvh !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 auto !important;
  padding: 0 14px calc(26px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #F8F9FA !important;
  box-shadow: 0 0 34px rgba(18, 22, 24, 0.10) !important;
  -webkit-overflow-scrolling: touch !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  margin: 0 -14px 6px !important;
  padding: 6px 14px 5px !important;
  border: 0 !important;
  background: rgba(248, 249, 250, 0.94) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head > div {
  grid-column: 2 !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head .section-kicker {
  display: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head h3 {
  margin: 0 !important;
  overflow: hidden !important;
  color: #121617 !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-close {
  grid-column: 3 !important;
  justify-self: end !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #5B6670 !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-close .material-symbols-outlined {
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-fields {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid--range {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-group,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-select-field {
  min-width: 0 !important;
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(22, 27, 30, 0.035) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-group h4,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-select-field > span {
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-choice-chip {
  width: auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 999px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-choice-chip.is-active {
  border-color: rgba(189, 242, 31, 0.95) !important;
  background: #BDF21F !important;
  color: #111516 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-wrap {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row input {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 10px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-sep {
  color: #747D82 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field {
  position: relative !important;
  z-index: 3 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle .material-symbols-outlined {
  color: #697378 !important;
  font-size: 18px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-menu {
  top: calc(100% + 7px) !important;
  z-index: 20 !important;
  max-height: min(44dvh, 320px) !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 34px -24px rgba(31, 36, 36, 0.42) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-menu.hidden {
  display: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search {
  min-height: 36px !important;
  padding: 0 9px !important;
  border: 1px solid #E2E7E9 !important;
  border-radius: 11px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search .material-symbols-outlined {
  color: #778186 !important;
  font-size: 16px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search input {
  min-height: 32px !important;
  height: 32px !important;
  color: #15191A !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-tools {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-tools button {
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 999px !important;
  background: #F8FAFA !important;
  color: #5F6B70 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-list {
  max-height: min(28dvh, 200px) !important;
  display: grid !important;
  gap: 5px !important;
  overflow-y: auto !important;
  padding-right: 2px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option {
  min-height: 34px !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  accent-color: var(--brand) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option span,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-empty {
  color: #31383A !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 7 !important;
  display: grid !important;
  grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: auto -14px calc(-26px - env(safe-area-inset-bottom, 0px)) !important;
  padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid #E7EBED !important;
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-reset-btn,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-submit-btn {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-reset-btn {
  justify-self: stretch !important;
  border: 1px solid #DADFE1 !important;
  background: #FFFFFF !important;
  color: #0D1112 !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-submit-btn {
  border: 1px solid var(--brand) !important;
  background: var(--brand) !important;
  color: #080C0D !important;
  box-shadow: 0 10px 22px rgba(189, 242, 31, 0.18) !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid,
  body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid--range {
    grid-template-columns: 1fr !important;
  }

  body.lineoa-theme #homeMatchFilterModal .home-match-filter-actions {
    grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr) !important;
  }
}

/* Home open-match header: compact tab system matching the create-match sheets */
body.lineoa-theme #tab-community .home-open-matches-card {
  display: grid !important;
  gap: 14px !important;
  padding: 16px 16px 18px !important;
  border: 1px solid rgba(226, 231, 233, 0.86) !important;
  border-radius: 24px !important;
  background: #F5F7F7 !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-open-list-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.lineoa-theme #tab-community .home-open-list-head .home-list-head-copy {
  min-width: 0 !important;
}

body.lineoa-theme #tab-community .home-open-list-head h3 {
  margin: 0 !important;
  color: #111617 !important;
  font-family: var(--font-headline) !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme #tab-community .home-open-list-head .home-create-match-pill {
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid var(--brand) !important;
  border-radius: 16px !important;
  background: var(--brand) !important;
  color: #0B0F10 !important;
  box-shadow: 0 12px 24px -18px rgba(95, 127, 0, 0.5) !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme #tab-community .home-open-list-head .home-create-match-pill .material-symbols-outlined {
  color: currentColor !important;
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 420, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 56px !important;
  align-items: stretch !important;
  min-height: 58px !important;
  overflow: hidden !important;
  border: 1px solid rgba(229, 233, 235, 0.9) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 18px rgba(22, 27, 30, 0.035) !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 0.78fr 1.18fr 0.9fr !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter] {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #30383B !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter]::after {
  content: "" !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 0 !important;
  left: 10px !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active {
  min-width: 0 !important;
  background: transparent !important;
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active::after {
  background: #198217 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn {
  position: relative !important;
  width: 56px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid #EDF0F1 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #202627 !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 430, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn.has-active-filters::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #218018 !important;
  box-shadow: 0 0 0 2px #FFFFFF !important;
}

body.lineoa-theme #tab-community .home-open-matches-card .home-feed-list {
  margin-top: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-nearby-group {
  padding: 12px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-nearby-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-pill,
body.lineoa-theme #homeMatchFilterModal .home-location-bar {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-pill {
  gap: 5px !important;
  padding: 0 11px !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-pill .material-symbols-outlined,
body.lineoa-theme #homeMatchFilterModal .home-location-gps .material-symbols-outlined {
  font-size: 17px !important;
  color: #5F6B70 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-bar {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 8px 0 11px !important;
  color: #59656A !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-bar > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-gps {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #5F6B70 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #tab-community .home-open-matches-card {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  body.lineoa-theme #tab-community .home-open-list-head h3 {
    font-size: 21px !important;
  }

  body.lineoa-theme #tab-community .home-open-list-head .home-create-match-pill {
    height: 40px !important;
    min-height: 40px !important;
    padding-inline: 14px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
  }

  body.lineoa-theme #tab-community .home-filter-tabs-row {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    min-height: 54px !important;
  }

  body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter],
  body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn {
    height: 54px !important;
    min-height: 54px !important;
  }

  body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter] {
    font-size: 12px !important;
  }

  body.lineoa-theme #homeMatchFilterModal .home-match-filter-nearby-row {
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) !important;
  }
}

/* My Matches tabs: quieter English sizing to match the refreshed filter controls */
body.lineoa-theme .my-matches-primary-tabs button {
  min-height: 28px !important;
  padding-bottom: 7px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active {
  font-weight: 600 !important;
}

body.lineoa-theme .my-matches-filter-row {
  font-size: 12px !important;
}

body.lineoa-theme .my-matches-filter-bar button,
body.lineoa-theme .my-matches-owner-btn {
  min-height: 26px !important;
  padding-bottom: 7px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .my-matches-filter-bar button.is-active,
body.lineoa-theme .my-matches-owner-btn.is-active {
  font-weight: 600 !important;
}

body.lineoa-theme .my-matches-filter-bar button em,
body.lineoa-theme .my-matches-owner-btn em {
  font-size: 11px !important;
  font-weight: 500 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .my-matches-primary-tabs button {
    font-size: 12.5px !important;
  }

  body.lineoa-theme .my-matches-filter-bar button,
  body.lineoa-theme .my-matches-owner-btn {
    font-size: 11.5px !important;
  }
}

/* My Match simplified section tabs */
body.lineoa-theme .my-matches-screen {
  gap: 14px !important;
}

body.lineoa-theme .my-matches-head {
  margin-bottom: 0 !important;
}

body.lineoa-theme .my-matches-primary-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.1) !important;
}

body.lineoa-theme .my-matches-primary-tabs button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 8px 11px !important;
  color: #343B3E !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active::after {
  right: 14px !important;
  left: 14px !important;
  bottom: -1px !important;
  height: 3px !important;
  background: #198217 !important;
}

body.lineoa-theme .my-matches-filter-row {
  display: none !important;
}

body.lineoa-theme .my-match-owner-group > h3 {
  color: #5F6B70 !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body.lineoa-theme .my-match-owner-group[data-my-match-group="created"] > h3 {
  color: #1C7419 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .my-matches-primary-tabs button {
    font-size: 12.5px !important;
    min-height: 40px !important;
    padding-bottom: 10px !important;
  }
}

/* Match card shell owns the spacing; the inner grid should only place content. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-card {
  display: block !important;
  box-sizing: border-box !important;
  padding: 13px 14px !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-main {
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-card {
    padding: 13px 14px !important;
  }

  body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-main {
    padding: 0 !important;
  }
}

/* Home filter court picker: searchable options come from the court database. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 9px !important;
  padding: 7px 9px !important;
  text-align: left !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-name {
  overflow: hidden !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-meta {
  overflow: hidden !important;
  color: #6F777B !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input:checked + .home-match-filter-location-option-copy .home-match-filter-location-option-name {
  color: #1C7419 !important;
}

/* Court details: only the court name text opens the shared detail sheet. */
body.lineoa-theme .challenge-court-name-link {
  display: inline-block !important;
  min-width: 0 !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.lineoa-theme :is(.challenge-court-name-link, .court-card[data-court-id]) {
  cursor: pointer !important;
}

body.lineoa-theme .challenge-court-name-link:focus-visible {
  outline: 2px solid rgba(189, 242, 31, 0.9) !important;
  outline-offset: 2px !important;
}

body.lineoa-theme .group-match-detail-modal.is-court-detail .group-match-detail-edit-btn {
  background: #FFFFFF !important;
  color: #101415 !important;
}

body.lineoa-theme .court-detail-feature-card {
  display: grid !important;
  gap: 10px !important;
}

body.lineoa-theme .court-detail-feature-row {
  margin: 0 !important;
}

/* Page gutter alignment: match Home, Create Match, and Filter to My Match. */
body.lineoa-theme #tab-community .home-open-matches-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.lineoa-theme #tab-community .home-open-matches-card > :is(.home-open-list-head, .home-filter-tabs-row, .home-feed-list) {
  width: 100% !important;
  max-width: none !important;
}

body.lineoa-theme #tab-community .home-open-list-head {
  margin: 0 !important;
}

/* Detail-style sheet headers only. Keep create/filter/report full-screen flows intact. */
body.lineoa-theme :is(
  .smatch-sheet .qp-sheet-header,
  #homeMatchFilterModal .home-match-filter-modal-head,
  .arena-report-head
) {
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  min-height: 56px !important;
  margin: 0 -14px 8px !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(226, 230, 232, 0.9) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head::before {
  content: "" !important;
  grid-column: 1 !important;
  width: 36px !important;
  height: 36px !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-title,
  #homeMatchFilterModal .home-match-filter-modal-head > div,
  .arena-report-head h4#arenaReportTitle
) {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #080C0D !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head h3 {
  font: inherit !important;
  margin: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head .section-kicker {
  display: none !important;
}

body.lineoa-theme :is(.smatch-sheet .sheet-close-btn, .arena-report-close) {
  grid-column: 1 !important;
  justify-self: start !important;
}

body.lineoa-theme :is(.smatch-sheet .sheet-dismiss-btn, #homeMatchFilterModal .home-match-filter-close, .arena-report-head-spacer) {
  grid-column: 3 !important;
  justify-self: end !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-close-btn,
  .smatch-sheet .sheet-dismiss-btn,
  #homeMatchFilterModal .home-match-filter-close,
  .arena-report-close,
  .arena-report-head-spacer
) {
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #EEF2F5 !important;
  color: #5F6B72 !important;
  box-shadow: none !important;
}

body.lineoa-theme :is(
  #homeMatchFilterModal .home-match-filter-close,
  .arena-report-close
) {
  width: 36px !important;
  padding: 0 !important;
}

body.lineoa-theme :is(#homeMatchFilterModal .home-match-filter-close, .arena-report-close) .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme .arena-report-head-spacer {
  background: transparent !important;
  pointer-events: none !important;
}

/* Match-card details: tighten the two metadata rows. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-list {
  gap: 2px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-row {
  grid-template-columns: max-content 1px max-content !important;
  justify-content: start !important;
  column-gap: 9px !important;
  align-items: center !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  min-height: 18px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item {
  overflow: visible !important;
  line-height: 1.28 !important;
  padding-bottom: 1px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item > span:last-child {
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.28 !important;
}

/* Hosted match cards: inline crown cue plus active edit action. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-match-card.is-hosted {
  position: relative !important;
  overflow: hidden !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-host-crown {
  position: relative !important;
  z-index: 4 !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: grid !important;
  place-items: center !important;
  margin-left: 0 !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #2E8B25 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 12px -8px rgba(17, 21, 22, 0.42) !important;
  pointer-events: none !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-host-crown .material-symbols-outlined {
  font-size: 14px !important;
  color: currentColor !important;
  font-variation-settings: "FILL" 1, "wght" 380, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn.is-host-edit {
  border: 0 !important;
  background: rgba(189, 242, 31, 0.2) !important;
  color: #2B4900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Thai schedule labels need room for tone marks. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule {
  line-height: 1.34 !important;
  overflow: visible !important;
  padding-block: 1px !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part {
  line-height: 1.34 !important;
  overflow: visible !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-schedule-part > span:last-child {
  line-height: 1.34 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* My Match primary tabs: keep active underline close to the label. */
body.lineoa-theme .my-matches-primary-tabs button {
  min-height: 34px !important;
  padding: 0 8px 6px !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active::after {
  bottom: -1px !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .my-matches-primary-tabs button {
    min-height: 33px !important;
    padding-bottom: 6px !important;
  }
}

/* Home filter tabs: mirror the clean My Matches primary tabs. */
body.lineoa-theme #tab-community .home-filter-tabs-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  align-items: end !important;
  min-height: 35px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter] {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 6px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #343B3E !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter]::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: -1px !important;
  left: 12px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active::after {
  background: #198217 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn {
  position: relative !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #343B3E !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn.has-active-filters::after {
  top: 3px !important;
  right: 5px !important;
}

body.lineoa-theme #myMatchesList,
body.lineoa-theme #homeFeedList {
  touch-action: pan-y !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList).is-swipe-pager-active {
  overflow: hidden !important;
  touch-action: none !important;
  user-select: none !important;
  cursor: grabbing !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList) .swipe-pager-shell {
  --swipe-pager-gap: 14px;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList) .swipe-pager-track {
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--swipe-pager-gap) !important;
  width: 100% !important;
  will-change: transform !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList) .swipe-pager-panel {
  flex: 0 0 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.lineoa-theme #homeFeedList .swipe-pager-feed-panel,
body.lineoa-theme #myMatchesList .swipe-pager-my-panel {
  margin: 0 !important;
  padding: 0 !important;
}

/* Profile dashboard gutters: remove the extra wrapper-card inset. */
body.lineoa-theme #tab-profile #profileDashboardView {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.lineoa-theme #tab-profile #profileDashboardView > .profile-ref-section {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-profile #profileStatsView > .profile-ref-section {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-profile #profileDashboardView :is(.profile-rank-overview-card, .profile-stats-card) {
  width: 100% !important;
  max-width: none !important;
}

body.lineoa-theme #tab-profile #profileStatsView .profile-stats-card {
  width: 100% !important;
  max-width: none !important;
}

/* Group hub cards: compact the text stack so title/meta/copy/avatars read as one unit. */
body.lineoa-theme #tab-groups .groups-ref-card {
  min-height: 96px !important;
  padding: 10px 8px 10px 12px !important;
}

body.lineoa-theme #tab-groups .groups-card-body {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

body.lineoa-theme #tab-groups .groups-cover-wrap {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
}

body.lineoa-theme #tab-groups .groups-card-main {
  display: grid !important;
  align-content: start !important;
  gap: 3px !important;
  padding-top: 0 !important;
}

body.lineoa-theme #tab-groups .groups-ref-title-row {
  min-height: 17px !important;
  margin: 0 !important;
  gap: 4px 6px !important;
}

body.lineoa-theme #tab-groups .groups-card-main h4 {
  font-size: 14.5px !important;
  line-height: 1.1 !important;
}

body.lineoa-theme #tab-groups .groups-ref-meta {
  margin: 1px 0 0 !important;
  gap: 4px !important;
  line-height: 1.12 !important;
}

body.lineoa-theme #tab-groups .groups-ref-meta .material-symbols-outlined {
  font-size: 14px !important;
}

body.lineoa-theme #tab-groups .groups-ref-desc {
  margin: 3px 0 2px !important;
  -webkit-line-clamp: 2 !important;
  line-height: 1.24 !important;
}

body.lineoa-theme #tab-groups .groups-members-row {
  min-height: 22px !important;
  margin-top: 1px !important;
}

body.lineoa-theme #tab-groups .groups-avatar-chip,
body.lineoa-theme #tab-groups .groups-avatar-more {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  margin-left: -5px !important;
}

body.lineoa-theme #tab-groups .groups-ref-chevron {
  align-self: center !important;
  font-size: 26px !important;
}

/* Profile stats: one focused card with mode and match-type filters. */
body.lineoa-theme #tab-profile .profile-stats-section {
  display: grid !important;
  gap: 10px !important;
}

body.lineoa-theme #tab-profile .profile-stats-head {
  align-items: center !important;
  gap: 10px !important;
}

body.lineoa-theme #tab-profile .profile-stat-filter-group {
  display: inline-grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: min(100%, 210px) !important;
  min-height: 32px !important;
  padding: 3px !important;
  gap: 2px !important;
  border: 1px solid #E1E6E8 !important;
  border-radius: 999px !important;
  background: #F5F7F8 !important;
}

body.lineoa-theme #tab-profile .profile-stat-filter-group button,
body.lineoa-theme #tab-profile .profile-stat-mode-tabs button {
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #4D565A !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.lineoa-theme #tab-profile .profile-stat-filter-group button {
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
}

body.lineoa-theme #tab-profile .profile-stat-filter-group button.is-active {
  background: #BDF21F !important;
  color: #111516 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #tab-profile .profile-stat-mode-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: end !important;
  min-height: 34px !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.1) !important;
}

body.lineoa-theme #tab-profile .profile-stat-mode-tabs button {
  position: relative !important;
  height: 34px !important;
  padding: 0 6px 7px !important;
  border-radius: 0 !important;
  font-size: 13px !important;
}

body.lineoa-theme #tab-profile .profile-stat-mode-tabs button::after {
  content: "" !important;
  position: absolute !important;
  right: 16px !important;
  bottom: -1px !important;
  left: 16px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme #tab-profile .profile-stat-mode-tabs button.is-active {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #tab-profile .profile-stat-mode-tabs button.is-active::after {
  background: #198217 !important;
}

body.lineoa-theme #tab-profile .profile-stats-card.is-single-view {
  display: block !important;
  padding: 8px !important;
}

body.lineoa-theme #tab-profile .profile-stats-card.is-single-view .profile-stat-panel {
  min-height: 154px !important;
  padding: 14px !important;
  gap: 12px !important;
}

body.lineoa-theme #tab-profile .profile-stat-breakdown {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.lineoa-theme #tab-profile .profile-stat-breakdown span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 9px 8px !important;
  border-radius: 12px !important;
  background: rgba(24, 33, 35, 0.05) !important;
}

body.lineoa-theme #tab-profile .profile-stat-panel.is-overall .profile-stat-breakdown span {
  background: rgba(255, 255, 255, 0.1) !important;
}

body.lineoa-theme #tab-profile .profile-stat-breakdown b {
  color: inherit !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.lineoa-theme #tab-profile .profile-stat-breakdown small {
  color: #6F787D !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body.lineoa-theme #tab-profile .profile-stat-panel.is-overall .profile-stat-breakdown small {
  color: rgba(255, 255, 255, 0.72) !important;
}

body.lineoa-theme #tab-profile .profile-stats-card.is-single-view .profile-stat-panel strong {
  font-size: clamp(20px, 5vw, 25px) !important;
  line-height: 1.2 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #tab-profile .profile-stats-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.lineoa-theme #tab-profile .profile-stat-filter-group {
    width: 100% !important;
  }
}

@media (max-width: 390px) {
  body.lineoa-theme #tab-community .home-filter-tabs-row {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    min-height: 33px !important;
  }

  body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter] {
    height: 33px !important;
    min-height: 33px !important;
    font-size: 12.5px !important;
  }

  body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 33px !important;
    min-height: 33px !important;
  }
}

/* Shared major section titles: match the section-kicker green accent. */
body.lineoa-theme {
  --section-title-accent: #2F6E0F;
}

body.lineoa-theme .section-kicker {
  color: var(--section-title-accent) !important;
}

body.lineoa-theme :is(
  #tab-community .home-open-list-head h3,
  .my-matches-head h2,
  #tab-groups .groups-list-header h3,
  .profile-ref-section-title
) {
  margin: 0 !important;
  color: var(--section-title-accent) !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .my-matches-head h2 {
  font-size: 19px !important;
}

/* Home filter court multi-select: compact dropdown with real checkbox rows. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field {
  display: grid !important;
  gap: 8px !important;
  overflow: visible !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-select {
  position: relative !important;
  width: 100% !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: left !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle > span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-select.is-open .home-match-filter-location-toggle {
  border-color: rgba(189, 242, 31, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-toggle .material-symbols-outlined {
  color: #6D777B !important;
  font-size: 18px !important;
  transition: transform 160ms ease !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-select.is-open .home-match-filter-location-toggle .material-symbols-outlined {
  transform: rotate(180deg) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-menu {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  max-height: min(48dvh, 344px) !important;
  gap: 8px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 42px -24px rgba(18, 24, 26, 0.42) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-menu.hidden {
  display: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid #E3E8EA !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search:focus-within {
  border-color: rgba(189, 242, 31, 0.85) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.14) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search .material-symbols-outlined {
  color: #7A8589 !important;
  font-size: 16px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search input {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-search input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-tools {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-tools button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #5D686D !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-list {
  display: grid !important;
  max-height: min(31dvh, 220px) !important;
  gap: 5px !important;
  padding: 1px 2px 2px !important;
  overflow-y: auto !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option {
  display: grid !important;
  grid-template-columns: 19px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: #F8FAFA !important;
  cursor: pointer !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option.is-selected {
  border-color: rgba(189, 242, 31, 0.74) !important;
  background: #F5FFE5 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input[type="checkbox"][data-home-filter-location-option] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: grid !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1.5px solid #CCD5D9 !important;
  border-radius: 5px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input[type="checkbox"][data-home-filter-location-option]::after {
  content: "" !important;
  width: 8px !important;
  height: 5px !important;
  margin-top: -1px !important;
  border: solid #111516 !important;
  border-width: 0 0 2px 2px !important;
  opacity: 0 !important;
  transform: rotate(-45deg) scale(0.75) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input[type="checkbox"][data-home-filter-location-option]:checked {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option input[type="checkbox"][data-home-filter-location-option]:checked::after {
  opacity: 1 !important;
  transform: rotate(-45deg) scale(1) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-name {
  overflow: hidden !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-option-meta {
  overflow: hidden !important;
  color: #6F797E !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-empty {
  margin: 0 !important;
  padding: 12px 8px !important;
  color: #6F797E !important;
  font-size: 12px !important;
  text-align: center !important;
}

/* Home filter form: one shared container with full-width rows. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-fields {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(22, 27, 30, 0.035) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid--range {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal :is(.home-match-filter-group, .home-match-filter-select-field) {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(74px, 0.25fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 11px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F2 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-fields > :last-child,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid > :last-child,
body.lineoa-theme #homeMatchFilterModal .home-match-filter-inline-grid--range > :last-child {
  border-bottom: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal :is(.home-match-filter-group h4, .home-match-filter-select-field > span) {
  align-self: center !important;
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-chip-row {
  justify-content: flex-start !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-nearby-row {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-pill {
  min-width: 86px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-bar {
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 7px 0 10px !important;
  border-radius: 11px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-bar #homeLocationText {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-location-gps {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row {
  gap: 7px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field {
  z-index: 8 !important;
  overflow: visible !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #homeMatchFilterModal .home-match-filter-fields {
    padding: 8px 10px !important;
  }

  body.lineoa-theme #homeMatchFilterModal :is(.home-match-filter-group, .home-match-filter-select-field) {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.lineoa-theme #homeMatchFilterModal .home-match-filter-nearby-row {
    grid-template-columns: 1fr !important;
  }
}

/* Home filter: merge area + court selection into one location control. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field {
  align-items: start !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field > #homeMatchFilterLocationLabel {
  padding-top: 10px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-radius-field {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: 7px !important;
  padding: 0 11px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  color: #15191A !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-icon-btn {
  width: 24px !important;
  height: 24px !important;
  color: #28791D !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-icon-btn.is-loading .material-symbols-outlined {
  animation: smatch-spin 720ms linear infinite !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-radius-field .material-symbols-outlined {
  color: #28791D !important;
  font-size: 17px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-radius-field select {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #15191A !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-nearme-radius-field:focus-within {
  border-color: rgba(189, 242, 31, 0.85) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.14) !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-top .home-location-gps {
  display: grid !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  box-shadow: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-top .home-location-gps .material-symbols-outlined {
  font-size: 19px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-top .home-location-gps.is-loading .material-symbols-outlined {
  animation: smatch-spin 720ms linear infinite !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #homeMatchFilterModal .home-match-filter-location-field > #homeMatchFilterLocationLabel {
    padding-top: 9px !important;
  }
}

/* Home filter time selects: force half-hour choices instead of native minute wheels. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row .home-match-filter-time-select {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 24px 0 8px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 10px !important;
  appearance: none !important;
  background-color: #F8FAFA !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-range-input-row .home-match-filter-time-select:focus {
  border-color: rgba(189, 242, 31, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.16) !important;
  outline: 0 !important;
}

/* Home filter date presets: quick future-safe date ranges. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-date-field .home-match-filter-range-wrap {
  display: grid !important;
  gap: 7px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-date-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-date-presets button {
  height: 29px !important;
  min-height: 29px !important;
  padding: 0 10px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #3F484C !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-date-presets button.is-active {
  border-color: transparent !important;
  background: #BDF21F !important;
  color: #152006 !important;
  font-weight: 600 !important;
}

/* Home filter level and gender rows. */
body.lineoa-theme #homeMatchFilterModal .home-match-filter-requirement-group .home-match-filter-chip-row--compact {
  gap: 5px !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-requirement-group .home-match-filter-choice-chip {
  height: 31px !important;
  min-height: 31px !important;
  padding-inline: 10px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-requirement-group .home-match-filter-choice-chip.is-active {
  font-weight: 600 !important;
}

/* Profile subviews: match the fixed ranking tab gutters. */
body.lineoa-theme #tab-profile :is(#profileGroupView, #profileStaticSoonView, #profileSettingsView) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.lineoa-theme #tab-profile :is(#profileGroupView, #profileStaticSoonView, #profileSettingsView) > :is(.card, .group-detail-card, .group-detail-activity-list) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.lineoa-theme #tab-profile #profileStaticSoonView .profile-static-soon-card {
  padding: 18px !important;
  border: 1px solid rgba(189, 242, 31, 0.32) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 255, 235, 0.78)) !important;
  box-shadow: 0 16px 38px -32px rgba(17, 21, 22, 0.28) !important;
}

body.lineoa-theme #tab-profile #profileSettingsView {
  gap: 10px !important;
}

/* Match card avatar slot label: center under the slot cluster. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack {
  justify-self: end !important;
  justify-items: center !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-avatar-stack .challenge-avatar-row {
  justify-content: center !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-slots-left-label {
  width: 100% !important;
  text-align: center !important;
}

/* Match card actions: report result uses the same calm treatment as edit. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn:is(.is-report, .is-host-edit) {
  border: 0 !important;
  background: rgba(189, 242, 31, 0.2) !important;
  color: #2B4900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Native sheet parity: create, filter, and report match the detail-screen shell. */
body.lineoa-theme :is(
  .smatch-sheet:not(.hidden),
  #homeMatchFilterModal:not(.hidden),
  .arena-report-modal:not(.hidden)
) {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #F9FAFB !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-card,
  #homeMatchFilterForm.home-match-filter-modal-card,
  .arena-report-sheet
) {
  box-sizing: border-box !important;
  width: min(430px, 100%) !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #F9FAFB !important;
  box-shadow: 0 0 34px rgba(18, 22, 24, 0.10) !important;
  padding-left: max(14px, env(safe-area-inset-left)) !important;
  padding-right: max(14px, env(safe-area-inset-right)) !important;
}

body.lineoa-theme .smatch-sheet .sheet-card,
body.lineoa-theme .arena-report-sheet {
  padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px)) !important;
}

body.lineoa-theme #homeMatchFilterForm.home-match-filter-modal-card {
  padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px)) !important;
}

body.lineoa-theme :is(
  .smatch-sheet .qp-sheet-header,
  #homeMatchFilterModal .home-match-filter-modal-head,
  .arena-report-head
) {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 56px !important;
  margin: 0 -14px 8px !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 0 rgba(226, 230, 232, 0.9) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head::before {
  content: "" !important;
  grid-column: 1 !important;
  width: 40px !important;
  height: 40px !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-title,
  #homeMatchFilterModal .home-match-filter-modal-head > div,
  .arena-report-head h4#arenaReportTitle
) {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #080C0D !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head h3 {
  font: inherit !important;
  margin: 0 !important;
}

body.lineoa-theme #homeMatchFilterModal .home-match-filter-modal-head .section-kicker {
  display: none !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-close-btn,
  .smatch-sheet .sheet-dismiss-btn,
  #homeMatchFilterModal .home-match-filter-close,
  .arena-report-close
) {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #070B0C !important;
  box-shadow: none !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-close-btn,
  .arena-report-back
) {
  grid-column: 1 !important;
  justify-self: start !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-dismiss-btn,
  #homeMatchFilterModal .home-match-filter-close,
  .arena-report-dismiss
) {
  grid-column: 3 !important;
  justify-self: end !important;
}

body.lineoa-theme :is(
  .smatch-sheet .sheet-close-btn,
  .smatch-sheet .sheet-dismiss-btn,
  #homeMatchFilterModal .home-match-filter-close,
  .arena-report-close
) .material-symbols-outlined {
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme .smatch-sheet .qp-type-grid .qp-type-icon {
  display: inline-grid !important;
}

@media (max-width: 768px) {
  body.lineoa-theme :is(
    .smatch-sheet:not(.hidden),
    #homeMatchFilterModal:not(.hidden),
    .arena-report-modal:not(.hidden)
  ) {
    justify-content: stretch !important;
  }

  body.lineoa-theme :is(
    .smatch-sheet .sheet-card,
    #homeMatchFilterForm.home-match-filter-modal-card,
    .arena-report-sheet
  ) {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  body.lineoa-theme :is(
    .smatch-sheet .qp-sheet-header,
    #homeMatchFilterModal .home-match-filter-modal-head,
    .arena-report-head
  ) {
    padding-top: max(8px, env(safe-area-inset-top)) !important;
    padding-left: max(14px, env(safe-area-inset-left)) !important;
    padding-right: max(14px, env(safe-area-inset-right)) !important;
  }
}

/* Community courts: richer mobile directory while keeping Smatch card language. */
body.lineoa-theme #communityCourtsView {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme #communityCourtsView .community-courts-shell {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFC 100%) !important;
  box-shadow: 0 18px 44px -34px rgba(24, 33, 35, 0.34) !important;
}

body.lineoa-theme #communityCourtsView .courts-view-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.lineoa-theme #communityCourtsView .courts-view-head h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-size: 25px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

body.lineoa-theme #communityCourtsView .court-head-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.lineoa-theme #communityCourtsView #courtResultMeta {
  margin: 0 !important;
  color: #5F686C !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityCourtsView .court-add-btn {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 0 12px !important;
  border: 1px solid #BDF21F !important;
  border-radius: 999px !important;
  background: #BDF21F !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 28px -24px rgba(86, 116, 0, 0.68) !important;
}

body.lineoa-theme #communityCourtsView .court-add-btn .material-symbols-outlined {
  font-size: 17px !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 3px 0 14px !important;
  border: 1px solid #DDE4E6 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 28px -24px rgba(17, 21, 22, 0.26) !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell > .material-symbols-outlined {
  color: #5F686C !important;
  font-size: 21px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell input {
  min-width: 0 !important;
  height: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: #111516 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  outline: none !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell input::placeholder {
  color: #788287 !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell button {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-left: 1px solid rgba(221, 228, 230, 0.85) !important;
  border-radius: 0 15px 15px 0 !important;
  background: rgba(189, 242, 31, 0.1) !important;
  color: #25751B !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityCourtsView .court-search-shell button .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #communityCourtsView .court-surface-filter {
  display: flex !important;
  gap: 8px !important;
  margin: -2px 0 2px !important;
  padding: 0 0 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

body.lineoa-theme #communityCourtsView .court-surface-filter::-webkit-scrollbar {
  display: none !important;
}

body.lineoa-theme #communityCourtsView .court-surface-filter button {
  flex: 0 0 auto !important;
  min-width: 68px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid #DDE4E6 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #232A2D !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityCourtsView .court-surface-filter button.is-active {
  border-color: #2C801F !important;
  background: rgba(189, 242, 31, 0.08) !important;
  color: #196B15 !important;
  font-weight: 650 !important;
}

body.lineoa-theme #communityCourtsView .court-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.lineoa-theme #communityCourtsView .court-card {
  display: grid !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid #E1E7E9 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 36px -30px rgba(17, 21, 22, 0.32) !important;
}

body.lineoa-theme #communityCourtsView .court-card-media {
  position: relative !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #EEF2F3 !important;
}

body.lineoa-theme #communityCourtsView .court-card-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(6, 10, 11, 0.02), rgba(6, 10, 11, 0.12)) !important;
  pointer-events: none !important;
}

body.lineoa-theme #communityCourtsView .court-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.lineoa-theme #communityCourtsView .court-rating {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2 !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1C6118 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  box-shadow: 0 10px 20px -15px rgba(17, 21, 22, 0.5) !important;
}

body.lineoa-theme #communityCourtsView .court-rating .material-symbols-outlined {
  color: currentColor !important;
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #communityCourtsView .court-card-body {
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityCourtsView .court-card-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 5px !important;
}

body.lineoa-theme #communityCourtsView .court-card-main h4 {
  margin: 0 !important;
  color: #111516 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}

body.lineoa-theme #communityCourtsView .court-card-main p {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 3px 0 0 !important;
  color: #647075 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme #communityCourtsView .court-card-main p .material-symbols-outlined {
  color: #5C666A !important;
  font-size: 15px !important;
}

body.lineoa-theme #communityCourtsView .court-price {
  color: #24751B !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityCourtsView .court-price small {
  margin-left: 2px !important;
  color: #4E585D !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}

body.lineoa-theme #communityCourtsView .court-feature-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px 8px !important;
  margin-top: 8px !important;
}

body.lineoa-theme #communityCourtsView .court-feature-row span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #555F64 !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

body.lineoa-theme #communityCourtsView .court-feature-row .material-symbols-outlined {
  color: #687276 !important;
  font-size: 14px !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #communityCourtsView .court-card-foot {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

body.lineoa-theme #communityCourtsView .court-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #24751B !important;
  font-size: 10.5px !important;
  font-weight: 450 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityCourtsView .court-status span {
  flex: 0 0 8px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #48A329 !important;
}

body.lineoa-theme #communityCourtsView .court-status.is-soon {
  color: #687276 !important;
}

body.lineoa-theme #communityCourtsView .court-status.is-soon span {
  background: #A9B2B6 !important;
}

body.lineoa-theme #communityCourtsView .court-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 6px !important;
}

body.lineoa-theme #communityCourtsView .court-card-actions button {
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityCourtsView .court-card-detail-btn {
  border: 1px solid #2D7D22 !important;
  background: #FFFFFF !important;
  color: #1E7117 !important;
}

body.lineoa-theme #communityCourtsView .court-card-book-btn {
  border: 1px solid #277B1D !important;
  background: #277B1D !important;
  color: #FFFFFF !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #communityCourtsView .community-courts-shell {
    padding: 0 !important;
  }

  body.lineoa-theme #communityCourtsView .court-card-main h4 {
    font-size: 13px !important;
  }

  body.lineoa-theme #communityCourtsView .court-price {
    font-size: 14px !important;
  }

  body.lineoa-theme #communityCourtsView .court-card-foot {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.lineoa-theme #communityCourtsView .court-card-actions {
    justify-content: stretch !important;
  }

  body.lineoa-theme #communityCourtsView .court-card-actions button {
    flex: 1 1 0 !important;
  }
}

/* Community ranking: admin-only polish plus public coming-soon state. */
body.lineoa-theme #communityRankingView {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme #communityRankingView .community-ranking-admin-content {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
}

body.lineoa-theme #communityRankingView .community-ranking-admin-content[hidden],
body.lineoa-theme #communityRankingView .community-ranking-soon-card[hidden] {
  display: none !important;
}

body.lineoa-theme #communityRankingView .elite-domain-hero {
  min-height: auto !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(189, 242, 31, 0.42) !important;
  border-top: 5px solid #BDF21F !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #F6FFE2 100%) !important;
  box-shadow: 0 18px 44px -34px rgba(36, 117, 27, 0.38) !important;
}

body.lineoa-theme #communityRankingView .elite-domain-glow {
  opacity: 0.32 !important;
}

body.lineoa-theme #communityRankingView .elite-domain-inner {
  display: grid !important;
  gap: 14px !important;
}

body.lineoa-theme #communityRankingView .elite-domain-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.lineoa-theme #communityRankingView .elite-domain-globe {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #2E8B25 !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-variation-settings: "FILL" 1, "wght" 320, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #communityRankingView .elite-domain-label .section-kicker {
  color: #2F6E0F !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

body.lineoa-theme #communityRankingView .national-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.lineoa-theme #communityRankingView .national-stats-grid article {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 70px !important;
  padding: 10px !important;
  border: 1px solid rgba(17, 21, 22, 0.08) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityRankingView .national-stats-grid article > .material-symbols-outlined {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(189, 242, 31, 0.24) !important;
  color: #2F761B !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 22 !important;
}

body.lineoa-theme #communityRankingView .national-stats-grid small {
  display: block !important;
  color: #5F686C !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme #communityRankingView .national-stats-grid strong {
  display: block !important;
  margin-top: 5px !important;
  color: #111516 !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-section {
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityRankingView .profile-ref-section-title {
  color: #2F6E0F !important;
  font-size: 22px !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table-wrap {
  overflow: hidden !important;
  border: 1px solid #E2E7E9 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 38px -32px rgba(17, 21, 22, 0.3) !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table th,
body.lineoa-theme #communityRankingView .profile-leaderboard-table td {
  padding: 12px 8px !important;
  border-bottom: 1px solid #EEF1F2 !important;
  color: #111516 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table th {
  background: #F7F8F5 !important;
  color: #6B7377 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table th:nth-child(1),
body.lineoa-theme #communityRankingView .profile-leaderboard-table td:nth-child(1) {
  width: 40px !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table th:nth-child(3),
body.lineoa-theme #communityRankingView .profile-leaderboard-table td:nth-child(3) {
  width: 72px !important;
}

body.lineoa-theme #communityRankingView .profile-leaderboard-table th:nth-child(4),
body.lineoa-theme #communityRankingView .profile-leaderboard-table td:nth-child(4) {
  width: 46px !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-player {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-player img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-player strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #111516 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-score b {
  display: inline-block !important;
  color: #111516 !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-delta em {
  color: #24751B !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 620 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-delta em.is-down {
  color: #F24B42 !important;
}

body.lineoa-theme #communityRankingView .profile-ranking-row.is-self td {
  background: #EFF9D9 !important;
}

body.lineoa-theme #communityRankingView .community-ranking-soon-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(189, 242, 31, 0.32) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 255, 235, 0.78)) !important;
  box-shadow: 0 16px 38px -32px rgba(17, 21, 22, 0.28) !important;
}

body.lineoa-theme #communityRankingView .community-ranking-soon-card .group-tournament-coming-soon-inner {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.lineoa-theme #communityRankingView .community-ranking-soon-card strong {
  color: #111516 !important;
  font-size: 16px !important;
  font-weight: 720 !important;
}

body.lineoa-theme #communityRankingView .community-ranking-soon-card p {
  margin-top: 4px !important;
  color: #657075 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #communityRankingView .elite-domain-hero {
    padding: 14px !important;
  }

  body.lineoa-theme #communityRankingView .national-stats-grid article {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 64px !important;
    padding: 8px !important;
  }

  body.lineoa-theme #communityRankingView .national-stats-grid article > .material-symbols-outlined {
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
  }

  body.lineoa-theme #communityRankingView .profile-leaderboard-table th,
  body.lineoa-theme #communityRankingView .profile-leaderboard-table td {
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
}

/* Group pages: remove the extra wrapper feeling and align gutters with detail pages. */
body.lineoa-theme #tab-groups {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.lineoa-theme #tab-groups :is(.groups-list-header, .groups-hub-list) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  background: #F6F8F8 !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 calc(18px + env(safe-area-inset-bottom)) !important;
  background: transparent !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-ribbon {
  margin: 0 !important;
  padding: max(8px, env(safe-area-inset-top)) 14px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #E4E9EB !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-tab-nav {
  margin: 10px 14px 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #E1E6E8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-tab-btn {
  min-height: 40px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #3D4448 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-tab-btn.is-active {
  color: #166F1F !important;
  font-weight: 650 !important;
  box-shadow: inset 0 -3px 0 #16922E !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-tab-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 14px !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen :is(
  .group-detail-card,
  .group-detail-activity-wrap,
  .group-ranking-you-card,
  .profile-ref-section,
  .group-detail-activity-list
) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-activity-wrap.is-results-only {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav {
  margin: 0 0 10px !important;
}

@media (max-width: 768px) {
  body.lineoa-theme #tab-groups {
    padding-inline: 0 !important;
  }

  body.lineoa-theme.is-group-detail-open #groupDetailScreen {
    width: calc(100% + 28px) !important;
    margin-right: -14px !important;
    margin-left: -14px !important;
  }
}

/* Community directory: keep one app gutter, remove nested page containers. */
body.lineoa-theme #tab-arena {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.lineoa-theme #tab-arena > :is(#communitySwitchCard, .community-view),
body.lineoa-theme #communityCourtsView,
body.lineoa-theme #communityRankingView {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

body.lineoa-theme #communitySwitchCard {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #communitySwitchCard .community-ref-tab-nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(24, 33, 35, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #communitySwitchCard .profile-view-btn {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 8px 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #343B3E !important;
  flex-direction: row !important;
  gap: 6px !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme #communitySwitchCard .profile-view-btn .material-symbols-outlined {
  color: currentColor !important;
  font-size: 18px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #communitySwitchCard .profile-view-btn small {
  color: currentColor !important;
  font-size: 13px !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

body.lineoa-theme #communitySwitchCard .profile-view-btn.is-active {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #communitySwitchCard .profile-view-btn.is-active::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  bottom: -1px !important;
  left: 18px !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #16922E !important;
}

body.lineoa-theme #communityCourtsView .community-courts-shell {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityRankingView .community-ranking-admin-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme #communityRankingView :is(
  .elite-domain-hero,
  .profile-leaderboard-section,
  .profile-leaderboard-table-wrap,
  .community-ranking-soon-card
) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body.lineoa-theme .group-tournament-coming-soon-icon.material-symbols-outlined {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #16922E !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-variation-settings: "FILL" 0, "wght" 280, "GRAD" 0, "opsz" 24 !important;
}

/* Swipe pager polish: visible mid-drag panes and underline movement. */
body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) {
  touch-action: pan-y !important;
}

body.lineoa-theme #groupDetailActivityList {
  min-height: min(52svh, 480px) !important;
}

body.lineoa-theme #groupDetailActivityList.is-empty,
body.lineoa-theme #groupDetailActivityList .swipe-pager-group-panel:has(.group-detail-report-empty) {
  min-height: min(56svh, 520px) !important;
}

body.lineoa-theme #groupDetailActivityList.is-empty .group-detail-report-empty,
body.lineoa-theme #groupDetailActivityList .swipe-pager-group-panel .group-detail-report-empty {
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList).is-swipe-pager-active {
  overflow: hidden !important;
  touch-action: none !important;
  user-select: none !important;
  cursor: grabbing !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) .swipe-pager-shell {
  --swipe-pager-gap: 14px;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) .swipe-pager-track {
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--swipe-pager-gap) !important;
  width: 100% !important;
  will-change: transform !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) .swipe-pager-panel {
  flex: 0 0 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) .swipe-pager-panel.is-swipe-pager-blank {
  min-height: 1px !important;
  pointer-events: none !important;
}

body.lineoa-theme :is(#myMatchesList, #homeFeedList, #groupOpenFeedList, #groupDetailActivityList) :is(
  .swipe-pager-my-panel,
  .swipe-pager-feed-panel,
  .swipe-pager-group-panel
) {
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme :is(.my-matches-primary-tabs, .home-static-filter-chips) {
  position: relative !important;
}

body.lineoa-theme :is(.my-matches-primary-tabs, .home-static-filter-chips).is-swipe-tab-dragging::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  z-index: 2 !important;
  width: var(--swipe-tab-width, 0px) !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #16922E !important;
  transform: translate3d(var(--swipe-tab-x, 0px), 0, 0) !important;
  transition: width 180ms cubic-bezier(0.22, 0.72, 0.18, 1), transform 180ms cubic-bezier(0.22, 0.72, 0.18, 1) !important;
  pointer-events: none !important;
}

body.lineoa-theme .my-matches-primary-tabs.is-swipe-tab-dragging button.is-active::after,
body.lineoa-theme #tab-community .home-static-filter-chips.is-swipe-tab-dragging button[data-home-static-filter].is-active::after {
  background: transparent !important;
}

/* Language-aware typography: Thai mode uses Thai metrics first, while English keeps the lighter Latin stack. */
html[data-language="th"] body.lineoa-theme {
  --font-headline: "Noto Sans Thai", "Plus Jakarta Sans", "Inter", sans-serif !important;
  --font-body: "Noto Sans Thai", "Inter", "Plus Jakarta Sans", sans-serif !important;
  font-family: var(--font-body) !important;
}

html[data-language="en"] body.lineoa-theme {
  --font-headline: "Inter", "Plus Jakarta Sans", "Noto Sans Thai", sans-serif !important;
  --font-body: "Inter", "Noto Sans Thai", "Plus Jakarta Sans", sans-serif !important;
  font-family: var(--font-body) !important;
}

html[data-language="th"] body.lineoa-theme :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small,
  strong,
  span,
  button,
  label,
  input,
  select,
  textarea,
  th,
  td
):not(.material-symbols-outlined) {
  font-family: var(--font-body) !important;
  letter-spacing: 0 !important;
}

html[data-language="th"] body.lineoa-theme :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .section-head h2,
  .section-head h3,
  .section-kicker,
  .profile-ref-section-title,
  .home-open-list-head h3,
  .sheet-title,
  .home-match-filter-modal-head h3,
  .report-ref-title,
  .group-detail-ribbon h2,
  .group-detail-hero h2,
  .challenge-match-title,
  .my-match-card h4,
  .court-card-main h4,
  .community-main h4,
  .groups-card-main h4
) {
  font-family: var(--font-headline) !important;
}

html[data-language="th"] body.lineoa-theme :is(
  .primary-btn,
  .secondary-btn,
  .sheet-cta,
  .report-submit-btn,
  .challenge-join-btn,
  .upcoming-checkin-btn,
  .profile-match-primary-btn,
  .profile-match-secondary-btn,
  .profile-settings-primary-btn,
  .profile-settings-secondary-btn,
  .home-match-filter-submit-btn,
  .home-match-filter-reset-btn,
  .group-match-detail-share-btn,
  .group-match-detail-edit-btn,
  .smatch-sheet .qp-step-next-btn,
  .smatch-sheet .qp-step-back-btn
) {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html[data-language="th"] body.lineoa-theme :is(
  .tab-btn .tab-label,
  .home-static-filter-chips button,
  .home-match-filter-chip,
  .home-match-filter-choice-chip,
  .profile-view-btn,
  .my-matches-primary-tabs button,
  .my-matches-filter-bar button,
  .qp-pill,
  .post-type-card,
  .qp-type-title,
  .challenge-tag,
  .challenge-count-pill
) {
  font-family: var(--font-headline) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html[data-language="th"] body.lineoa-theme :is(
  .tab-btn.is-active .tab-label,
  .home-static-filter-chips button.is-active,
  .home-match-filter-choice-chip.is-active,
  .my-matches-primary-tabs button.is-active,
  .my-matches-filter-bar button.is-active,
  .qp-pill.is-active,
  .challenge-tag.is-ranked
) {
  font-weight: 700 !important;
}

html[data-language="th"] body.lineoa-theme :is(
  .challenge-match-location,
  .my-match-card-location,
  .report-ref-value,
  .qp-row-value,
  .court-card-main p,
  .community-main p,
  .groups-card-main p
) {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

html[data-language="th"] body.lineoa-theme .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
}

/* Community page gutter lock: courts/ranking should use the same single app gutter as My Match. */
body.lineoa-theme #tab-arena > :is(#communitySwitchCard, .community-view),
body.lineoa-theme #communityCourtsView,
body.lineoa-theme #communityRankingView {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.lineoa-theme #communitySwitchCard,
body.lineoa-theme #communityCourtsView .community-courts-shell,
body.lineoa-theme #communityRankingView .community-ranking-admin-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #communityCourtsView :is(
  .courts-view-head,
  .court-search-shell,
  .court-surface-filter,
  .court-list,
  .court-card
),
body.lineoa-theme #communityRankingView :is(
  .elite-domain-hero,
  .profile-leaderboard-section,
  .profile-leaderboard-table-wrap,
  .community-ranking-soon-card
) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Final polish: match-card action/type weights and simpler section tabs. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-detail-item.is-gender .material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 420, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn.is-host-edit {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .my-matches-primary-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-bottom: 1px solid #E4E8EA !important;
  background: transparent !important;
}

body.lineoa-theme .my-matches-primary-tabs button {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 6px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #343B3E !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme .my-matches-primary-tabs button::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: -1px !important;
  left: 12px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme .my-matches-primary-tabs button.is-active::after {
  background: #198217 !important;
}

body.lineoa-theme .my-matches-primary-tabs.is-swipe-tab-dragging button.is-active::after {
  background: transparent !important;
}

body.lineoa-theme .my-matches-primary-tabs.is-swipe-tab-dragging::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  z-index: 2 !important;
  width: var(--swipe-tab-width, 0px) !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #198217 !important;
  transform: translate3d(var(--swipe-tab-x, 0px), 0, 0) !important;
  transition: width 180ms cubic-bezier(0.22, 0.72, 0.18, 1), transform 180ms cubic-bezier(0.22, 0.72, 0.18, 1) !important;
  pointer-events: none !important;
}

body.lineoa-theme #homeFeedList .simple-item h5,
body.lineoa-theme .my-matches-empty-state strong {
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #151A1C !important;
}

body.lineoa-theme #homeFeedList .simple-item p,
body.lineoa-theme .my-matches-empty-state p {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #657075 !important;
}

body.lineoa-theme #homeFeedList .simple-item .inline-btn,
body.lineoa-theme .my-matches-empty-state .inline-btn {
  min-height: 38px !important;
  padding: 0 18px !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Match action buttons: report and edit must use one typography treatment. */
body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn:is(.is-report, .is-host-edit) {
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[data-language="en"] body.lineoa-theme :is(#tab-home[data-tab="matches"], #tab-community) .challenge-join-btn:is(.is-report, .is-host-edit) {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

/* Release UI consistency layer: shared page rhythm and compact actions. */
body.lineoa-theme {
  --smatch-page-gap: 14px;
  --smatch-section-gap: 12px;
  --smatch-title-green: #2F6E0F;
  --smatch-control-height-sm: 36px;
  --smatch-control-radius-sm: 11px;
}

body.lineoa-theme .dashboard-shell,
body.lineoa-theme :is(#tab-community, #tab-home, #tab-groups, #tab-arena, #tab-profile).tab-panel,
body.lineoa-theme :is(.home-view, .my-matches-screen, .groups-tab-panel, .community-view, .profile-view) {
  gap: var(--smatch-page-gap) !important;
}

body.lineoa-theme :is(
  .home-open-matches-card,
  .my-matches-screen,
  .groups-tab-panel,
  #communityCourtsView,
  #communityRankingView,
  #tab-profile > .profile-view.is-active
) {
  margin-top: 0 !important;
}

body.lineoa-theme :is(
  .home-open-list-head,
  .my-matches-head,
  #tab-groups .groups-list-header,
  .courts-view-head,
  .profile-ref-section-head
) {
  min-height: 38px !important;
  align-items: center !important;
  gap: var(--smatch-section-gap) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.lineoa-theme :is(
  #tab-community .home-open-list-head h3,
  .my-matches-head h2,
  #tab-groups .groups-list-header h3,
  #communityCourtsView .courts-view-head h3,
  #communityRankingView .profile-ref-section-title,
  #tab-profile .profile-ref-section-title
) {
  margin: 0 !important;
  color: var(--smatch-title-green) !important;
  font-family: var(--font-headline) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme :is(.section-kicker, .mini-overline) {
  color: var(--smatch-title-green) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

body.lineoa-theme :is(
  #tab-community .home-open-list-head .home-create-match-pill,
  #tab-groups .groups-create-btn,
  .my-matches-create-btn
) {
  width: auto !important;
  min-width: 0 !important;
  height: var(--smatch-control-height-sm) !important;
  min-height: var(--smatch-control-height-sm) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--smatch-control-radius-sm) !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.lineoa-theme :is(
  #tab-community .home-open-list-head .home-create-match-pill,
  #tab-groups .groups-create-btn,
  .my-matches-create-btn
) .material-symbols-outlined {
  color: currentColor !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #tab-community .home-open-matches-card {
  display: grid !important;
  gap: var(--smatch-section-gap) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-open-list-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.lineoa-theme :is(.my-matches-primary-tabs, #tab-community .home-filter-tabs-row) {
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid #E4E8EA !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  align-items: end !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips,
body.lineoa-theme .my-matches-primary-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  min-width: 0 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-static-filter-chips {
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.lineoa-theme :is(
  #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter],
  .my-matches-primary-tabs button,
  #communitySwitchCard .profile-view-btn
) {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 6px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #343B3E !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme :is(
  #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter],
  .my-matches-primary-tabs button,
  #communitySwitchCard .profile-view-btn
)::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  bottom: -1px !important;
  left: 12px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.lineoa-theme :is(
  #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active,
  .my-matches-primary-tabs button.is-active,
  #communitySwitchCard .profile-view-btn.is-active
) {
  color: #1C7419 !important;
  font-weight: 600 !important;
}

body.lineoa-theme :is(
  #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter].is-active,
  .my-matches-primary-tabs button.is-active,
  #communitySwitchCard .profile-view-btn.is-active
)::after {
  background: #198217 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-left: 1px solid #E4E8EA !important;
  background: transparent !important;
  color: #343B3E !important;
  box-shadow: none !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn .material-symbols-outlined {
  font-size: 22px !important;
  font-variation-settings: "FILL" 0, "wght" 360, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #tab-community .home-filter-tabs-row .home-list-filter-btn.has-active-filters::after {
  top: 4px !important;
  right: 5px !important;
  width: 8px !important;
  height: 8px !important;
}

body.lineoa-theme :is(.home-feed-list, .my-matches-list, .groups-hub-list, .court-list) {
  margin-top: 0 !important;
}

body.lineoa-theme :is(
  #tab-home[data-tab="matches"] .challenge-match-card,
  #tab-community .challenge-match-card,
  #tab-groups .groups-ref-card,
  #communityCourtsView .court-card
) {
  border-radius: 18px !important;
}

html[data-language="th"] body.lineoa-theme :is(
  #tab-community .home-open-list-head .home-create-match-pill,
  #tab-groups .groups-create-btn,
  .my-matches-create-btn,
  .challenge-join-btn,
  .home-static-filter-chips button,
  .my-matches-primary-tabs button,
  #communitySwitchCard .profile-view-btn
) {
  font-family: var(--font-headline) !important;
  font-weight: 600 !important;
}

html[data-language="en"] body.lineoa-theme :is(
  #tab-community .home-open-list-head .home-create-match-pill,
  #tab-groups .groups-create-btn,
  .my-matches-create-btn,
  .challenge-join-btn,
  .home-static-filter-chips button,
  .my-matches-primary-tabs button,
  #communitySwitchCard .profile-view-btn
) {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

/* Release UI consistency layer */
html[data-language="th"] body.lineoa-theme {
  --font-headline:"Noto Sans Thai","Inter",sans-serif !important;
}

html[data-language="th"] body.lineoa-theme :is(.tab-btn .tab-label, .challenge-join-btn) {
  font-family: var(--font-headline) !important;
}

/* Community page gutter lock */
body.lineoa-theme #tab-arena>:is(#communitySwitchCard,.community-view) {
  box-sizing: border-box;
}

body.lineoa-theme #communityCourtsView .community-courts-shell,
body.lineoa-theme #communityRankingView .community-ranking-admin-content {
  box-sizing: border-box;
}

/* Court directory near-me filter sheet, matched to the home match filter controls. */
body.lineoa-theme #courtFilterModal .court-filter-modal-card {
  width: min(100%, 428px) !important;
  min-height: min(100dvh, 720px) !important;
  border-radius: 0 !important;
  background: #F6F8F8 !important;
  overflow: hidden !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-modal-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 16px 8px !important;
  border-bottom: 1px solid #E0E5E7 !important;
  background: #FFFFFF !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-modal-head > div {
  grid-column: 2 !important;
  text-align: center !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-modal-head .section-kicker {
  display: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-modal-head h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-close {
  grid-column: 3 !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #111516 !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-fields {
  display: grid !important;
  gap: 12px !important;
  padding: 18px 16px 104px !important;
  overflow-y: auto !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-group {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 34px -30px rgba(17, 21, 22, 0.3) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-group h4 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-stack {
  display: grid !important;
  gap: 8px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  gap: 8px !important;
  align-items: center !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-radius-field {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-icon-btn {
  width: 24px !important;
  height: 24px !important;
  color: #24751B !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-icon-btn.is-loading .material-symbols-outlined {
  animation: smatch-spin 760ms linear infinite !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-radius-field select {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: #15191A !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  outline: 0 !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-radius-field .material-symbols-outlined,
body.lineoa-theme #courtFilterModal .home-location-gps .material-symbols-outlined {
  color: #24751B !important;
  font-size: 20px !important;
  font-variation-settings: "FILL" 0, "wght" 320, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #courtFilterModal .home-location-gps {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-location-gps.is-loading .material-symbols-outlined {
  animation: smatch-spin 760ms linear infinite !important;
}

@keyframes smatch-spin {
  to {
    transform: rotate(360deg);
  }
}

body.lineoa-theme #courtFilterModal .court-near-me-status {
  margin: 0 !important;
  color: #6C767A !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-choice-chip {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #232A2D !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-choice-chip.is-active {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.8fr) !important;
  gap: 10px !important;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid #E0E5E7 !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-reset-btn,
body.lineoa-theme #courtFilterModal .home-match-filter-submit-btn {
  min-height: 54px !important;
  border-radius: 14px !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-reset-btn {
  border: 1px solid #DDE3E5 !important;
  background: #FFFFFF !important;
  color: #111516 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-submit-btn {
  border: 1px solid #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
  box-shadow: 0 18px 34px -26px rgba(86, 116, 0, 0.62) !important;
}

/* Court filter: use the same compact row system as match filtering. */
body.lineoa-theme #courtFilterModal .court-filter-modal-card {
  width: min(100%, 428px) !important;
  max-height: min(100dvh, 720px) !important;
  min-height: min(100dvh, 720px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  border-radius: 0 !important;
  background: #F6F8F8 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-modal-head {
  min-height: 60px !important;
  padding: calc(10px + env(safe-area-inset-top, 0px)) 18px 10px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-fields {
  display: grid !important;
  align-self: start !important;
  gap: 0 !important;
  margin: 16px !important;
  padding: 10px 12px !important;
  overflow: visible !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(22, 27, 30, 0.035) !important;
}

body.lineoa-theme #courtFilterModal :is(.home-match-filter-group, .home-match-filter-select-field) {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(74px, 0.25fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 11px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F2 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-fields > :last-child {
  border-bottom: 0 !important;
}

body.lineoa-theme #courtFilterModal :is(.home-match-filter-group h4, .home-match-filter-select-field > span) {
  align-self: center !important;
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme #courtFilterModal .court-filter-location-field {
  align-items: start !important;
  overflow: visible !important;
  z-index: 8 !important;
}

body.lineoa-theme #courtFilterModal .court-filter-location-field > #courtFilterLocationLabel {
  padding-top: 10px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-radius-field {
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: 7px !important;
  padding: 0 11px !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-radius-field select {
  height: 34px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.lineoa-theme #courtFilterModal .home-nearme-icon-btn {
  width: 24px !important;
  height: 24px !important;
}

body.lineoa-theme #courtFilterModal .home-location-gps {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 12px !important;
}

body.lineoa-theme #courtFilterModal .court-near-me-status {
  margin: -1px 0 0 !important;
  color: #6F797E !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-select {
  position: relative !important;
  width: 100% !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  align-items: center !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: left !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-toggle > span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-select.is-open .home-match-filter-location-toggle {
  border-color: rgba(189, 242, 31, 0.92) !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-toggle .material-symbols-outlined {
  color: #6D777B !important;
  font-size: 18px !important;
  transition: transform 160ms ease !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-select.is-open .home-match-filter-location-toggle .material-symbols-outlined {
  transform: rotate(180deg) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-menu {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  max-height: min(48dvh, 344px) !important;
  gap: 8px !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 42px -24px rgba(18, 24, 26, 0.42) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-menu.hidden {
  display: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-search {
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 38px !important;
  gap: 7px !important;
  padding: 0 10px !important;
  border: 1px solid #E3E8EA !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-search input {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-tools {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-tools button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #5D686D !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-list {
  display: grid !important;
  max-height: min(31dvh, 220px) !important;
  gap: 5px !important;
  padding: 1px 2px 2px !important;
  overflow-y: auto !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option {
  display: grid !important;
  grid-template-columns: 19px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: #F8FAFA !important;
  cursor: pointer !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option.is-selected {
  border-color: rgba(189, 242, 31, 0.74) !important;
  background: #F5FFE5 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option input[type="checkbox"][data-court-filter-location-option] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: grid !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1.5px solid #CCD5D9 !important;
  border-radius: 5px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option input[type="checkbox"][data-court-filter-location-option]::after {
  content: "" !important;
  width: 8px !important;
  height: 5px !important;
  margin-top: -1px !important;
  border: solid #111516 !important;
  border-width: 0 0 2px 2px !important;
  opacity: 0 !important;
  transform: rotate(-45deg) scale(0.75) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option input[type="checkbox"][data-court-filter-location-option]:checked {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option input[type="checkbox"][data-court-filter-location-option]:checked::after {
  opacity: 1 !important;
  transform: rotate(-45deg) scale(1) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option-name {
  overflow: hidden !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-option-meta {
  overflow: hidden !important;
  color: #6F797E !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-location-empty {
  margin: 0 !important;
  padding: 12px 8px !important;
  color: #6F797E !important;
  font-size: 12px !important;
  text-align: center !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-chip-row {
  justify-content: flex-start !important;
  gap: 6px !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-choice-chip {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-actions {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.8fr) !important;
  gap: 10px !important;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

body.lineoa-theme #courtFilterModal .home-match-filter-reset-btn,
body.lineoa-theme #courtFilterModal .home-match-filter-submit-btn {
  min-height: 48px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

@media (max-width: 390px) {
  body.lineoa-theme #courtFilterModal .home-match-filter-fields {
    margin: 14px 12px !important;
    padding: 8px 10px !important;
  }

  body.lineoa-theme #courtFilterModal :is(.home-match-filter-group, .home-match-filter-select-field) {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}

body.lineoa-theme #communityCourtsView #courtFilterResetBtn {
  position: relative !important;
}

body.lineoa-theme #communityCourtsView #courtFilterResetBtn.has-active-filters::after {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #267B1B !important;
}

/* Add-court sheet: same shell rhythm as court filter/create match. */
body.lineoa-theme #courtAddModal .court-add-modal-card {
  width: min(100%, 428px) !important;
  min-height: min(100dvh, 720px) !important;
  border-radius: 0 !important;
  background: #F6F8F8 !important;
  overflow: hidden !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-modal-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 16px 8px !important;
  border-bottom: 1px solid #E0E5E7 !important;
  background: #FFFFFF !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-modal-head > div {
  grid-column: 2 !important;
  text-align: center !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-modal-head h3 {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-close {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #111516 !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtAddModal .court-add-back {
  grid-column: 1 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-modal-head > .home-match-filter-close:not(.court-add-back) {
  grid-column: 3 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-fields {
  display: grid !important;
  gap: 12px !important;
  padding: 18px 16px 104px !important;
  overflow-y: auto !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-group {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid #E0E5E7 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 34px -30px rgba(17, 21, 22, 0.3) !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-group h4,
body.lineoa-theme #courtAddModal .court-add-field span {
  margin: 0 !important;
  color: #111516 !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme #courtAddModal .court-add-field span {
  font-size: 13px !important;
  color: #1D6417 !important;
}

body.lineoa-theme #courtAddModal .court-add-field,
body.lineoa-theme #courtAddModal .court-add-field-grid {
  display: grid !important;
  gap: 8px !important;
}

body.lineoa-theme #courtAddModal .court-add-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.lineoa-theme #courtAddModal .court-add-field input {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #111516 !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0 14px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtAddModal .court-add-field input:focus {
  border-color: #BDF21F !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.24) !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-choice-chip {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #232A2D !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-choice-chip.is-active {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-actions {
  position: sticky !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.8fr) !important;
  gap: 10px !important;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid #E0E5E7 !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-reset-btn,
body.lineoa-theme #courtAddModal .home-match-filter-submit-btn {
  min-height: 54px !important;
  border-radius: 14px !important;
  font-family: var(--font-headline) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-reset-btn {
  border: 1px solid #DDE3E5 !important;
  background: #FFFFFF !important;
  color: #111516 !important;
}

body.lineoa-theme #courtAddModal .home-match-filter-submit-btn {
  border: 1px solid #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
  box-shadow: 0 18px 34px -26px rgba(86, 116, 0, 0.62) !important;
}

@media (max-width: 390px) {
  body.lineoa-theme :is(
    #tab-community .home-open-list-head h3,
    .my-matches-head h2,
    #tab-groups .groups-list-header h3,
    #communityCourtsView .courts-view-head h3,
    #communityRankingView .profile-ref-section-title,
    #tab-profile .profile-ref-section-title
  ) {
    font-size: 18px !important;
  }

  body.lineoa-theme :is(
    #tab-community .home-open-list-head .home-create-match-pill,
    #tab-groups .groups-create-btn,
    .my-matches-create-btn
  ) {
    height: 34px !important;
    min-height: 34px !important;
    padding-inline: 12px !important;
    font-size: 12.5px !important;
  }

  body.lineoa-theme :is(
    #tab-community .home-filter-tabs-row .home-static-filter-chips button[data-home-static-filter],
    .my-matches-primary-tabs button,
    #communitySwitchCard .profile-view-btn
  ) {
    font-size: 12.5px !important;
  }
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-heading {
  width: 100% !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 3px 0 -2px !important;
  padding: 0 2px !important;
  list-style: none !important;
  color: #1F7D19 !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-heading.is-full {
  margin-top: 10px !important;
  color: #697175 !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-title {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-dot {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  border-radius: 999px !important;
  background: #28A51E !important;
  box-shadow: 0 0 0 4px rgba(189, 242, 31, 0.18) !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-icon {
  width: 16px !important;
  height: 16px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #7B8387 !important;
  font-size: 15px !important;
  font-variation-settings: "FILL" 1, "wght" 340, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-count {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #EAF8E8 !important;
  color: #288421 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.lineoa-theme :is(#homeFeedList, #groupOpenFeedList) .open-match-section-heading.is-full .open-match-section-count {
  background: #F0F1F1 !important;
  color: #6D7478 !important;
}

/* Group open-match cards: reuse the compact My Matches card rhythm. */
body.lineoa-theme #groupOpenFeedList {
  gap: 12px !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-match-card {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(171, 173, 174, 0.18) !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  box-shadow: 0 9px 26px -22px rgba(17, 21, 22, 0.24) !important;
  overflow: hidden !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-match-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 106px) !important;
  grid-template-areas:
    "top top"
    "title avatars"
    "location avatars"
    "tags action" !important;
  align-items: start !important;
  gap: 5px 9px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme #groupOpenFeedList .cmatch-top-row {
  grid-area: top !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 0 7px !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-block: 1px !important;
  overflow: visible !important;
  color: #4C5357 !important;
  font-family: var(--font-headline) !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.34 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-part {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  line-height: 1.34 !important;
  overflow: visible !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-part.is-date {
  color: #177615 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-part.is-time {
  flex: 1 1 auto !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-part > span:last-child {
  min-width: 0 !important;
  overflow: visible !important;
  line-height: 1.34 !important;
  text-overflow: ellipsis !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-part .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: currentColor !important;
  font-size: 13px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-schedule-divider {
  display: block !important;
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 12px !important;
  background: #D7DDE0 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-top-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-count-pill,
body.lineoa-theme #groupOpenFeedList .challenge-count-pill.is-full {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #F2F3F3 !important;
  color: #454B4E !important;
  font-family: var(--font-headline) !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-count-pill .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: #41474A !important;
  font-size: 14px !important;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-host-crown {
  position: relative !important;
  z-index: 4 !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: grid !important;
  place-items: center !important;
  margin-left: 0 !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #2E8B25 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 12px -8px rgba(17, 21, 22, 0.42) !important;
  pointer-events: none !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-host-crown .material-symbols-outlined {
  color: currentColor !important;
  font-size: 14px !important;
  font-variation-settings: "FILL" 1, "wght" 380, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-match-title {
  grid-area: title !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  color: #171A1B !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.08 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-match-location {
  grid-area: location !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 15px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 5px !important;
  color: #636B6F !important;
  font-family: var(--font-body) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-match-location .material-symbols-outlined {
  margin-top: 0 !important;
  color: #15191A !important;
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 24 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-court-name-link {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .cmatch-meta-row {
  display: contents !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-list {
  grid-area: tags !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  margin: 6px 0 0 !important;
  padding-top: 8px !important;
  border-top: 1px solid #E8ECEE !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-row {
  display: grid !important;
  grid-template-columns: max-content 1px max-content !important;
  justify-content: start !important;
  align-items: center !important;
  column-gap: 9px !important;
  min-width: 0 !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: visible !important;
  color: #545C60 !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-item > span:last-child {
  min-width: 0 !important;
  overflow: visible !important;
  line-height: 1.28 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-item .material-symbols-outlined {
  flex: 0 0 auto !important;
  color: #20851C !important;
  font-size: 15px !important;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 18 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-item.is-gender .material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 420, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-detail-divider {
  display: block !important;
  width: 1px !important;
  height: 16px !important;
  background: #DCE2E5 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-avatar-stack {
  grid-area: avatars !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: end !important;
  align-self: center !important;
  gap: 3px !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-avatar-row {
  width: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-avatar-row > * + * {
  margin-left: -7px !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-party-avatar,
body.lineoa-theme #groupOpenFeedList .challenge-avatar-more,
body.lineoa-theme #groupOpenFeedList .challenge-avatar-empty {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-party-avatar {
  border: 2px solid #FFFFFF !important;
  background: #E8ECEE !important;
  box-shadow: 0 2px 7px rgba(17, 21, 22, 0.10) !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-party-avatar:first-child {
  z-index: 4 !important;
  border-color: #2DAA20 !important;
  box-shadow: 0 0 0 2px rgba(189, 242, 31, 0.45), 0 2px 7px rgba(17, 21, 22, 0.10) !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-avatar-empty {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  border: 1.5px dashed #CBD2D6 !important;
  background: #F7F9FA !important;
  color: #8D969B !important;
  box-shadow: inset 0 0 0 2px #FFFFFF !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-avatar-empty .material-symbols-outlined {
  font-size: 17px !important;
  font-variation-settings: "FILL" 0, "wght" 260, "GRAD" 0, "opsz" 20 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-slots-left-label {
  max-width: 100% !important;
  overflow: visible !important;
  color: #6B7478 !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-join-btn {
  grid-area: action !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #111A00 !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-join-btn:is(.is-report, .is-host-edit, .is-joined) {
  background: rgba(189, 242, 31, 0.2) !important;
  color: #2B4900 !important;
  font-weight: 600 !important;
}

body.lineoa-theme #groupOpenFeedList .challenge-join-btn.is-disabled {
  background: #F0F1F2 !important;
  color: #8A8F92 !important;
}

html[data-language="en"] body.lineoa-theme #groupOpenFeedList .challenge-join-btn:is(.is-report, .is-host-edit, .is-joined) {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
}

@media (max-width: 430px) {
  body.lineoa-theme #groupOpenFeedList .challenge-match-main {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 106px) !important;
    gap: 5px 9px !important;
  }

  body.lineoa-theme #groupOpenFeedList .challenge-schedule,
  body.lineoa-theme #groupOpenFeedList .challenge-count-pill,
  body.lineoa-theme #groupOpenFeedList .challenge-count-pill.is-full {
    font-size: 9px !important;
  }

  body.lineoa-theme #groupOpenFeedList .challenge-detail-item {
    font-size: 10px !important;
  }

  body.lineoa-theme #groupOpenFeedList .challenge-party-avatar,
  body.lineoa-theme #groupOpenFeedList .challenge-avatar-more,
  body.lineoa-theme #groupOpenFeedList .challenge-avatar-empty {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* ==========================================================================
   Group Settings Sheet
   ========================================================================== */
body.lineoa-theme .group-settings-modal .group-match-detail-sheet,
body.lineoa-theme .group-settings-sheet {
  width: min(430px, 100%) !important;
  background: #F9FAFB !important;
}

body.lineoa-theme .group-settings-form {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
}

body.lineoa-theme .group-settings-content {
  gap: 10px !important;
  padding: 10px 14px 12px !important;
}

body.lineoa-theme .group-settings-card {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid #E5EAED !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 22px rgba(21, 28, 31, 0.035) !important;
}

body.lineoa-theme .group-settings-profile-card {
  gap: 13px !important;
}

body.lineoa-theme .group-settings-avatar-block {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

body.lineoa-theme .group-settings-avatar-preview {
  width: 62px !important;
  height: 62px !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  background: #F1F3F4 !important;
}

body.lineoa-theme .group-settings-avatar-block strong {
  display: block !important;
  overflow: hidden !important;
  color: #111719 !important;
  font-family: var(--font-headline) !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .group-settings-avatar-block small,
body.lineoa-theme .group-settings-field span,
body.lineoa-theme .group-settings-row > span,
body.lineoa-theme .group-settings-kicker {
  color: #617077 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

body.lineoa-theme .group-settings-kicker {
  color: #2E781B !important;
  letter-spacing: 0.02em !important;
}

body.lineoa-theme .group-settings-card-head {
  display: grid !important;
  gap: 2px !important;
}

body.lineoa-theme .group-settings-card-head h4 {
  margin: 0 !important;
  color: #111719 !important;
  font-family: var(--font-headline) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme .group-settings-field {
  display: grid !important;
  gap: 7px !important;
}

body.lineoa-theme .group-settings-field input,
body.lineoa-theme .group-settings-court-shell {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid #DCE3E6 !important;
  border-radius: 14px !important;
  background: #FAFBFC !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-field input,
body.lineoa-theme .group-settings-court-shell input {
  color: #14191B !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.lineoa-theme .group-settings-field input {
  padding: 0 14px !important;
}

body.lineoa-theme .group-settings-court-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.lineoa-theme .group-settings-court-shell input {
  min-height: 46px !important;
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

body.lineoa-theme .group-settings-court-clear {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  margin-right: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #EEF2F3 !important;
  color: #687277 !important;
}

body.lineoa-theme .group-settings-court-clear.hidden {
  display: none !important;
}

body.lineoa-theme .group-settings-court-clear .material-symbols-outlined {
  font-size: 18px !important;
}

body.lineoa-theme .group-settings-court-list {
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  display: grid !important;
  max-height: 280px !important;
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 16px !important;
}

body.lineoa-theme .group-settings-court-list.hidden {
  display: none !important;
}

body.lineoa-theme .group-settings-court-option {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: #F7F9FA !important;
  color: #111719 !important;
  text-align: left !important;
}

body.lineoa-theme .group-settings-court-option-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

body.lineoa-theme .group-settings-court-option strong,
body.lineoa-theme .group-settings-court-option small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.lineoa-theme .group-settings-court-option strong {
  font-size: 13px !important;
  font-weight: 650 !important;
}

body.lineoa-theme .group-settings-court-option small {
  color: #6B7478 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body.lineoa-theme .group-settings-court-option .material-symbols-outlined {
  opacity: 0 !important;
  color: #267817 !important;
  font-size: 20px !important;
}

body.lineoa-theme .group-settings-court-option.is-selected {
  border-color: rgba(189, 242, 31, 0.9) !important;
  background: #F5FFE2 !important;
}

body.lineoa-theme .group-settings-court-option.is-selected .material-symbols-outlined {
  opacity: 1 !important;
}

body.lineoa-theme .group-settings-row {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #EEF1F2 !important;
}

body.lineoa-theme .group-settings-card .group-settings-row:first-of-type {
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.lineoa-theme .group-settings-pill-set {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

body.lineoa-theme .group-settings-pill-set button {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #DDE3E6 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #14191B !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
}

body.lineoa-theme .group-settings-pill-set.is-compact button {
  padding-inline: 11px !important;
}

body.lineoa-theme .group-settings-pill-set button.is-active {
  border-color: var(--brand) !important;
  background: var(--brand) !important;
  color: #0F1800 !important;
  box-shadow: 0 8px 18px rgba(189, 242, 31, 0.16) !important;
}

body.lineoa-theme .group-settings-capacity {
  display: grid !important;
  gap: 8px !important;
}

body.lineoa-theme .group-settings-capacity-copy {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: #687277 !important;
}

body.lineoa-theme .group-settings-capacity-copy small {
  font-size: 11px !important;
  font-weight: 600 !important;
}

body.lineoa-theme .group-settings-capacity-copy strong {
  color: #142000 !important;
}

body.lineoa-theme .group-settings-capacity input[type="range"] {
  width: 100% !important;
  accent-color: var(--brand) !important;
}

body.lineoa-theme .group-settings-actions {
  display: grid !important;
  grid-template-columns: 0.82fr 1.18fr !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .group-settings-content {
    padding-inline: 12px !important;
  }

  body.lineoa-theme .group-settings-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body.lineoa-theme .group-settings-row {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.lineoa-theme .group-settings-pill-set button {
    min-height: 36px !important;
    padding-inline: 11px !important;
    font-size: 12px !important;
  }
}

/* Group activity date filter: same tab rhythm as group open matches, capped at today. */
body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 2px 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-bottom: 1px solid #E3E8EA !important;
  background: transparent !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav::-webkit-scrollbar {
  display: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date] {
  position: relative !important;
  display: grid !important;
  flex: 1 1 0 !important;
  min-width: 76px !important;
  min-height: 38px !important;
  place-items: center !important;
  gap: 1px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4E575C !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  scroll-snap-align: start !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date] small {
  color: #879096 !important;
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date]::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: -5px !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date].is-active {
  color: #17761B !important;
  font-weight: 650 !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date].is-active::after {
  background: #16922E !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav.is-swipe-tab-dragging::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  width: var(--swipe-tab-width, 0px) !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #16922E !important;
  transform: translate3d(var(--swipe-tab-x, 0px), 0, 0) !important;
  transition: width 180ms cubic-bezier(0.22, 0.72, 0.18, 1), transform 180ms cubic-bezier(0.22, 0.72, 0.18, 1) !important;
  pointer-events: none !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav.is-swipe-tab-dragging button[data-group-detail-date].is-active::after {
  background: transparent !important;
}

@media (max-width: 390px) {
  body.lineoa-theme.is-group-detail-open #groupDetailScreen .group-detail-date-tabs.group-detail-date-nav button[data-group-detail-date] {
    min-width: 70px !important;
    padding-inline: 9px !important;
    font-size: 11.5px !important;
  }
}

/* Group settings polish: align controls with the match-filter sheet rhythm. */
body.lineoa-theme .group-settings-sheet .group-match-detail-head {
  min-height: 76px !important;
  padding: 0 28px !important;
}

body.lineoa-theme .group-settings-avatar-edit {
  position: relative !important;
  width: 62px !important;
  height: 62px !important;
}

body.lineoa-theme .group-settings-avatar-pick {
  position: relative !important;
  display: grid !important;
  width: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 18px !important;
  background: #F2F4F5 !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-avatar-pick:focus-visible {
  outline: 2px solid rgba(189, 242, 31, 0.9) !important;
  outline-offset: 3px !important;
}

body.lineoa-theme .group-settings-avatar-pick .group-settings-avatar-preview {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 18px !important;
  object-fit: cover !important;
}

body.lineoa-theme .group-settings-avatar-add {
  position: absolute !important;
  right: -3px !important;
  bottom: -3px !important;
  display: grid !important;
  width: 25px !important;
  height: 25px !important;
  place-items: center !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #111719 !important;
  box-shadow: 0 6px 14px rgba(21, 28, 31, 0.14) !important;
}

body.lineoa-theme .group-settings-avatar-add .material-symbols-outlined {
  font-size: 15px !important;
}

body.lineoa-theme .group-settings-avatar-clear {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  z-index: 2 !important;
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #111719 !important;
  box-shadow: 0 8px 18px rgba(21, 28, 31, 0.16) !important;
}

body.lineoa-theme .group-settings-avatar-clear.hidden {
  display: none !important;
}

body.lineoa-theme .group-settings-avatar-clear .material-symbols-outlined {
  font-size: 16px !important;
}

body.lineoa-theme .group-settings-default-card {
  gap: 0 !important;
  padding: 16px 14px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-card-head {
  margin-bottom: 10px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-row {
  grid-template-columns: 90px minmax(0, 1fr) !important;
  min-height: 56px !important;
  gap: 10px !important;
  padding: 9px 0 !important;
  border-top: 1px solid #EEF1F2 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-row:first-of-type {
  border-top: 0 !important;
}

body.lineoa-theme .group-settings-row > span {
  color: #111719 !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

body.lineoa-theme .group-settings-court-row {
  align-items: start !important;
  padding-top: 2px !important;
}

body.lineoa-theme .group-settings-court-picker {
  position: relative !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-court-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  min-height: 46px !important;
  overflow: hidden !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 15px !important;
  background: #FAFBFC !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-court-shell input {
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 0 !important;
  background: transparent !important;
  color: #111719 !important;
  font-size: 13px !important;
  font-weight: 520 !important;
}

body.lineoa-theme .group-settings-court-shell input::placeholder {
  color: #879096 !important;
}

body.lineoa-theme .group-settings-court-list {
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  gap: 6px !important;
  max-height: 252px !important;
  padding: 8px !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 44px rgba(21, 28, 31, 0.14) !important;
}

body.lineoa-theme .group-settings-court-option {
  min-height: 50px !important;
  padding: 8px 10px !important;
  border: 1px solid #EEF1F2 !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
}

body.lineoa-theme .group-settings-pill-set {
  gap: 7px !important;
  justify-content: flex-end !important;
}

body.lineoa-theme .group-settings-pill-set button {
  min-height: 40px !important;
  padding: 0 15px !important;
  border-color: #DDE4E7 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 560 !important;
}

body.lineoa-theme .group-settings-pill-set.is-compact button {
  padding-inline: 12px !important;
}

body.lineoa-theme .group-settings-capacity {
  gap: 6px !important;
}

body.lineoa-theme .group-settings-capacity-copy {
  align-items: center !important;
  color: #5E686D !important;
}

body.lineoa-theme .group-settings-range-wrap {
  --group-settings-min-pct: 20%;
  --group-settings-max-pct: 40%;
  position: relative !important;
  height: 30px !important;
}

body.lineoa-theme .group-settings-range-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      to right,
      #E7ECEE 0%,
      #E7ECEE var(--group-settings-min-pct),
      var(--brand) var(--group-settings-min-pct),
      var(--brand) var(--group-settings-max-pct),
      #E7ECEE var(--group-settings-max-pct),
      #E7ECEE 100%
    ) !important;
  box-shadow: inset 0 1px 2px rgba(21, 28, 31, 0.12) !important;
  transform: translateY(-50%) !important;
}

body.lineoa-theme .group-settings-range-wrap input[type="range"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 30px !important;
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  pointer-events: none !important;
  background: transparent !important;
  accent-color: transparent !important;
}

body.lineoa-theme .group-settings-range-wrap input[type="range"]::-webkit-slider-runnable-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .group-settings-range-wrap input[type="range"]::-webkit-slider-thumb {
  width: 24px !important;
  height: 24px !important;
  margin-top: -8px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #101719 !important;
  box-shadow: 0 5px 14px rgba(21, 28, 31, 0.24) !important;
  pointer-events: auto !important;
  -webkit-appearance: none !important;
}

body.lineoa-theme .group-settings-range-wrap input[type="range"]::-moz-range-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .group-settings-range-wrap input[type="range"]::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #101719 !important;
  box-shadow: 0 5px 14px rgba(21, 28, 31, 0.24) !important;
  pointer-events: auto !important;
}

body.lineoa-theme .group-settings-range-scale {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  color: #8A9397 !important;
  font-size: 9px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme .group-settings-actions {
  grid-template-columns: 0.82fr 1.18fr !important;
  gap: 10px !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .group-settings-sheet .group-match-detail-head {
    min-height: 72px !important;
    padding-inline: 22px !important;
  }

  body.lineoa-theme .group-settings-default-card .group-settings-row {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  body.lineoa-theme .group-settings-pill-set button {
    min-height: 38px !important;
    padding-inline: 12px !important;
    font-size: 12px !important;
  }
}

/* Group settings defaults: match the compact filter-field rhythm. */
body.lineoa-theme .group-settings-default-card {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #ECEFF0 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(22, 27, 30, 0.035) !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-card-head {
  display: grid !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 1px 0 11px !important;
  border-bottom: 1px solid #EEF1F2 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-card-head .group-settings-kicker {
  margin: 0 !important;
  color: #2E781B !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-card-head h4 {
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-row {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(74px, 0.25fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 11px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F2 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-row:last-child,
body.lineoa-theme .group-settings-default-card .group-settings-capacity-row.hidden {
  border-bottom: 0 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-row > span {
  align-self: center !important;
  margin: 0 !important;
  color: #15191A !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-row {
  align-items: center !important;
  padding-top: 11px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-picker {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  overflow: hidden !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  box-shadow: none !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-shell input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 11px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-clear {
  width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 4px 0 0 !important;
  border-radius: 999px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-clear .material-symbols-outlined {
  font-size: 16px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-list {
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  max-height: min(44dvh, 280px) !important;
  gap: 5px !important;
  padding: 8px !important;
  overflow-y: auto !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 42px -24px rgba(18, 24, 26, 0.42) !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-list.hidden {
  display: none !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-court-option {
  min-height: 48px !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-pill-set {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-pill-set button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #15191A !important;
  box-shadow: none !important;
  font-family: var(--font-headline) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-pill-set.is-compact button {
  padding-inline: 11px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-pill-set button.is-active {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
  color: #111516 !important;
  box-shadow: 0 8px 18px rgba(189, 242, 31, 0.12) !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity-row {
  align-items: start !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity-row > span {
  padding-top: 8px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  border: 1px solid #E0E4E6 !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity-copy {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: #5F676A !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity-copy small {
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-capacity-copy strong {
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap {
  --group-settings-min-pct: 20%;
  --group-settings-max-pct: 40%;
  position: relative !important;
  min-width: 0 !important;
  height: 28px !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  left: 0 !important;
  top: 50% !important;
  height: 8px !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      #E8ECEE 0%,
      #E8ECEE var(--group-settings-min-pct),
      #BDF21F var(--group-settings-min-pct),
      #BDF21F var(--group-settings-max-pct),
      #E8ECEE var(--group-settings-max-pct),
      #E8ECEE 100%
    ) !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap input[type="range"]::-webkit-slider-runnable-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: -7px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
  cursor: grab !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap input[type="range"]::-moz-range-track {
  height: 8px !important;
  background: transparent !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-wrap input[type="range"]::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 999px !important;
  background: #111516 !important;
  box-shadow: 0 4px 10px rgba(17, 21, 22, 0.16) !important;
  pointer-events: auto !important;
  cursor: grab !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-scale {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  color: #9AA1A5 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.lineoa-theme .group-settings-default-card .group-settings-range-scale span {
  min-width: 0 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

@media (max-width: 390px) {
  body.lineoa-theme .group-settings-default-card {
    padding: 8px 10px !important;
  }

  body.lineoa-theme .group-settings-default-card .group-settings-row {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.lineoa-theme .group-settings-default-card .group-settings-pill-set button {
    min-height: 34px !important;
    height: 34px !important;
    padding-inline: 11px !important;
    font-size: 12px !important;
  }
}

/* Cross-tab mobile gutters: match the compact Group detail rhythm. */
@media (max-width: 768px) {
  body.lineoa-theme {
    --smatch-mobile-tab-gutter: 10px;
  }

  body.lineoa-theme :is(
    #tab-home[data-tab="matches"],
    #tab-arena,
    #tab-profile
  ) {
    padding-right: var(--smatch-mobile-tab-gutter) !important;
    padding-left: var(--smatch-mobile-tab-gutter) !important;
  }

  body.lineoa-theme :is(
    #tab-home[data-tab="matches"] > .my-matches-screen,
    #tab-arena > #communitySwitchCard,
    #tab-arena > .community-view,
    #tab-profile > #profileSwitchCard,
    #tab-profile > .profile-view
  ) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.lineoa-theme #tab-arena > :is(#communitySwitchCard, .community-view),
  body.lineoa-theme #communityCourtsView,
  body.lineoa-theme #communityRankingView,
  body.lineoa-theme #profileDashboardView,
  body.lineoa-theme #profileGroupView,
  body.lineoa-theme #profileStaticSoonView,
  body.lineoa-theme #profileSettingsView {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.lineoa-theme #communityCourtsView .community-courts-shell {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.lineoa-theme #communityRankingView .community-ranking-admin-content,
  body.lineoa-theme #communityRankingView :is(
    .elite-domain-hero,
    .profile-leaderboard-section,
    .profile-leaderboard-table-wrap,
    .community-ranking-soon-card
  ) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* Final page gutter normalization: all primary tabs share the Group detail edge rhythm. */
body.lineoa-theme {
  --smatch-mobile-tab-gutter: 10px;
}

body.lineoa-theme :is(
  #tab-home[data-tab="matches"],
  #tab-arena,
  #tab-profile
) {
  padding-right: var(--smatch-mobile-tab-gutter) !important;
  padding-left: var(--smatch-mobile-tab-gutter) !important;
}

body.lineoa-theme :is(
  #tab-home[data-tab="matches"] > .my-matches-screen,
  #tab-arena > #communitySwitchCard,
  #tab-arena > .community-view,
  #tab-profile > #profileSwitchCard,
  #tab-profile > .profile-view
) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.lineoa-theme #tab-arena > :is(#communitySwitchCard, .community-view),
body.lineoa-theme #communityCourtsView,
body.lineoa-theme #communityRankingView,
body.lineoa-theme #profileDashboardView,
body.lineoa-theme #profileGroupView,
body.lineoa-theme #profileStatsView,
body.lineoa-theme #profileStaticSoonView,
body.lineoa-theme #profileSettingsView,
body.lineoa-theme #tab-home[data-tab="matches"] > .my-matches-screen {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.lineoa-theme #communityCourtsView .community-courts-shell,
body.lineoa-theme #communityRankingView .community-ranking-admin-content,
body.lineoa-theme #profileDashboardView > .profile-ref-section,
body.lineoa-theme #profileStatsView > .profile-ref-section {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.lineoa-theme #communityCourtsView .community-courts-shell {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hard gutter lock: the body/mobile shell owns the only side gutter. */
html body.lineoa-theme #dashboard > #tab-home[data-tab="matches"].tab-panel,
html body.lineoa-theme #dashboard > #tab-arena.tab-panel,
html body.lineoa-theme #dashboard > #tab-profile.tab-panel {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.lineoa-theme #dashboard > #tab-home[data-tab="matches"].tab-panel > .my-matches-screen,
html body.lineoa-theme #dashboard > #tab-arena.tab-panel > #communitySwitchCard,
html body.lineoa-theme #dashboard > #tab-arena.tab-panel > .community-view,
html body.lineoa-theme #dashboard > #tab-profile.tab-panel > #profileSwitchCard,
html body.lineoa-theme #dashboard > #tab-profile.tab-panel > .profile-view {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.lineoa-theme #dashboard > #tab-arena.tab-panel #communityCourtsView.profile-view > .community-courts-shell.card,
html body.lineoa-theme #dashboard > #tab-arena.tab-panel #communityRankingView.profile-view > .community-ranking-admin-content,
html body.lineoa-theme #dashboard > #tab-profile.tab-panel #profileDashboardView.profile-view > .profile-ref-section,
html body.lineoa-theme #dashboard > #tab-profile.tab-panel #profileStatsView.profile-view > .profile-ref-section {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

/* Group settings sheet: use the same compact header rhythm as match detail. */
html body.lineoa-theme .group-settings-sheet.group-match-detail-sheet > .group-settings-head.group-match-detail-head {
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 8px 14px !important;
  border-bottom: 1px solid #E2E7E9 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body.lineoa-theme .group-settings-sheet.group-match-detail-sheet > .group-settings-head.group-match-detail-head h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

html body.lineoa-theme .group-settings-sheet.group-match-detail-sheet > .group-settings-head.group-match-detail-head .group-match-detail-close {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

html body.lineoa-theme .group-settings-avatar-block > div {
  min-width: 0 !important;
}

html body.lineoa-theme .group-settings-name-wrap {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
}

html body.lineoa-theme .group-settings-name-display {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 6px !important;
}

html body.lineoa-theme .group-settings-name-display.hidden {
  display: none !important;
}

html body.lineoa-theme .group-settings-name-display #groupSettingsProfileName {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body.lineoa-theme .group-settings-name-edit-btn {
  display: inline-grid !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: #2E781B !important;
  box-shadow: none !important;
}

html body.lineoa-theme .group-settings-name-edit-btn .material-symbols-outlined {
  font-size: 16px !important;
  font-variation-settings: "FILL" 0, "wght" 330, "GRAD" 0, "opsz" 20 !important;
}

html body.lineoa-theme .group-settings-name-edit-field {
  display: block !important;
  min-width: 0 !important;
}

html body.lineoa-theme .group-settings-name-edit-field.hidden {
  display: none !important;
}

html body.lineoa-theme .group-settings-name-edit-field input {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #DDE4E7 !important;
  border-radius: 13px !important;
  background: #FAFBFC !important;
  color: #111719 !important;
  font-family: var(--font-headline) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* ── Registration home-court picker: match edit-profile treatment ── */
html body.lineoa-theme #registerCard .profile-home-court-full-row {
  width: 100% !important;
}

html body.lineoa-theme #registerCard .home-court-multi-select {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html body.lineoa-theme #registerCard .home-court-multi-select > label {
  display: block !important;
  padding-left: 2px !important;
  color: #2E6B0E !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body.lineoa-theme #registerCard .home-court-multi-select .court-picker-combobox {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  gap: 6px !important;
}

html body.lineoa-theme #registerCard .home-court-input-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 5px 0 11px !important;
  border: 1px solid #E1E6E8 !important;
  border-radius: 12px !important;
  background: #FBFCFC !important;
  box-shadow: none !important;
}

html body.lineoa-theme #registerCard .home-court-input-shell:focus-within {
  border-color: rgba(61, 126, 20, 0.34) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(189, 242, 31, 0.18) !important;
}

html body.lineoa-theme #registerCard .home-court-input-shell input {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15191A !important;
  font-size: var(--text-body-sm) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body.lineoa-theme #registerCard .home-court-input-shell input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

html body.lineoa-theme #registerCard .home-court-clear-btn {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #EEF2F3 !important;
  color: #6D777B !important;
  box-shadow: none !important;
}

html body.lineoa-theme #registerCard .home-court-clear-btn .material-symbols-outlined {
  font-size: 17px !important;
  line-height: 1 !important;
}

html body.lineoa-theme #registerCard .home-court-dropdown {
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  left: 0 !important;
  display: grid !important;
  max-height: min(42dvh, 300px) !important;
  gap: 5px !important;
  padding: 7px !important;
  overflow-y: auto !important;
  border: 1px solid #DDE3E5 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  box-shadow: 0 20px 42px -24px rgba(18, 24, 26, 0.42) !important;
}

html body.lineoa-theme #registerCard .home-court-dropdown.hidden {
  display: none !important;
}

html body.lineoa-theme #registerCard .home-court-option {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 48px !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: #F8FAFA !important;
  cursor: pointer !important;
}

html body.lineoa-theme #registerCard .home-court-option:has(input:checked) {
  border-color: rgba(189, 242, 31, 0.74) !important;
  background: #F5FFE5 !important;
}

html body.lineoa-theme #registerCard .home-court-option input[type="checkbox"][data-home-court-option] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  display: grid !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1.5px solid #CCD5D9 !important;
  border-radius: 5px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body.lineoa-theme #registerCard .home-court-option input[type="checkbox"][data-home-court-option]::after {
  content: "" !important;
  width: 8px !important;
  height: 5px !important;
  margin-top: -1px !important;
  border: solid #111516 !important;
  border-width: 0 0 2px 2px !important;
  opacity: 0 !important;
  transform: rotate(-45deg) scale(0.75) !important;
}

html body.lineoa-theme #registerCard .home-court-option input[type="checkbox"][data-home-court-option]:checked {
  border-color: #BDF21F !important;
  background: #BDF21F !important;
}

html body.lineoa-theme #registerCard .home-court-option input[type="checkbox"][data-home-court-option]:checked::after {
  opacity: 1 !important;
  transform: rotate(-45deg) scale(1) !important;
}

html body.lineoa-theme #registerCard .home-court-option-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body.lineoa-theme #registerCard .home-court-option-main strong {
  overflow: hidden !important;
  color: #15191A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.lineoa-theme #registerCard .home-court-option-main small {
  overflow: hidden !important;
  color: #6F797E !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.lineoa-theme #registerCard .home-court-selected-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 !important;
}

html body.lineoa-theme #registerCard .home-court-selected-pills.hidden {
  display: none !important;
}

html body.lineoa-theme #registerCard .home-court-pill {
  min-height: 26px !important;
  max-width: 100% !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 7px 4px 9px !important;
  border: 1px solid rgba(189, 242, 31, 0.56) !important;
  border-radius: 999px !important;
  background: #F5FFE5 !important;
  color: #214C08 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

html body.lineoa-theme #registerCard .home-court-pill span:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.lineoa-theme #registerCard .home-court-pill .material-symbols-outlined {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* ── Smatch CI layer: logo palette + brand accents. Keep this block easy to revert. ── */
:root,
body.lineoa-theme {
  --smatch-ci-primary: #073B31;
  --smatch-ci-mint: #4ED1A5;
  --smatch-ci-accent: #FF7FA3;
  --smatch-ci-cream: #FFF6F2;
  --smatch-ci-gray: #E7E7E7;
  --smatch-ci-ink: #071F1A;
  --brand-forest: var(--smatch-ci-primary);
  --primary: var(--smatch-ci-primary);
  --win-text: var(--smatch-ci-primary);
  --brand-mint: var(--smatch-ci-mint);
  --brand-accent: var(--smatch-ci-accent);
  --brand-cream: var(--smatch-ci-cream);
}

body.lineoa-theme {
  background:
    radial-gradient(circle at 50% -10%, rgba(78, 209, 165, 0.12), transparent 34rem),
    linear-gradient(180deg, var(--smatch-ci-cream) 0, #F5F6F7 10rem, #F5F6F7 100%);
}

body.lineoa-theme .splash-screen {
  background:
    radial-gradient(circle at 50% 36%, rgba(78, 209, 165, 0.2), transparent 17rem),
    linear-gradient(180deg, #073B31 0%, #042D25 100%) !important;
}

body.lineoa-theme .splash-brand {
  gap: 14px !important;
}

body.lineoa-theme .splash-ball {
  width: 78px !important;
  height: 78px !important;
}

body.lineoa-theme .splash-ball-ring,
body.lineoa-theme .splash-ball-icon {
  display: none !important;
}

body.lineoa-theme .splash-brand-mark {
  width: 76px;
  height: 76px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.24));
}

body.lineoa-theme .splash-title {
  color: var(--smatch-ci-mint) !important;
  text-shadow: 0 14px 34px rgba(78, 209, 165, 0.24);
}

body.lineoa-theme .splash-kicker,
body.lineoa-theme .splash-status {
  color: rgba(255, 246, 242, 0.82) !important;
}

body.lineoa-theme .splash-step-dot {
  background: rgba(255, 246, 242, 0.28) !important;
}

body.lineoa-theme .splash-step.is-active .splash-step-dot {
  background: var(--smatch-ci-accent) !important;
  box-shadow: 0 0 0 4px rgba(255, 127, 163, 0.2) !important;
}

body.lineoa-theme .splash-step.is-done .splash-step-dot {
  background: var(--smatch-ci-mint) !important;
}

body.lineoa-theme .top-ribbon {
  background:
    linear-gradient(180deg, rgba(255, 246, 242, 0.9), rgba(255, 255, 255, 0.94)) !important;
  border-bottom: 1px solid rgba(7, 59, 49, 0.05) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: max(8px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 8px max(14px, env(safe-area-inset-left)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: calc(56px + env(safe-area-inset-top)) !important;
}

body.lineoa-theme .top-ribbon h1 {
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme .top-ribbon h1 > span {
  position: relative;
  color: var(--smatch-ci-mint) !important;
  text-shadow: 0 10px 24px rgba(78, 209, 165, 0.2);
}

body.lineoa-theme .top-ribbon h1 > span::after {
  content: "";
  position: absolute;
  right: -0.28em;
  top: -0.16em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: var(--smatch-ci-accent);
  box-shadow: 0 0 0 3px rgba(255, 127, 163, 0.14);
}

body.lineoa-theme .top-brand-wordmark {
  min-width: 0 !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

body.lineoa-theme .brand-mini {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.lineoa-theme .top-brand-logo {
  width: clamp(142px, 38vw, 196px) !important;
  max-width: calc(100vw - 178px) !important;
  max-height: 40px !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 10px 18px rgba(7, 59, 49, 0.1));
}

body.lineoa-theme .top-brand-avatar {
  border: 2px solid rgba(78, 209, 165, 0.35) !important;
  box-shadow:
    0 0 0 3px rgba(255, 246, 242, 0.94),
    0 14px 26px -18px rgba(7, 59, 49, 0.35) !important;
}

body.lineoa-theme .top-ribbon-actions {
  gap: 10px !important;
  flex: 0 0 auto !important;
}

body.lineoa-theme .top-profile-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
}

body.lineoa-theme .top-profile-btn .top-brand-avatar {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

body.lineoa-theme .top-brand-subtitle > span,
body.lineoa-theme .top-notify-badge {
  background: var(--smatch-ci-accent) !important;
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme .top-notify-btn {
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme .section-kicker,
body.lineoa-theme .mini-overline {
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme :is(
  .primary-btn,
  .home-match-filter-submit-btn,
  .home-primary-action,
  .group-match-detail-share-btn,
  .groups-create-btn,
  .home-create-match-pill,
  .court-book-btn,
  .court-add-btn
) {
  background: linear-gradient(135deg, #BDF21F 0%, var(--smatch-ci-mint) 100%) !important;
  color: var(--smatch-ci-primary) !important;
  box-shadow: 0 18px 34px -24px rgba(7, 59, 49, 0.42), 0 10px 24px -18px rgba(78, 209, 165, 0.78) !important;
}

body.lineoa-theme :is(
  .home-match-filter-choice-chip.is-active,
  .home-static-filter-chips button.is-active,
  .my-matches-filter-bar button.is-active,
  .profile-view-btn.is-active,
  .qp-pill.is-active,
  .qp-requirement-pill.is-active,
  .group-settings-pill-set button.is-active,
  .court-surface-filter button[aria-selected="true"]
) {
  border-color: rgba(78, 209, 165, 0.86) !important;
  background: linear-gradient(135deg, #BDF21F 0%, var(--smatch-ci-mint) 100%) !important;
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme :is(
  .my-matches-primary-tabs button.is-active,
  .arena-tab-btn.is-active,
  .group-detail-tab-btn.is-active
) {
  color: var(--smatch-ci-primary) !important;
  box-shadow: inset 0 -3px 0 var(--smatch-ci-mint) !important;
}

body.lineoa-theme .bottom-nav {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(7, 59, 49, 0.08) !important;
  box-shadow: 0 18px 44px -24px rgba(7, 59, 49, 0.26) !important;
}

body.lineoa-theme .tab-btn.is-active {
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme .tab-btn.is-active .tab-icon {
  color: var(--smatch-ci-primary) !important;
  filter: drop-shadow(0 8px 12px rgba(78, 209, 165, 0.3));
}

body.lineoa-theme :is(.challenge-detail-item .material-symbols-outlined, .challenge-schedule-part.is-date, .open-match-section-dot) {
  color: var(--smatch-ci-primary) !important;
}

body.lineoa-theme :is(.challenge-avatar-empty, .open-match-detail-player-empty-circle) {
  border-color: rgba(78, 209, 165, 0.45) !important;
  background: rgba(78, 209, 165, 0.08) !important;
}

body.lineoa-theme :is(.court-status.is-available span, .open-match-section-dot) {
  background: var(--smatch-ci-mint) !important;
}

body.lineoa-theme :is(.notification-card.is-new, .group-tournament-coming-soon-card, .profile-static-soon-card) {
  border-color: rgba(78, 209, 165, 0.22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(78, 209, 165, 0.14), transparent 11rem),
    linear-gradient(180deg, rgba(255, 246, 242, 0.9), rgba(255, 255, 255, 0.98)) !important;
}

/* ── Swipe gesture area: let section panels drag, while rendering only the list. ── */
body.lineoa-theme :is(
  #tab-home[data-tab="matches"] > .my-matches-screen,
  #groupDetailPanelOpen,
  #groupDetailPanelActivity
) {
  touch-action: pan-y !important;
}

body.lineoa-theme #tab-home[data-tab="matches"] > .my-matches-screen {
  min-height: calc(100svh - 220px) !important;
}

body.lineoa-theme.is-group-detail-open #groupDetailScreen :is(
  #groupDetailPanelOpen,
  #groupDetailPanelActivity
) {
  min-height: min(62svh, 560px) !important;
}

body.lineoa-theme :is(
  #tab-home[data-tab="matches"] > .my-matches-screen,
  #groupDetailPanelOpen,
  #groupDetailPanelActivity
).is-swipe-pager-gesture-active {
  cursor: grabbing !important;
  user-select: none !important;
}

/* Keep the global brand bar edge-to-edge like the bottom navigation. */
body.lineoa-theme .top-ribbon {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: max(20px, env(safe-area-inset-left)) !important;
  padding-right: max(20px, env(safe-area-inset-right)) !important;
}

@media (max-width: 559px) {
  body.lineoa-theme .top-ribbon {
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
  }
}

/* Group creation is LINE-group only for now; keep only in-group match creation visible. */
body.lineoa-theme #groupsCreateBtn.groups-create-btn,
body.lineoa-theme #groupsCreateBtn[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}