@import url('./card-art.css');

/* Discover: a shared round starts with a conversation. */
body .native-main:has(> .discovery-page) {
   max-width: 1180px;
}
:where(.discovery-page, .discovery-dialog) .ps-icon {
   width: 20px;
   height: 20px;
   flex: none;
}
.discovery-page {
   --discover-paper: var(--ps-bg-base, #f5f6f0);
   --discover-surface: var(--ps-bg-surface, #fff);
   --discover-soft: var(--ps-bg-elevated, #f0f3ec);
   --discover-ink: var(--ps-text-primary, #183a2e);
   --discover-muted: var(--ps-text-secondary, #65766a);
   --discover-line: var(--ps-border, #dfe6dc);
   --discover-green: #275c43;
   --discover-gold: #d8bd76;
   --discover-accent: #9bc49e;
   width: 100%;
   min-width: 0;
   min-height: 75vh;
   padding: 24px 24px 48px;
   background: var(--discover-paper);
   color: var(--discover-ink);
}
.discovery-page * {
   box-sizing: border-box;
}
.theme-light .discovery-page {
   --discover-accent: #386447;
}
.discovery-page [hidden] {
   display: none !important;
}
.discovery-page [data-icon] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
}
.discovery-page :is(h1, h2, h3, p):not(:where([data-profile-component] *)) {
   margin: 0;
}
.discovery-page :is(button, a, select) {
   -webkit-tap-highlight-color: transparent;
}
.discovery-page button:not(:where([data-profile-component] *)) {
   cursor: pointer;
   font: inherit;
}
.discovery-page button:disabled:not(:where([data-profile-component] *)) {
   cursor: default;
   opacity: 0.48;
}
.discovery-page
   :is(button, a, select):focus-visible:not(
      :where([data-profile-component] *)
   ) {
   outline: 3px solid #b99c52;
   outline-offset: 4px;
}
.discovery-page .ui-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-height: 44px;
   padding: 12px 18px;
   border: 1px solid var(--discover-line);
   border-radius: 12px;
   box-shadow: none;
   font: inherit;
   font-size: 13px;
   font-weight: 650;
   line-height: 1.4;
   text-decoration: none;
   transition:
      background 0.15s,
      transform 0.15s;
}
.discovery-page .ui-button:hover:not(:disabled) {
   transform: translateY(-1px);
}
.discovery-page .discovery-primary {
   background: #275c43 !important;
   border-color: #275c43 !important;
   color: #fff !important;
}
.discovery-page .discovery-primary:hover:not(:disabled) {
   background: #1c4935 !important;
}
.discovery-page .ui-button--outline,
.discovery-profile-button {
   background: var(--discover-surface);
   color: var(--discover-ink);
}
.discovery-page [data-browser] {
   width: 100%;
   max-width: 1120px;
   margin: 0 auto;
}
.discovery-header {
   position: relative;
   border-radius: 26px;
   background: #173e33;
   color: #f7f5e9;
   overflow: hidden;
}
.discovery-header-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   padding: 22px 30px 0;
}
.discovery-back-link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: #dfebdc;
   font-size: 12px;
   text-decoration: none;
}
.discovery-back-link .ps-icon {
   width: 16px;
   height: 16px;
}
.discovery-header-actions {
   display: flex;
   align-items: center;
   gap: 12px;
}
.discovery-circle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-width: 44px;
   min-height: 44px;
   padding: 10px;
   border: 1px solid #e2ead82e;
   border-radius: 50%;
   background: #ffffff0c;
   color: inherit;
   box-shadow: none;
}
.discovery-filter-toggle {
   border-radius: 12px;
   padding-inline: 16px;
   font-size: 12px !important;
}
.discovery-circle:hover,
.discovery-circle.is-active {
   background: #ffffff21;
}
.discovery-location-status {
   font-size: 11px;
   color: #d5eac7;
}
.discovery-hero {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 40px;
   min-height: 245px;
   padding: 20px 46px 40px;
}
.discovery-heading {
   min-width: 0;
}
.discovery-page .discovery-eyebrow {
   font-size: 10px;
   font-weight: 650;
   letter-spacing: 0.17em;
   line-height: 1.6;
   text-transform: uppercase;
}
.discovery-hero .discovery-eyebrow {
   color: #cbb778;
}
.discovery-heading h1 {
   font-family: Georgia, "Times New Roman", serif;
   font-size: 64px;
   font-weight: 400;
   line-height: 1.1;
   letter-spacing: -0.045em;
   text-transform: none;
}
.discovery-hero h2 {
   margin-top: 13px;
   font-size: 19px;
   font-weight: 500;
   letter-spacing: -0.02em;
   line-height: 1.5;
   text-transform: none;
}
.discovery-page .discovery-hero-description {
   margin-top: 8px;
   max-width: 350px;
   color: #c4d4c6;
   font-size: 12px;
   line-height: 1.8;
}
.discovery-hero-art {
   position: relative;
   flex: 0 0 260px;
   height: 200px;
}
.discovery-course-contour {
   position: absolute;
   inset: -45px -10px -30px -15px;
   border: 1px solid #e8e5c718;
   border-radius: 48% 57% 40% 60%;
   transform: rotate(-22deg);
   box-shadow:
      0 0 0 17px #e8e5c70c,
      0 0 0 34px #e8e5c708,
      0 0 0 51px #e8e5c707;
}
.discovery-course-green {
   position: absolute;
   left: 30px;
   top: 48px;
   width: 180px;
   height: 112px;
   border: 1px solid #a9bf8a44;
   border-radius: 55% 45% 47% 53%;
   background: #345947;
   transform: rotate(-12deg);
   box-shadow:
      0 0 0 14px #91ab6b10,
      0 0 0 28px #91ab6b0a;
}
.discovery-course-flag {
   position: absolute;
   left: 108px;
   top: -38px;
   width: 2px;
   height: 94px;
   background: #e8dfb9;
   transform: rotate(12deg);
}
.discovery-course-flag:before {
   content: "";
   position: absolute;
   left: 2px;
   top: 0;
   width: 41px;
   height: 28px;
   background: #d5b96f;
   clip-path: polygon(0 0, 100% 27%, 0 100%);
}
.discovery-course-hole {
   position: absolute;
   left: 100px;
   top: 49px;
   width: 20px;
   height: 9px;
   background: #102c24;
   border: 1px solid #7e986c;
   border-radius: 50%;
}
.discovery-course-ball {
   position: absolute;
   top: 130px;
   left: 52px;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: #fff9e5;
   box-shadow: 1px 3px 5px #0003;
}
.discovery-course-note {
   position: absolute;
   right: 0;
   bottom: -6px;
   color: #bfcdb1;
   font-size: 9px;
   line-height: 1.8;
   letter-spacing: 0.13em;
   text-align: right;
}
.discovery-filter-panel {
   padding: 24px 30px;
   border-top: 1px solid #f5f1d826;
   background: #ffffff06;
}
.discovery-container {
   max-width: 100%;
   margin: 0 auto;
}
.discovery-filter-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
}
.discovery-filter-grid > div {
   min-width: 0;
}
.discovery-filter-grid label {
   display: block;
   margin-bottom: 7px;
   color: #d4e0d4;
   font-size: 11px;
}
.discovery-filter-grid select {
   width: 100%;
   min-height: 44px;
   padding: 10px 30px 10px 12px;
   border: 1px solid #879b854d;
   border-radius: 10px;
   background: #244e40;
   color: #fff;
   font: inherit;
   font-size: 13px;
}
.discovery-page .discovery-search {
   margin-top: 18px;
   background: #dfcc92 !important;
   color: #243d2c !important;
   border-color: #dfcc92 !important;
}
.discovery-filter-count {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   margin-top: 14px;
   font-size: 12px;
   color: #d3dfcf;
}
.discovery-clear {
   border: 0;
   background: transparent;
   color: #ad8650;
   font: inherit;
   font-size: 12px;
   text-decoration: underline;
   text-underline-offset: 3px;
}
.discovery-filter-panel .discovery-clear {
   color: #ecdcaa;
}
.discovery-body {
   padding: 30px 0 0;
}
.discovery-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 300px;
   align-items: start;
   gap: 30px;
}
.discovery-main,
.discovery-sidebar {
   min-width: 0;
}
.discovery-section-heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 16px;
   padding-inline: 4px;
}
.discovery-section-heading .discovery-eyebrow {
   color: var(--discover-muted);
   font-size: 9px;
   letter-spacing: 0.13em;
}
.discovery-section-heading h2 {
   margin-top: 4px;
   font-size: 19px;
   font-weight: 650;
   letter-spacing: -0.03em;
   text-transform: none;
}
.discovery-directory-count {
   flex: none;
   padding: 7px 11px;
   border: 1px solid var(--discover-line);
   border-radius: 999px;
   background: var(--discover-surface);
   color: var(--discover-muted);
   font-size: 11px;
}
.discovery-carousel-wrap {
   position: relative;
   overflow: hidden;
   border-radius: 24px;
   touch-action: pan-y pinch-zoom;
   user-select: none;
   -webkit-user-select: none;
}
.discovery-loading {
   position: absolute;
   inset: 0;
   display: grid;
   place-items: center;
   color: var(--discover-muted);
   font-size: 14px;
   pointer-events: none;
}
/* Keep the deck and its controls in flow while the first profiles load. */
[data-carousel-panel][data-pending] .discovery-browse-controls {
   visibility: hidden;
   pointer-events: none;
}
.discovery-carousel-wrap.can-drag {
   cursor: grab;
}
.discovery-carousel {
   position: relative;
   height: 660px;
   max-width: 720px;
   margin: auto;
   user-select: none;
   -webkit-user-select: none;
   touch-action: pan-y pinch-zoom;
   cursor: default;
}
.discovery-carousel.can-drag,
.discovery-carousel.can-drag .discovery-card,
.discovery-carousel.can-drag .discovery-photo {
   cursor: grab;
}
.discovery-carousel:focus-visible {
   outline-offset: -4px;
   border-radius: 24px;
}
.discovery-carousel.is-dragging {
   cursor: grabbing;
}
.discovery-slide {
   position: absolute;
   inset: 0;
   height: 100%;
   padding: 0 3px 12px;
   transition:
      transform 0.3s ease-out,
      opacity 0.3s ease-out;
}
.discovery-carousel.is-dragging .discovery-slide {
   transition: none;
}
.discovery-carousel.is-dragging,
.discovery-carousel.is-dragging * {
   cursor: grabbing !important;
}
.discovery-carousel.is-dragging .discovery-slide {
   will-change: transform;
}
.discovery-card {
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   border: 1px solid var(--discover-line);
   border-radius: 23px;
   background: var(--discover-surface);
   box-shadow: 0 8px 24px #143a2110;
}
/* Touch-action is resolved up to the nearest scroll container. Apply it inside
   the card too: the scrolling details and clipped text must not steal swipes. */
