@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --putt-glass-border: rgba(255, 255, 255, 0.42);
    --putt-glass-shadow: 0 18px 45px rgba(15, 23, 42, 0.11);
    --putt-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.48);
    --putt-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.04));
    --putt-row-a: linear-gradient(135deg, rgba(226, 255, 240, 0.88), rgba(255, 255, 255, 0.58));
    --putt-row-b: linear-gradient(135deg, rgba(233, 243, 255, 0.88), rgba(255, 255, 255, 0.58));
    --putt-row-c: linear-gradient(135deg, rgba(255, 248, 215, 0.9), rgba(255, 255, 255, 0.6));
    --putt-panel: linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.38));
    --putt-panel-soft: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(246, 252, 248, 0.4));
    --putt-ghost: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.42));
    --putt-brand-btn: linear-gradient(135deg, rgba(22, 163, 74, 0.96), rgba(74, 222, 128, 0.7));
  }

  :is(
    .auth-tile,
    .form-panel,
    .hero,
    .hero-card,
    .side-card,
    .panel,
    .summary-card,
    .record-card,
    .section,
    .highlight,
    .profile-item,
    .game-item,
    .leader-row,
    .invite-card,
    .history-card,
    .champion-card,
    .photo-card,
    .stat-card,
    .achievement-card,
    .score-box,
    .summary-box,
    .hero-point,
    .mobile-hole,
    .modal-card,
    .celebration-card,
    .public-topbar,
    .qr-box
  ) {
    border-color: var(--putt-glass-border) !important;
    box-shadow: var(--putt-glass-shadow), var(--putt-glass-highlight) !important;
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
  }

  :is(
    .panel,
    .side-card,
    .summary-card,
    .record-card,
    .section,
    .highlight,
    .invite-card,
    .history-card,
    .stat-card,
    .achievement-card,
    .score-box,
    .summary-box,
    .hero-point,
    .mobile-hole,
    .form-panel,
    .auth-tile,
    .public-topbar,
    .qr-box
  ) {
    background: var(--putt-panel) !important;
  }

  :is(.hero-card, .hero) {
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  }

  :is(.game-list, .leaderboard, .profile-list, .champions, .photo-wall, .stat-grid, .achievement-grid) > * {
    border: 1px solid var(--putt-glass-border) !important;
    box-shadow: var(--putt-glass-shadow), var(--putt-glass-highlight) !important;
    backdrop-filter: blur(20px) saturate(145%);
    -webkit-backdrop-filter: blur(20px) saturate(145%);
  }

  :is(.game-list, .leaderboard, .profile-list, .champions, .photo-wall, .stat-grid, .achievement-grid) > *:nth-child(3n + 1) {
    background: var(--putt-row-a) !important;
  }

  :is(.game-list, .leaderboard, .profile-list, .champions, .photo-wall, .stat-grid, .achievement-grid) > *:nth-child(3n + 2) {
    background: var(--putt-row-b) !important;
  }

  :is(.game-list, .leaderboard, .profile-list, .champions, .photo-wall, .stat-grid, .achievement-grid) > *:nth-child(3n) {
    background: var(--putt-row-c) !important;
  }

  .leader-row.top {
    background: linear-gradient(135deg, rgba(255, 240, 170, 0.92), rgba(255, 255, 255, 0.68)) !important;
  }

  :is(.game-score, .leader-rank, .profile-item, .summary-box, .score-box) {
    border-color: rgba(255, 255, 255, 0.36) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  }

  :is(
    .btn,
    .game-action,
    .leader-filter,
    .pill-link,
    .celebration-btn,
    .modal-option,
    .logout-btn,
    .switcher button
  ) {
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
  }

  :is(
    .btn.secondary,
    .leader-filter,
    .pill-link,
    .celebration-btn.secondary,
    .modal-option,
    .switcher button,
    .logout-btn
  ) {
    background: var(--putt-ghost), var(--putt-sheen) !important;
    color: #183425 !important;
  }

  :is(
    .btn.primary,
    .game-action,
    .celebration-btn.primary,
    .leader-filter.active,
    .switcher button.active
  ) {
    background: var(--putt-brand-btn), linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 16px 36px rgba(21, 128, 61, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  }

  :is(.btn, .game-action, .leader-filter, .pill-link, .celebration-btn, .modal-option, .switcher button, .logout-btn):hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  }

  :is(.btn, .game-action, .leader-filter, .pill-link, .celebration-btn, .modal-option, .switcher button, .logout-btn):active {
    transform: translateY(0);
  }
}