.community-header nav a[aria-current] { color: #226f51; box-shadow: inset 0 -2px #226f51; text-decoration: none; }
.site-entrances { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0 0 48px; }
.site-entrances a { display: flex; flex-direction: column; padding: 16px; border: 1px solid #eadbd0; border-radius: 20px; background: #fffdf9; text-decoration: none; transition: transform 140ms ease; }
.site-entrances a:hover { transform: translateY(-3px); }
.site-entrances img { width: 100%; height: 110px; object-fit: cover; border-radius: 12px; margin-bottom: 14px; }
.site-entrances strong { font-size: 17px; }
.site-entrances span { font-size: 12px; color: #65594f; margin-top: 4px; }
.site-game-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.intro.site-games-intro { padding: 24px 0; }
.intro.site-games-intro h1 { font-size: clamp(36px,6vw,58px); }
.intro.site-games-intro > p:not(.eyebrow) { font-size: 15px; margin-bottom: 12px; }
.site-game-card { display: flex; flex-direction: column; }
.site-game-card > a { display: block; }
.site-game-card img { width: 100%; aspect-ratio: 3/2; height: auto; object-fit: cover; border-radius: 14px; }
.site-game-card .eyebrow { margin-top: 20px; }
.site-game-card h2 { margin: 6px 0; }
.site-game-card > p:not(.eyebrow) { color: #65594f; font-size: 14px; }
.site-game-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-top: auto; padding-top: 14px; }
.site-game-actions a:not(.button) { font-size: 14px; font-weight: 700; }
.site-navigation-notice { position: fixed; z-index: 10000; bottom: max(20px,env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 28px); display: flex; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid #eadbd0; border-radius: 18px; background: #fffdf9; color: #29231f; box-shadow: 0 12px 50px #291c2329; font: 14px/1.5 system-ui,sans-serif; }
.site-navigation-notice [role=status] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.site-navigation-notice img { width: 40px; height: 40px; flex: 0 0 auto; }
.site-navigation-notice strong,.site-navigation-notice small { display: block; overflow-wrap: anywhere; }
.site-navigation-notice strong { font-weight: 750; }
.site-navigation-notice small { color: #65594f; font-size: 12px; }
.site-navigation-notice button { border: 0; padding: 0; width: 36px; height: 36px; min-width: 36px; color: #65594f; background: #f4ede4; border-radius: 50%; font: 24px/1 system-ui,sans-serif; cursor: pointer; }
.site-navigation-notice:not(.is-slow)::before { content: ''; position: absolute; left: 16px; right: 16px; top: 0; height: 2px; background: #e96646; transform-origin: left; animation: site-loading-pulse 1.4s ease-in-out infinite alternate; }
@keyframes site-loading-pulse { from { transform: scaleX(.2); opacity: .3; } to { transform: scaleX(1); opacity: 1; } }
.site-boot-card { width: min(100%,560px); margin: 28px auto; padding: clamp(24px,5vw,44px); border: 1px solid #eadbd0; border-radius: 28px; background: #fffdf9; color: #29231f; text-align: center; box-shadow: 0 20px 60px #291c230e; font: 14px/1.5 system-ui,sans-serif; }
.site-boot-card .site-boot-art { width: 100%; max-width: 280px; height: 150px; object-fit: cover; border-radius: 18px; }
.site-boot-card h1,.site-boot-card h2 { margin: 22px 0 8px; font-size: clamp(24px,5vw,32px); line-height: 1.2; letter-spacing: -.03em; }
.site-boot-card p { margin: 0 0 18px; color: #65594f; }
.site-boot-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.site-boot-links a,.site-boot-retry { display: inline-flex; align-items: center; padding: 10px 14px; border: 1px solid #eadbd0; border-radius: 12px; text-decoration: none; background: #fff; color: #29231f; font: 700 13px/1.5 system-ui,sans-serif; cursor: pointer; }
.site-boot-retry { margin-top: 10px; opacity: 0; visibility: hidden; animation: site-retry-reveal 1ms 10s forwards; }
@keyframes site-retry-reveal { to { opacity: 1; visibility: visible; } }
.site-boot-card .app-boot-progress { justify-content: center; margin: 20px 0 0; }
.app-boot-content .site-boot-card .site-boot-art { width: 96px; height: 96px; object-fit: contain; }
.site-public-links { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.site-public-links a { font-size: 13px; text-underline-offset: 4px; }
.site-app-nav { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding-top: 6px; font-size: 12px; }
.site-app-nav a { color: #65594f; text-decoration: none; padding: 4px 0; }
.site-app-nav .site-app-home { margin-right: auto; font-weight: 800; color: #29231f; }
body.is-chat-overlay-open .site-app-nav { display: none; }
@media(max-width:700px) { .site-entrances { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.site-entrances a { padding: 12px; }.site-entrances img { height: 88px; }.site-entrances strong { font-size: 14px; }.site-game-grid { grid-template-columns: 1fr; }.site-game-actions .button { font-size: 14px; }.site-boot-card { margin: 20px auto; } }
@media(prefers-reduced-motion:reduce) { .site-navigation-notice::before { animation: none !important; }.site-entrances a { transition: none; }.app-boot-progress i { animation: none; } }
@media print { .site-navigation-notice,.site-boot-retry { display: none !important; } }

/* One application frame for social, reading and game discovery. */
:root { --pd-bg:#f8f9fb;--pd-panel:#fff;--pd-text:#292c36;--pd-muted:#747883;--pd-line:#e8e9ed;--pd-accent:#e9614e;--pd-soft:#fff0ec;--pd-rail:224px; }
body.pd-unified-app,.pd-unified-public { padding:0!important;background:var(--pd-bg);color:var(--pd-text); }
body.pd-unified-app { --bg:var(--pd-bg);--ink:var(--pd-text);--muted:var(--pd-muted);--line:var(--pd-line);--accent:var(--pd-accent);--accent-soft:var(--pd-soft);--shadow:0 12px 32px #20242e15; }
.pd-public-shell,.pd-boot-frame { max-width:1480px;margin:0 auto; }
.pd-sidebar { position:fixed;z-index:25;inset:0 auto 0 max(0px,calc((100vw - 1480px)/2));display:flex;flex-direction:column;width:var(--pd-rail);padding:26px 18px 20px;background:var(--pd-panel);border-right:1px solid var(--pd-line);overflow-y:auto;font:14px/1.45 Inter,system-ui,sans-serif; }
.pd-brand { display:flex;align-items:center;gap:10px;padding:4px 12px 30px;text-decoration:none;color:var(--pd-text); }
.pd-brand img { width:32px;height:32px; }
.pd-brand strong { font-size:21px;letter-spacing:-.6px;font-weight:750; }
.pd-nav-group { margin-bottom:24px; }
.pd-nav-group > p { margin:0 12px 10px;color:var(--pd-muted);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:650; }
.pd-nav-group nav { display:grid;gap:5px; }
.pd-sidebar .pd-nav-link { position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto;align-items:center;justify-items:start;gap:0 12px;width:100%;min-height:46px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--pd-muted);font-size:14px;font-weight:550;text-decoration:none;text-align:left; }
.pd-nav-icon { width:21px;height:21px;flex:0 0 auto; }
.pd-sidebar .pd-nav-link:hover { color:var(--pd-text);background:#f5f6f8; }
.pd-sidebar .pd-nav-link.is-active { color:var(--pd-accent);background:var(--pd-soft); }
.pd-sidebar-account { margin-top:auto;padding-top:24px; }
.pd-sidebar-account .pd-nav-link small { grid-column:2;font-size:11px;font-weight:400;color:var(--pd-muted);margin-top:3px; }
.pd-sidebar-tools { display:flex;gap:18px;padding:18px 12px 0; }
.pd-sidebar-tools a { color:var(--pd-muted);font-size:12px;text-decoration:none; }
.pd-mobile-nav { display:none; }
body.pd-unified-app .app-shell { width:100%;max-width:1480px;min-height:100svh;margin:0 auto;border:0;border-radius:0;box-shadow:none;overflow:visible; }
body.pd-unified-app .app-header,body.pd-unified-app .app-shell.is-discover .app-header { margin-left:var(--pd-rail);display:flex;gap:16px;min-height:94px;padding:20px 36px;background:var(--pd-bg);border:0;border-bottom:1px solid var(--pd-line);border-radius:0;backdrop-filter:none; }
body.pd-unified-app .app-header-copy { flex:1;order:1; }
body.pd-unified-app .app-header-copy h1 { margin:0;font-size:25px;font-weight:700;letter-spacing:-.8px; }
.pd-app-subtitle { margin:7px 0 0;color:var(--pd-muted);font-size:13px;line-height:1.4; }
body.pd-unified-app .header-actions { order:2; }
body.pd-unified-app #menuButton { order:3;min-width:42px;width:42px;height:42px;border-radius:10px; }
body.pd-unified-app .main { width:auto;min-height:calc(100svh - 94px);margin-left:var(--pd-rail);padding:24px 36px 48px; }
body.pd-unified-app .network-experience-banner,body.pd-unified-app .email-verification-banner { margin:16px 36px 0 calc(var(--pd-rail) + 36px); }
body.pd-unified-app .bottom-tabs { display:none; }
.pd-profile-utilities { display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px; }
body.pd-unified-app .discovery-controls { max-width:870px;margin:0 auto 22px; }
body.pd-unified-app #view-discover.is-active { display:block;width:100%;max-width:870px;height:auto;min-height:0;margin:0 auto; }
body.pd-unified-app .filter-chip { font-weight:550;background:var(--pd-panel);border-color:var(--pd-line);border-radius:9px; }
body.pd-unified-app .filter-chip.is-active { color:var(--pd-accent);background:var(--pd-soft);border-color:transparent; }
.pd-discovery-layout { display:grid;grid-template-columns:minmax(0,480px) minmax(0,310px);gap:34px;max-width:870px;margin:0 auto;align-items:center; }
.pd-discovery-primary { min-width:0; }
.pd-discovery-layout:has(.pd-discovery-summary[hidden]) { display:block;max-width:480px; }
body.pd-unified-app .card-stage { height:clamp(430px,65svh,560px);min-height:0; }
body.pd-unified-app .pet-card { border-radius:20px;box-shadow:0 12px 28px #20242e1c; }
body.pd-unified-app .pet-card h3 { font-size:32px;letter-spacing:-.7px; }
body.pd-unified-app .pet-card-content { padding:24px; }
body.pd-unified-app .pet-card:not(.discovery-empty-card):not(.discovery-ad-card) .pet-card-content > .pet-bio,
body.pd-unified-app .pet-card:not(.discovery-empty-card):not(.discovery-ad-card) .pet-card-content > .tag-row { display:none; }
body.pd-unified-app .compatibility { font-size:11px;line-height:1.5; }
body.pd-unified-app .pet-card-top { top:25px; }
body.pd-unified-app .verify-pill { background:#ffffffeb;color:var(--pd-text);font-size:11px;font-weight:600; }
body.pd-unified-app .discovery-preview-cta { padding:10px 12px;margin-top:10px;border-radius:10px; }
body.pd-unified-app .discovery-preview-cta span { font-size:11px; }
body.pd-unified-app .swipe-actions { padding:26px 0 0;gap:22px; }
body.pd-unified-app .round-button { width:58px;height:58px;box-shadow:0 4px 12px #20242e0d; }
.pd-discovery-summary { min-width:0;overflow-wrap:anywhere; }
.pd-discovery-summary .pd-summary-category { color:var(--pd-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px; }
.pd-discovery-summary h2 { font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 14px; }
.pd-discovery-summary > p { font-size:14px;line-height:1.75;color:var(--pd-muted); }
.pd-discovery-summary .tag-row { margin:18px 0; }
.pd-discovery-summary dl { display:grid;gap:0;margin:24px 0; }
.pd-discovery-summary dl > div { display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--pd-line);font-size:13px; }
.pd-discovery-summary dt { color:var(--pd-muted); }
.pd-discovery-summary dd { margin:0;text-align:right; }
.pd-summary-profile { display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--pd-accent);font-size:14px;font-weight:600; }
body.pd-unified-app .discovery-empty-card { color:var(--pd-text);background:var(--pd-panel);border:1px solid var(--pd-line); }
body.pd-unified-app .discovery-empty-card .pet-bio { color:var(--pd-muted); }
.pd-page-body { margin-left:var(--pd-rail);padding:0 36px 20px; }
.pd-page-body #content,.pd-page-body footer { width:100%;max-width:1080px; }
.pd-page-header { min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--pd-line); }
.pd-page-header > span { font-size:24px;font-weight:700;letter-spacing:-.6px; }
.pd-page-header nav { display:flex;gap:22px; }
.pd-page-header a { color:var(--pd-muted);font-size:13px;text-decoration:none; }
.pd-page-header a[aria-current] { color:var(--pd-accent); }
.pd-page-body .intro { padding:32px 0; }
.pd-page-body .intro h1 { font-size:clamp(30px,4vw,44px);letter-spacing:-1.2px; }
.pd-page-body .intro > p:not(.eyebrow) { font-size:15px; }
.pd-page-body .story-card { background:var(--pd-panel);border-color:var(--pd-line);border-radius:16px;padding:22px; }
.pd-page-body .story-card h2 { font-size:21px; }
.pd-page-body .button { border-radius:9px;background:var(--pd-accent);font-size:14px;padding:11px 18px; }
.pd-page-body .site-game-grid { gap:26px; }
.pd-page-body .site-entrances { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.pd-page-body .site-entrances a { padding:0;border:0;background:none; }
.pd-page-body .site-entrances img { height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px; }
.pd-page-body .site-entrances strong { font-size:24px; }
.pd-page-body .site-entrances span { font-size:13px; }
.pd-profile-shop { display:inline-flex;align-items:center;padding:0 12px;font-size:13px;font-weight:550;text-decoration:none; }
.pd-page-body .site-game-card { padding:0;background:none;border:0; }
.pd-page-body .site-game-card img { border-radius:16px; }
.pd-page-body .site-game-card > p:not(.eyebrow) { margin:0; }
.pd-page-body .site-game-card .eyebrow { margin-top:16px;margin-bottom:4px; }
.pd-page-body .site-game-actions a:not(.button) { font-weight:550;color:var(--pd-muted); }
.pd-page-body footer { margin-top:44px;border-color:var(--pd-line);font-size:12px; }
body.pd-unified-app .app-boot-splash { padding:0;background:var(--pd-bg); }
.pd-boot-body { width:auto;margin-left:var(--pd-rail);padding:0 36px 36px; }
.pd-boot-header { display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;border-bottom:1px solid var(--pd-line); }
.pd-boot-header h1 { font-size:25px;letter-spacing:-.6px; }
.pd-boot-header [role=status] { color:var(--pd-muted);font-size:13px; }
.pd-boot-skeleton { display:grid;grid-template-columns:minmax(0,480px) minmax(0,280px);gap:24px 34px;max-width:870px;margin:24px auto 0; }
.pd-skeleton-tabs { grid-column:1/-1;width:260px;height:34px;border-radius:8px;background:var(--pd-line); }
.pd-skeleton-photo { height:clamp(430px,65svh,560px);border-radius:20px;background:linear-gradient(100deg,#e9ebef 30%,#f2f3f6 50%,#e9ebef 70%);background-size:220% 100%;animation:pd-skeleton 2.4s ease-in-out infinite; }
.pd-skeleton-detail { align-self:center;display:grid;gap:20px; }
.pd-skeleton-detail i { height:18px;width:90%;border-radius:5px;background:var(--pd-line); }
.pd-skeleton-detail i:first-child { height:26px;width:65%; }
.pd-skeleton-actions { display:flex;justify-content:center;gap:22px; }
.pd-skeleton-actions i { width:58px;height:58px;background:var(--pd-line);border-radius:50%; }
.pd-boot-recovery { display:none;flex-wrap:wrap;align-items:center;gap:16px;max-width:870px;margin:24px auto 0;font-size:13px; }
.app-boot-splash.is-slow .pd-boot-recovery { display:flex; }
.pd-boot-recovery .site-boot-retry { margin:0;opacity:1;visibility:visible;animation:none; }
.pd-boot-recovery details { flex-basis:100%; }
@keyframes pd-skeleton { 0%,100% { background-position:100% 0; } 50% { background-position:0 0; } }
@media(max-width:1090px) and (min-width:900px) {
  :root { --pd-rail:200px; }
  body.pd-unified-app .app-header,body.pd-unified-app .main { padding-left:24px;padding-right:24px; }
  .pd-discovery-layout { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px; }
  .pd-sidebar { padding-left:12px;padding-right:12px; }
  .pd-page-body { padding-left:24px;padding-right:24px; }
}
@media(max-width:899px) {
  .pd-sidebar { display:none; }
  body.pd-unified-app .app-header,body.pd-unified-app .app-shell.is-discover .app-header { margin:0;min-height:78px;padding:14px 20px;gap:10px; }
  body.pd-unified-app .app-header-copy h1 { font-size:22px; }
  body.pd-unified-app .main { margin:0;padding:20px 20px calc(100px + env(safe-area-inset-bottom));min-height:calc(100svh - 78px); }
  body.pd-unified-app .network-experience-banner,body.pd-unified-app .email-verification-banner { margin:12px 20px; }
  .pd-mobile-nav,body.pd-unified-app .bottom-tabs { position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--pd-line);border-radius:0;background:var(--pd-panel);transform:none;box-shadow:none;backdrop-filter:none; }
  .pd-mobile-nav .pd-nav-link,body.pd-unified-app .bottom-tabs .nav-tab { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:48px;width:auto;padding:4px 2px;border-radius:8px;font-size:11px;line-height:1.2;font-weight:550;color:var(--pd-muted);text-align:center;text-decoration:none;background:none; }
  .pd-mobile-nav .pd-nav-link.is-active,body.pd-unified-app .bottom-tabs .nav-tab.is-active { color:var(--pd-accent);background:var(--pd-soft); }
  .pd-mobile-nav .pd-nav-link span { white-space:normal; }
  .pd-discovery-layout { display:block;max-width:480px; }
  .pd-discovery-summary { display:none; }
  body.pd-unified-app .discovery-controls { max-width:480px; }
  body.pd-unified-app .card-stage { height:clamp(420px,64svh,600px); }
  body.pd-unified-app .round-button { width:56px;height:56px; }
  body.pd-unified-app .swipe-actions { padding-top:24px; }
  .pd-page-body { margin:0;padding:0 20px calc(92px + env(safe-area-inset-bottom)); }
  .pd-page-header { min-height:78px;padding:16px 0; }
  .pd-page-header > span { font-size:22px; }
  .pd-page-header nav { gap:16px; }
  .pd-page-body .story { padding-top:26px; }
  .pd-boot-body { margin:0;padding:0 20px 30px; }
  .pd-boot-header { min-height:78px;flex-wrap:wrap;gap:0;padding:14px 0; }
  .pd-boot-header h1 { margin:0 0 6px;flex-basis:100%;font-size:22px; }
  .pd-boot-skeleton { display:block;max-width:480px; }
  .pd-skeleton-tabs { margin-bottom:20px; }
  .pd-skeleton-photo { height:clamp(420px,64svh,600px); }
  .pd-skeleton-detail { display:none; }
  .pd-skeleton-actions { margin-top:24px; }
  .site-navigation-notice { bottom:calc(84px + env(safe-area-inset-bottom)); }
}
@media(max-width:480px) {
  .pd-page-body .site-entrances { grid-template-columns:1fr;gap:26px; }
  .pd-app-subtitle { display:none; }
  body.pd-unified-app .app-header,body.pd-unified-app .app-shell.is-discover .app-header { min-height:70px;padding:12px 16px;gap:8px; }
  body.pd-unified-app .header-actions .guest-auth-button { padding:0 9px;font-size:11px;min-height:38px; }
  body.pd-unified-app #menuButton { width:38px;min-width:38px;height:38px; }
  body.pd-unified-app .main { padding:16px 16px calc(100px + env(safe-area-inset-bottom)); }
  body.pd-unified-app .discovery-controls { margin-bottom:18px; }
  body.pd-unified-app .pet-card-content { padding:18px; }
  body.pd-unified-app .pet-card-top { left:12px;right:12px;gap:8px; }
  body.pd-unified-app .pet-card-top-actions { gap:5px; }
  body.pd-unified-app .distance-pill,body.pd-unified-app .verify-pill,body.pd-unified-app .pet-card-info { font-size:10px;padding:7px 8px; }
  .pd-page-body { padding-left:16px;padding-right:16px; }
  .pd-page-header { align-items:flex-start;flex-direction:column;gap:8px; }
  .pd-page-header nav { flex-wrap:wrap; }
  .pd-mobile-nav .pd-nav-link { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .pd-skeleton-photo { animation:none; } }
@media print { .pd-sidebar,.pd-mobile-nav,.pd-page-header { display:none!important; }.pd-page-body { margin:0;padding:0; } }