.discovery-card,
.discovery-card * {
   touch-action: pan-y pinch-zoom;
}
.discovery-card.is-boosted {
   border-color: #bf9f4a;
   box-shadow:
      0 0 0 1px #d5b96f55,
      0 8px 24px #143a2110;
}
.discovery-boosted-banner {
   position: absolute;
   right: 15px;
   top: 15px;
   z-index: 20;
   padding: 7px 12px;
   border: 1px solid #f8e8b966;
   border-radius: 999px;
   background: #ecd598;
   color: #4a3b1b;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 0.06em;
}
.discovery-photo {
   position: relative;
   flex: none;
   height: 45%;
   min-height: 220px;
   cursor: pointer;
   background: #d5e2d2;
}
.discovery-photo [data-photo-content] > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 35%;
}
.discovery-image-fallback {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   background:
      radial-gradient(ellipse at 25% 100%, #dbe2bd 0 22%, transparent 22.4%),
      radial-gradient(ellipse at 88% 10%, #426d5273 0 27%, transparent 27.4%),
      linear-gradient(145deg, #94b69c, #4c7b62);
}
.discovery-image-fallback:before,
.discovery-image-fallback:after {
   content: "";
   position: absolute;
   width: 410px;
   height: 230px;
   border: 1px solid #f6f0cb30;
   border-radius: 48%;
   transform: rotate(-28deg);
   box-shadow:
      0 0 0 24px #f6f0cb0d,
      0 0 0 48px #f6f0cb0a;
}
.discovery-image-fallback:after {
   width: 240px;
   height: 170px;
   left: -70px;
   bottom: -80px;
   transform: rotate(24deg);
}
.discovery-initials {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: none;
   width: 106px;
   height: 106px;
   border-radius: 50%;
   border: 1px solid #fff7da77;
   background: #f6f5e5df;
   box-shadow: 0 6px 24px #173b291c;
   color: #315d46;
   font-family: Georgia, serif;
   font-size: 40px;
   font-weight: 400;
   letter-spacing: -0.04em;
}
.discovery-photo-hint {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   padding: 18px;
   background: linear-gradient(transparent 65%, #0c302326);
}
.discovery-photo-hint > span {
   padding: 7px 11px;
   border: 1px solid #fff5;
   border-radius: 999px;
   background: #173e33b3;
   backdrop-filter: blur(6px);
   color: #fff;
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 0.03em;
}
.discovery-photo-nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 36px;
   height: 36px;
   display: grid;
   place-items: center;
   border: 1px solid #fff6;
   border-radius: 50%;
   background: #163d32b3;
   color: #fff;
   z-index: 12;
}
.discovery-photo-nav.prev {
   left: 12px;
}
.discovery-photo-nav.next {
   right: 12px;
}
.discovery-photo-count {
   position: absolute;
   right: 15px;
   bottom: 19px;
   padding: 5px 9px;
   border-radius: 99px;
   background: #173e33b3;
   color: #fff;
   font-size: 10px;
}
.discovery-online {
   position: absolute;
   left: 16px;
   top: 16px;
   padding: 6px 10px;
   border: 1px solid #fff8;
   border-radius: 999px;
   background: #f3f7e7ee;
   color: #2d6644;
   font-size: 10px;
   font-weight: 650;
   z-index: 10;
}
.discovery-card-info {
   display: flex;
   flex: 1;
   flex-direction: column;
   gap: 14px;
   min-height: 0;
   min-width: 0;
   padding: 21px 24px 16px;
   overflow-x: hidden;
   overflow-y: auto;
}
.discovery-card-heading {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 16px;
}
.discovery-card-name {
   flex: 1;
   min-width: 0;
   cursor: pointer;
}
.discovery-card-name h2 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 24px;
   font-weight: 650;
   line-height: 1.25;
   letter-spacing: -0.035em;
   text-transform: none;
}
.discovery-card-name p {
   margin-top: 5px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--discover-muted);
   font-size: 12px;
}
.discovery-card-handicap {
   display: flex;
   align-items: center;
   gap: 10px;
   flex: none;
}
.discovery-handicap {
   padding: 8px 12px;
   border-radius: 12px;
   text-align: center;
}
.discovery-handicap strong {
   display: block;
   color: var(--discover-accent);
   font-size: 21px;
   line-height: 1;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
}
.discovery-handicap small {
   display: block;
   margin-top: 5px;
   color: var(--discover-muted);
   font-size: 9px;
}
.discovery-emoji-wrap {
   position: relative;
}
.discovery-emoji-toggle {
   width: 34px;
   height: 34px;
   padding: 0;
   border: 1px solid var(--discover-line);
   border-radius: 50%;
   background: var(--discover-surface);
   font-size: 15px !important;
}
.discovery-emoji-menu {
   position: absolute;
   right: 0;
   top: 100%;
   z-index: 30;
   width: 224px;
   margin-top: 8px;
   padding: 12px;
   border: 1px solid var(--discover-line);
   border-radius: 16px;
   background: var(--discover-surface);
   box-shadow: 0 8px 30px #0002;
}
.discovery-emoji-menu p {
   margin-bottom: 8px;
   font-size: 11px;
   color: var(--discover-muted);
}
.discovery-emoji-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 3px;
}
.discovery-emoji-buttons button {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   min-width: 36px;
   padding: 7px;
   border: 0;
   border-radius: 8px;
   background: var(--discover-soft);
   font-size: 21px;
}
.discovery-emoji-buttons small {
   font-size: 8px;
   color: var(--discover-muted);
}
.discovery-stats {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 9px;
}
.discovery-stats > div {
   min-width: 0;
   padding: 11px 6px;
   border: 1px solid var(--discover-line);
   border-radius: 12px;
   text-align: center;
}
.discovery-stats .ps-icon {
   width: 16px;
   height: 16px;
   margin: 0 auto 6px;
   color: #6c8c6b;
}
.discovery-stats strong {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 11px;
   font-weight: 600;
}
.discovery-stats small {
   display: block;
   margin-top: 4px;
   font-size: 9px;
   color: var(--discover-muted);
}
.discovery-stats .accurate {
   color: var(--discover-accent);
}
.discovery-home-course {
   padding: 10px 12px;
   border-left: 2px solid #c9b379;
   border-radius: 0 8px 8px 0;
   background: var(--discover-soft);
}
.discovery-home-course small {
   display: block;
   color: var(--discover-muted);
   font-size: 9px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
}
.discovery-home-course p {
   margin-top: 4px;
   font-size: 12px;
   line-height: 1.5;
   overflow-wrap: anywhere;
}
.discovery-card-bio {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: var(--discover-muted);
   font-size: 12px;
   line-height: 1.7;
}
.discovery-card-actions {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
   padding: 15px 24px 20px;
   border-top: 1px solid var(--discover-line);
   background: var(--discover-surface);
}
.discovery-card-actions .ui-button {
   min-width: 0;
}
.discovery-card-actions .ps-icon {
   width: 16px;
   height: 16px;
}
.discovery-browse-controls {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
   margin-top: 4px;
   padding: 8px;
}
.discovery-browse-arrow {
   display: grid;
   place-items: center;
   flex: none;
   width: 44px;
   height: 44px;
   border: 1px solid var(--discover-line);
   border-radius: 50%;
   background: var(--discover-surface);
   color: var(--discover-ink);
   box-shadow: none;
}
.discovery-browse-arrow:hover:not(:disabled) {
   background: var(--discover-soft);
}
.discovery-swipe-hint {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   text-align: center;
   color: var(--discover-muted);
}
.discovery-swipe-hint strong {
   color: var(--discover-ink);
   font-size: 12px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
}
.discovery-swipe-hint > span {
   font-size: 10px;
}
.discovery-sidebar {
   display: grid;
   gap: 0;
}
.discovery-options {
   display: grid;
   gap: 13px;
}
.discovery-option {
   display: grid;
   grid-template-columns: 40px minmax(0, 1fr);
   gap: 12px;
   align-items: center;
   min-width: 0;
   padding: 20px;
   border: 1px solid var(--discover-line);
   border-radius: 20px;
   background: var(--discover-surface);
}
.discovery-option-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   border: 1px solid var(--discover-line);
   border-radius: 12px;
   background: var(--discover-soft);
   color: #66836c;
}
.discovery-option-icon .ps-icon {
   width: 19px;
   height: 19px;
}
.discovery-option-copy {
   min-width: 0;
}
.discovery-option h3 {
   font-size: 14px;
   font-weight: 650;
   line-height: 1.4;
   text-transform: none;
}
.discovery-option p {
   margin-top: 5px;
   color: var(--discover-muted);
   font-size: 11px;
   line-height: 1.7;
}
.discovery-option > .ui-button,
.discovery-option > .discovery-active-tag {
   grid-column: 1/-1;
   width: 100%;
   margin-top: 2px;
}
.discovery-page .discovery-gold {
   background: #dfc98f !important;
   border-color: #dfc98f !important;
   color: #41371f !important;
}
.discovery-page .discovery-purple,
.discovery-page .discovery-pink {
   background: var(--discover-soft) !important;
   border-color: var(--discover-line) !important;
   color: var(--discover-ink) !important;
}
.discovery-option[data-option="boost"] {
   background: linear-gradient(
      130deg,
      var(--discover-surface),
      var(--discover-soft)
   );
   border-color: #b9aa7455;
}
.discovery-option.is-active {
   border-color: #90a57b;
}
.discovery-active-tag {
   display: block;
   padding: 10px;
   border-radius: 10px;
   text-align: center;
   color: var(--discover-accent);
   background: #cfe1be24;
   font-size: 11px;
}
.discovery-community-note {
   position: relative;
   margin-top: 20px;
   padding: 22px 20px;
   border: 1px dashed #8d9b7f66;
   border-radius: 20px;
}
.discovery-community-note > .ps-icon {
   margin: 13px;
   color: #a58b4f;
}
.discovery-community-note h3 {
   font-family: Georgia, serif;
   font-size: 21px;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: -0.03em;
   text-transform: none;
}
.discovery-community-note p {
   margin-top: 10px;
   color: var(--discover-muted);
   font-size: 11px;
   line-height: 1.8;
}
.discovery-community-note a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 20px;
   color: var(--discover-ink);
   font-size: 11px;
   font-weight: 600;
   text-decoration: none;
}
.discovery-directory-status {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 16px;
   padding: 12px;
   border: 1px solid var(--discover-line);
   border-radius: 14px;
   background: var(--discover-surface);
   color: var(--discover-muted);
   font-size: 12px;
   line-height: 1.6;
}
.discovery-empty {
   padding: 64px 22px;
   text-align: center;
   border: 1px dashed var(--discover-line);
   border-radius: 22px;
   background: var(--discover-surface);
   color: var(--discover-muted);
}
.discovery-empty > .ps-icon {
   width: 36px;
   height: 36px;
   margin: 0 auto 16px;
   color: #78936d;
}
.discovery-empty p:first-of-type {
   font-family: Georgia, serif;
   color: var(--discover-ink);
   font-size: 23px;
}
.discovery-empty p + p {
   margin-top: 9px;
   font-size: 12px;
}
.discovery-empty .ui-button {
   margin-top: 20px;
}
html.discovery-profile-open,
html.discovery-profile-open body {
   overflow: hidden;
   scrollbar-gutter: stable;
}
.discovery-profile-dialog {
   box-sizing: border-box;
   width: calc(100% - 40px);
   max-width: 640px;
   max-height: calc(100dvh - 64px);
   margin: auto;
   padding: 0;
   border: 1px solid #d6dfcf;
   border-radius: 24px;
   background: #fafbf7;
   color: #163b32;
   color-scheme: light;
   overflow: hidden;
   box-shadow: 0 30px 100px #0006;
}
.discovery-profile-dialog::backdrop {
   background: #09291fb8;
   backdrop-filter: blur(5px);
}
.discovery-profile-content {
   max-height: calc(100dvh - 66px);
   overflow: auto;
   overscroll-behavior: contain;
   scrollbar-width: none;
}
.discovery-profile-content::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
}
.discovery-profile-content .ps-profile-page {
   --profile-cover-pull: 0px;
   width: 100%;
   max-width: none;
   margin: 0;
   border: 0;
   border-radius: 0;
}
/* Animate inside the clipped profile; its flow height and popup frame stay fixed. */
.discovery-profile-content .ps-profile-cover {
   overflow: visible;
}
.discovery-profile-content .ps-profile-cover::before {
   content: "";
   position: absolute;
   inset: 0 0 calc(-1 * var(--profile-pull-offset, 0px));
   background: inherit;
   pointer-events: none;
}
.discovery-profile-content .ps-profile-heading {
   position: relative;
   z-index: 1;
}
.discovery-profile-content .ps-profile-curve,
.discovery-profile-content .ps-profile-body {
   transform: translateY(var(--profile-pull-offset, 0px));
}
.discovery-profile-content .ps-dp-loading {
   min-height: 240px;
}
.discovery-profile-content > .ps-profile-component-loading {
   padding: 70px 24px;
   text-align: center;
}
.discovery-profile-close {
   position: absolute;
   top: 12px;
   right: 14px;
   z-index: 5;
   width: 44px;
   height: 44px;
   padding: 0;
   border: 0;
   border-radius: 50%;
   background: #173e33;
   color: #f6f7eb;
   font-size: 30px !important;
   line-height: 1;
}
.profile-is-embedded .ps-profile-heading [data-action="back"],
.profile-is-embedded .ps-profile-heading [data-own-settings] {
   visibility: hidden;
   pointer-events: none;
}
.discovery-profile-dialog [data-buddies-modal] {
   position: absolute;
   inset: 0;
   z-index: 6;
}
.discovery-profile-dialog [data-buddies-modal] .ps-dp-modal {
   max-height: calc(100% - 32px);
}

.discovery-dialog {
   width: calc(100% - 32px);
   max-width: 420px;
   max-height: 85dvh;
   overflow: auto;
   padding: 25px;
   border: 1px solid var(--discover-line);
   border-radius: 24px;
   background: var(--discover-surface);
   color: var(--discover-ink);
   box-shadow: 0 28px 80px #0003;
}
.discovery-dialog::backdrop {
   background: #08271dd9;
   backdrop-filter: blur(4px);
}
.discovery-dialog header h2 {
   font-size: 20px;
   font-weight: 650;
   line-height: 1.4;
   text-align: center;
   text-transform: none;
}
.discovery-modal-hero {
   margin: 20px 0;
   padding: 24px 18px;
   border-radius: 16px;
   background: #275c43 !important;
   color: #fff;
   text-align: center;
}
.discovery-modal-hero > span {
   display: block;
   margin-bottom: 12px;
   font-size: 36px;
}
.discovery-modal-hero strong {
   display: block;
   font-size: 18px;
   font-weight: 600;
}
.discovery-modal-hero p {
   margin-top: 8px;
   font-size: 12px;
   line-height: 1.6;
   color: #ebf1df;
}
.discovery-cost {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin: 16px 0;
   color: var(--discover-muted);
   font-size: 12px;
}
.discovery-cost strong {
   font-size: 30px;
   font-weight: 600;
   color: #b19450;
}
.discovery-balance {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 16px;
   padding: 14px;
   border-radius: 12px;
   background: var(--discover-soft);
   font-size: 12px;
   color: var(--discover-muted);
}
.discovery-balance strong {
   color: var(--discover-ink);
}
.discovery-needed {
   margin-bottom: 16px;
   color: var(--ps-error, #ae3c35);
   font-size: 12px;
   text-align: center;
}
.discovery-benefits {
   display: grid;
   gap: 10px;
   margin-top: 18px;
   font-size: 12px;
   line-height: 1.5;
   color: var(--discover-muted);
}
.discovery-dialog footer {
   display: flex;
   gap: 10px;
   margin-top: 24px;
}
.discovery-dialog footer > * {
   flex: 1;
   min-width: 0;
}
.discovery-audience-list {
   display: grid;
   gap: 12px;
   max-height: 50vh;
   overflow: auto;
   margin-top: 18px;
}
.discovery-audience-row {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 12px;
   border: 1px solid var(--discover-line);
   border-radius: 14px;
   background: var(--discover-soft);
}
.discovery-audience-avatar,
.discovery-match-avatar {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: none;
   overflow: hidden;
   width: 44px;
   height: 44px;
   border: 1px solid var(--discover-line);
   border-radius: 50%;
   background: #b2ccb33b;
   color: #71906a;
}
.discovery-audience-avatar img,
.discovery-match-avatar img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.discovery-audience-copy {
   flex: 1;
   min-width: 0;
   color: inherit;
   text-decoration: none;
}
.discovery-audience-copy strong {
   font-size: 12px;
}
.discovery-audience-copy p {
   font-size: 10px;
   color: var(--discover-muted);
}
.discovery-audience-row > small {
   font-size: 10px;
   color: var(--discover-muted);
}
.discovery-earn-methods {
   display: grid;
   gap: 9px;
}
.discovery-earn-methods > * {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 15px;
   border: 1px solid var(--discover-line);
   border-radius: 12px;
   background: var(--discover-soft);
   color: var(--discover-ink);
   font-size: 12px;
   text-decoration: none;
}
.discovery-earn-methods strong {
   font-size: 10px;
   color: #9c844b;
}
.discovery-match {
   text-align: center;
}
.discovery-match-symbol {
   display: grid;
   place-items: center;
   width: 70px;
   height: 70px;
   margin: auto;
   border: 1px solid #ddc57d;
   border-radius: 50%;
   background: #ddc57d26;
   font-size: 32px;
}
.discovery-match h2 {
   margin: 18px 0 10px;
   font-family: Georgia, serif;
   font-size: 35px;
   font-weight: 400;
   text-transform: none;
}
.discovery-match > p {
   margin-bottom: 18px;
   font-size: 12px;
   color: var(--discover-muted);
}
.discovery-match-avatar {
   width: 75px;
   height: 75px;
   margin: 0 auto;
   font-size: 24px;
}
@media (min-width: 1250px) {
   .discovery-hero {
      padding-inline: 48px;
   }
   .discovery-layout {
      gap: 36px;
   }
   .discovery-carousel {
      height: 680px;
   }
}
@media (max-width: 900px) {
   .discovery-page {
      padding: 18px 18px 36px;
   }
   .discovery-layout {
      grid-template-columns: minmax(0, 1fr) 260px;
      gap: 20px;
   }
   .discovery-option {
      padding: 17px;
   }
   .discovery-card-info {
      padding: 20px 18px 14px;
   }
   .discovery-card-actions {
      padding: 14px 18px 18px;
   }
   .discovery-hero {
      padding: 18px 32px 32px;
   }
   .discovery-hero-art {
      flex-basis: 230px;
   }
   .discovery-heading h1 {
      font-size: 58px;
   }
}
@media (max-width: 760px) {
   .discovery-page {
      padding: 14px 14px 34px;
   }
   .discovery-header {
      border-radius: 22px;
   }
   .discovery-header-row {
      padding: 17px 20px 0;
   }
   .discovery-hero {
      min-height: 220px;
      padding: 22px 24px 28px;
      gap: 8px;
   }
   .discovery-hero-art {
      flex-basis: 155px;
      height: 170px;
      transform: scale(0.8);
      transform-origin: right center;
   }
   .discovery-heading h1 {
      font-size: 53px;
   }
   .discovery-hero h2 {
      font-size: 17px;
   }
   .discovery-hero-description {
      max-width: 290px;
   }
   .discovery-layout {
      grid-template-columns: minmax(0, 1fr);
      gap: 32px;
   }
   .discovery-main {
      width: 100%;
      max-width: 560px;
      margin: auto;
   }
   .discovery-sidebar {
      width: 100%;
      max-width: 560px;
      margin: auto;
   }
   .discovery-options {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
   }
   .discovery-option {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 13px;
   }
   .discovery-option-copy {
      flex: 1;
   }
   .discovery-option .ui-button {
      padding: 9px 8px;
      font-size: 11px;
   }
   .discovery-option h3 {
      font-size: 12px;
   }
   .discovery-option p {
      font-size: 10px;
   }
   .discovery-option-icon {
      width: 35px;
      height: 35px;
   }
   .discovery-community-note {
      display: none;
   }
   .discovery-filter-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .discovery-filter-panel {
      padding: 20px;
   }
   .discovery-carousel {
      height: 650px;
   }
}
@media (max-width: 480px) {
   .discovery-page {
      padding: 12px 10px 30px;
   }
   .discovery-header {
      border-radius: 19px;
   }
   .discovery-header-row {
      padding: 14px 17px 0;
      gap: 10px;
   }
   .discovery-filter-toggle {
      min-height: 40px;
      padding: 9px 12px;
      font-size: 11px !important;
   }
   .discovery-hero {
      position: relative;
      min-height: 226px;
      padding: 24px 23px 28px;
   }
   .discovery-heading {
      position: relative;
      z-index: 1;
   }
   .discovery-hero .discovery-eyebrow {
      font-size: 8px;
      letter-spacing: 0.13em;
   }
   .discovery-heading h1 {
      font-size: 52px;
   }
   .discovery-hero h2 {
      max-width: 240px;
      margin-top: 13px;
      font-size: 16px;
   }
   .discovery-page .discovery-hero-description {
      max-width: 230px;
      font-size: 11px;
      line-height: 1.7;
   }
   .discovery-hero-art {
      position: absolute;
      right: -23px;
      top: 52px;
      width: 160px;
      height: 175px;
      opacity: 0.23;
      pointer-events: none;
   }
   .discovery-course-note {
      display: none;
   }
   .discovery-body {
      padding-top: 24px;
   }
   .discovery-section-heading {
      gap: 8px;
      margin: 14px 0;
   }
   .discovery-section-heading h2 {
      font-size: 18px;
   }
   .discovery-directory-count {
      padding: 6px 9px;
      font-size: 10px;
   }
   .discovery-section-heading .discovery-eyebrow {
      font-size: 8px;
   }
   .discovery-carousel {
      height: 625px;
   }
   .discovery-card {
      border-radius: 20px;
   }
   .discovery-slide {
      padding: 0 2px 10px;
   }
   .discovery-photo {
      height: 42%;
      min-height: 190px;
   }
   .discovery-card-info {
      gap: 12px;
      padding: 18px 16px 14px;
   }
   .discovery-card-name h2 {
      font-size: 22px;
   }
   .discovery-card-heading {
      gap: 10px;
   }
   .discovery-card-handicap {
      gap: 7px;
   }
   .discovery-handicap {
      padding: 8px 9px;
   }
   .discovery-handicap strong {
      font-size: 20px;
   }
   .discovery-handicap small {
      font-size: 8px;
   }
   .discovery-emoji-toggle {
      width: 31px;
      height: 31px;
   }
   .discovery-card-name p {
      font-size: 11px;
   }
   .discovery-stats {
      gap: 6px;
   }
   .discovery-stats > div {
      padding: 10px 5px;
   }
   .discovery-stats strong {
      font-size: 10px;
   }
   .discovery-stats small {
      font-size: 8px;
   }
   .discovery-card-actions {
      gap: 8px;
      padding: 13px 16px 16px;
   }
   .discovery-card-actions .ui-button {
      padding: 11px 9px;
      font-size: 12px;
   }
   .discovery-card-actions .ps-icon {
      width: 15px;
      height: 15px;
   }
   .discovery-home-course p {
      font-size: 11px;
   }
   .discovery-card-bio {
      font-size: 11px;
   }
   .discovery-browse-controls {
      gap: 22px;
   }
   .discovery-swipe-hint > span {
      font-size: 9px;
   }
   .discovery-options {
      grid-template-columns: 1fr;
   }
   .discovery-option {
      display: grid;
      grid-template-columns: 40px minmax(0, 1fr) auto;
      gap: 11px;
      align-items: center;
      padding: 18px;
   }
   .discovery-option > .ui-button {
      grid-column: 3;
      grid-row: 1;
      margin: 0;
      width: auto;
      min-width: 67px;
   }
   .discovery-option > .discovery-active-tag {
      grid-column: 3;
      grid-row: 1;
      margin: 0;
   }
   .discovery-option h3 {
      font-size: 13px;
   }
   .discovery-option p {
      font-size: 10px;
   }
   .discovery-option-copy {
      flex: 1;
   }
   .discovery-filter-grid select {
      font-size: 16px;
      max-width: 100%;
   }
   .discovery-dialog {
      padding: 20px;
      border-radius: 20px;
   }
   .discovery-page .discovery-dialog .ui-button {
      font-size: 12px;
      padding-inline: 12px;
   }
   .discovery-profile-dialog {
      width: calc(100% - 28px);
      border-radius: 20px;
   }
}
@media (prefers-reduced-motion: reduce) {
   .discovery-page * {
      animation: none !important;
      transition: none !important;
   }
}

/* One compact panel, with the people directly below its toolbar. */
[data-browser] > .discovery-header {
   padding: 0;
   border: 1px solid var(--discover-line);
   border-radius: 20px;
   background: var(--discover-paper);
   color: var(--discover-ink);
}
.discovery-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   padding: 14px 20px;
   background: #173e33;
   color: #f7f5e9;
}
.discovery-toolbar .discovery-heading {
   display: flex;
   align-items: baseline;
   gap: 0.25em;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 34px;
   font-weight: 400;
   line-height: 1.15;
   letter-spacing: -0.045em;
   white-space: nowrap;
}
.discovery-toolbar h1 {
   font: inherit;
   letter-spacing: inherit;
}
.discovery-toolbar .discovery-directory-count {
   padding: 0;
   border: 0;
   border-radius: 0;
   background: transparent;
   color: #dbc37e;
   font: inherit;
   letter-spacing: inherit;
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
}
.discovery-sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip-path: inset(50%);
   white-space: nowrap;
   border: 0;
}
[data-browser] .discovery-filter-panel {
   padding: 16px 20px 20px;
   background: #173e33;
}
.discovery-body {
   padding: 8px 18px 16px;
}
.discovery-sidebar {
   padding-top: 18px;
}
.discovery-carousel-wrap {
   padding: 18px 24px 12px;
   overflow: visible;
   isolation: isolate;
}
.discovery-carousel {
   height: 430px;
}
.discovery-slide {
   padding: 0 0 12px;
   transform: var(--deck-transform);
   transform-origin: 50% 65%;
   transition:
      transform 0.42s cubic-bezier(0.22, 0.7, 0.25, 1),
      opacity 0.3s ease-out;
}
.discovery-slide:not([data-offset="0"]) .discovery-card:after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   background: linear-gradient(140deg, #50745224, #173e334d);
}
.discovery-slide[data-offset="0"] .discovery-card {
   box-shadow: 0 10px 24px #0a261b24;
}
.discovery-slide.is-dealing {
   animation: discovery-deal 0.7s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}
@keyframes discovery-deal {
   from {
      opacity: 0;
      transform: translate3d(0, 28px, 0) rotate(0deg) scale(0.92);
   }
   40% {
      opacity: 1;
      transform: translate3d(0, 0, 0) rotate(0deg) scale(0.96);
   }
   to {
      opacity: 1;
      transform: var(--deck-transform);
   }
}
.discovery-photo {
   height: 128px;
   min-height: 0;
   padding: 16px;
   background: var(--discover-soft);
}
.discovery-photo [data-photo-content] {
   display: flex;
   align-items: center;
   justify-content: center;
}
.discovery-photo [data-photo-content] > img {
   flex: none;
   width: 96px;
   height: 96px;
   border: 2px solid var(--discover-surface);
   border-radius: 50%;
   object-fit: cover;
   object-position: center;
}
.discovery-photo .discovery-image-fallback {
   width: 96px;
   height: 96px;
   border-radius: 50%;
}
.discovery-photo .discovery-initials {
   width: 96px;
   height: 96px;
   font-size: 34px;
}
.discovery-photo-hint {
   padding: 0;
   background: transparent;
}
.discovery-photo-hint > span {
   display: none;
}
.discovery-boosted-banner {
   top: 10px;
   right: 10px;
   padding: 5px 8px;
   font-size: 9px;
}
.discovery-card-info {
   gap: 10px;
   padding: 14px 18px 12px;
}
.discovery-card-name h2 {
   font-size: 22px;
}
.discovery-card-actions {
   padding: 12px 18px 14px;
}
@media (max-width: 760px) {
   .discovery-body {
      padding-inline: 12px;
   }
   .discovery-sidebar {
      padding-top: 0;
   }
   .discovery-carousel {
      height: 410px;
   }
}
@media (max-width: 480px) {
   [data-browser] > .discovery-header {
      border-radius: 16px;
   }
   .discovery-toolbar {
      padding: 12px 14px;
      gap: 12px;
   }
   .discovery-toolbar .discovery-heading {
      font-size: clamp(22px, 6.8vw, 29px);
   }
   .discovery-toolbar .discovery-filter-toggle {
      width: 40px;
      min-width: 40px;
      padding-inline: 9px;
   }
   .discovery-toolbar .discovery-filter-toggle > span:not([data-icon]) {
      display: none;
   }
   [data-browser] .discovery-location-status {
      display: none;
   }
   .discovery-body {
      padding: 4px 10px 16px;
   }
   .discovery-carousel-wrap {
      padding: 18px 18px 10px;
   }
   .discovery-carousel {
      height: 390px;
   }
   .discovery-photo {
      height: 108px;
      padding: 12px;
   }
   .discovery-photo [data-photo-content] > img,
   .discovery-photo .discovery-image-fallback {
      width: 84px;
      height: 84px;
   }
   .discovery-photo .discovery-initials {
      width: 84px;
      height: 84px;
      font-size: 30px;
   }
   .discovery-card-info {
      gap: 8px;
      padding: 12px 14px 10px;
   }
   .discovery-card-name h2 {
      font-size: 20px;
   }
   .discovery-card-actions {
      padding: 10px 14px 12px;
   }
   .discovery-stats > div {
      padding: 8px 5px;
   }
   .discovery-handicap {
      padding: 6px 9px;
   }
}
@media (max-width: 360px) {
   .discovery-card-actions .ui-button {
      gap: 5px;
      padding-inline: 8px;
      font-size: 11px;
   }
   .discovery-profile-button [data-icon] {
      display: none;
   }
}