:root{--cream:#F5EDD8;--oat:#f0dfc8;--tan:#e6ceaa;--sand:#e0c9a8;--taupe:#7A5F3A;--brown:#6B5540;--charcoal:#1a0f09;--dark:#2c1a0a;--orange:#E8801C;--orange-lt:#F5A84E;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Cormorant Garamond",Georgia,serif;--font-serif:"Bree Serif",Georgia,serif;--ease:cubic-bezier(0.25,0.46,0.45,0.94);--t:0.38s;--section-pad:clamp(56px,7vw,96px);--radius:16px;--shadow:0 4px 20px rgba(44,26,10,0.10);--shadow-md:0 8px 28px rgba(44,26,10,0.13);--shadow-lg:0 16px 48px rgba(44,26,10,0.16)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none !important}html{scroll-padding-top:100px;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background:var(--charcoal);color:var(--cream);font-family:var(--font-body);font-weight:300;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}::selection{background:rgba(232,128,28,0.18)}a,button{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 4px rgba(232,128,28,0.16)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--oat)}::-webkit-scrollbar-thumb{background:var(--taupe);border-radius:3px}.is-game-page:not(.light)::-webkit-scrollbar-track{background:var(--dark)}.is-game-page:not(.light)::-webkit-scrollbar-thumb{background:var(--taupe)}.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;background:var(--dark);color:var(--cream);padding:10px 20px;border-radius:0 0 8px 8px;font-size:0.8125rem;font-weight:500;transition:top 0.2s ease}.skip-link:focus{top:0}.sec-lbl{display:block;text-transform:uppercase;font-size:0.8125rem;font-weight:700;letter-spacing:0.28em;color:var(--orange);margin-bottom:10px}.sec-lbl--center{display:block;text-align:center}.sec-h{font-family:var(--font-display);font-size:clamp(32px,5.5vw,72px);font-weight:400;line-height:1.02;letter-spacing:-0.015em;color:var(--charcoal);margin-bottom:14px}.sec-h em{font-style:italic;color:var(--orange);text-shadow:0 0 28px rgba(232,128,28,0.22)}.sec-h--center{text-align:center;margin-bottom:3rem}.sec-h--small{font-size:clamp(28px,3.5vw,44px)}.cp-wave-inline{display:block;line-height:0;margin-bottom:-1px;overflow:hidden}.cp-wave-inline svg{display:block;width:100%;height:60px}.cp-wave-inline--oat{background:var(--oat)}.cp-wave-inline--sand{background:var(--sand)}#hdr{position:fixed;top:16px;left:0;right:0;z-index:900;padding:0 34px}.cp-premium-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(calc(100vw - 120px),900px);margin:0 auto;min-height:70px;padding:12px 22px;border-radius:28px;background:var(--cream);border:1px solid rgba(180,140,90,0.25);position:relative;transition:box-shadow 0.3s var(--ease)}.hdr--scrolled .cp-premium-nav{box-shadow:0 6px 28px rgba(44,26,10,0.13)}.cp-brand-logo{width:50px;align-self:center;justify-self:start}.cp-brand-logo img,.cp-logo-img{width:50px;height:50px;max-width:none;display:block;object-fit:contain}.cp-premium-links{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;top:2px}.cp-nav-link{display:inline-flex;align-items:center;gap:9px;min-height:28px;padding:11px 10px;border-radius:99px;font-size:0.825rem;font-weight:600;letter-spacing:0.045em;color:var(--dark);background:transparent;border:none;white-space:nowrap}.cp-nav-link.active,.cp-nav-link[aria-current="page"]{color:var(--orange)}.cp-nav-link:focus-visible{outline:2px solid rgba(196,147,90,0.4);outline-offset:2px}.cp-premium-links.is-open .cp-nav-link:focus-visible{outline:none;background:rgba(44,26,10,0.07)}.cp-premium-actions{display:flex;align-items:center;gap:12px;justify-self:end}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:12px;background:none;border:none}.hamburger span{display:block;width:22px;height:2px;background:var(--dark);transition:transform 0.25s var(--ease),opacity 0.2s var(--ease)}.hamburger.is-open span{background:var(--dark)}.hamburger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-top:90px;z-index:1}.hero-vid{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 0.8s ease}.hero-vid.vid-ready{opacity:1}.hero-vid video{width:100%;height:100%;object-fit:cover}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:0}.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(22,13,4,0.38) 0%,rgba(22,13,4,0.22) 45%,rgba(22,13,4,0.04) 100%),linear-gradient(105deg,rgba(22,13,4,0.36) 0%,transparent 52%)}.hero-body{position:relative;z-index:4;padding:0 80px 130px;max-width:820px}.hero h1{font-family:var(--font-display);font-size:clamp(42px,4.8vw,68px);font-weight:400;line-height:1.04;color:var(--cream);margin-bottom:16px;letter-spacing:-0.01em;text-shadow:0 4px 20px rgba(0,0,0,0.18)}.hero h1 em{font-style:italic;color:#f5c070}.hero-sub{font-size:1.0625rem;font-weight:300;line-height:1.75;color:rgba(245,237,216,0.92);max-width:340px;margin-bottom:36px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-ghost,.btn-hero-pri,.btn-hero-sec,.btn-order,.btn-order-active{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:100px;font-family:var(--font-body);font-size:0.9375rem;font-weight:600;letter-spacing:0.045em;border:none;cursor:pointer;text-align:center;text-decoration:none;white-space:nowrap;transition:background var(--t) var(--ease),color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease);position:relative;overflow:hidden}.btn-primary,.btn-hero-pri{background:var(--cream);color:var(--dark);box-shadow:0 4px 14px rgba(232,128,28,0.15)}.btn-primary:hover,.btn-hero-pri:hover{background:var(--orange);color:var(--dark);box-shadow:0 10px 28px rgba(232,128,28,0.38);transform:translateY(-2px)}.btn-secondary,.btn-hero-sec,.btn-order-active,.cp-community-btn,.tt-teaser .btn-hero-sec,.cp-game-card .btn-order-active,.pd-play-btn{background:var(--orange);color:var(--cream);box-shadow:0 4px 14px rgba(232,128,28,0.25)}.btn-secondary:hover,.btn-hero-sec:hover,.btn-order-active:hover,.cp-community-btn:hover,.tt-teaser .btn-hero-sec:hover,.cp-game-card .btn-order-active:hover,.pd-play-btn:hover{background:#f0922a;color:var(--cream);transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,128,28,0.4)}.cp-game-card .btn-order-active,.cp-game-card .pd-play-btn,.tt-teaser .btn-hero-sec{background:var(--cream);color:var(--dark);box-shadow:0 4px 14px rgba(0,0,0,0.22)}.cp-game-card .btn-order-active:hover,.cp-game-card .pd-play-btn:hover,.tt-teaser .btn-hero-sec:hover{background:var(--orange);color:var(--dark);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.32)}.hero-btns .btn-hero-sec{background:rgba(28,22,18,0.28);color:var(--cream);border:1.5px solid rgba(255,250,240,0.85);box-shadow:0 4px 16px rgba(0,0,0,0.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-btns .btn-hero-sec:hover{background:var(--cream);color:var(--dark);border-color:var(--cream);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.28)}.btn-ghost{background:transparent;color:var(--orange);border:1.5px solid var(--orange);box-shadow:none}.btn-ghost:hover{background:rgba(232,128,28,0.08);transform:translateY(-2px)}.btn-order{display:block;width:100%;padding:13px 24px;font-size:0.875rem;margin-top:auto}.btn-primary:active,.btn-hero-pri:active,.btn-secondary:active,.btn-hero-sec:active,.btn-order-active:active,.cp-community-btn:active,.btn-ghost:active{transform:translateY(1px) scale(0.975);transition:transform 0.08s ease}.reveal{opacity:0;transform:translateY(16px);transition:opacity 1.1s cubic-bezier(0.16,1,0.3,1),transform 1.1s cubic-bezier(0.16,1,0.3,1)}.reveal.in{opacity:1;transform:translateY(0)}.d1{transition-delay:0.08s}.d2{transition-delay:0.16s}.d3{transition-delay:0.26s}.d4{transition-delay:0.36s}.cp-about .sec-h,.cp-social-section .sec-h,.hiw .sec-h{color:var(--dark)}.cp-about .sec-lbl,.cp-social-section .sec-lbl,.hiw .sec-lbl{color:#7a4e0a}p{font-size:0.9375rem;font-weight:300;line-height:1.8;color:rgba(44,26,10,0.82);margin-top:14px}.hiw{background:var(--oat);padding:var(--section-pad) 80px}.hiw-inner{max-width:1100px;margin:0 auto}.hiw .sec-h{font-size:clamp(28px,3.5vw,44px);margin-bottom:48px}.cp-games-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:0}.cp-games-stack{display:flex;flex-direction:column;gap:32px}.conn-card-visual--compact{padding:16px 24px 20px}.cpv2-visual{padding:16px 20px 20px;flex:1}.cpv2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cpv2-tile{border-radius:8px;padding:10px 4px;font-size:0.62rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;text-align:center;color:rgba(255,255,255,0.92);opacity:0;transform:scale(0.85);transition:opacity 0.3s ease,transform 0.3s ease}.cpv2-tile.cpv2-in{opacity:1;transform:scale(1)}.cpv2-tile--y{background:#b94e2d}.cpv2-tile--g{background:#ac7d16}.cpv2-tile--b{background:#643e16}.cpv2-tile--p{background:#486226}.cp-game-card{background:var(--dark);border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(44,26,10,0.18)}.conn-card-visual{flex:1;padding:20px 24px 24px;display:flex;align-items:center;justify-content:center}.conn-card-grid{display:flex;flex-direction:column;gap:8px;width:100%}.conn-card-row{display:flex;align-items:center;justify-content:space-evenly;line-height:1;gap:6px;border-radius:10px;padding:10px 12px;font-family:"DM Sans",system-ui,sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#fff;text-align:center}.conn-card-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-card-row--yellow{background:#8f3a1e}.conn-card-row--green{background:#7a5a10}.conn-card-row--blue{background:#3d2410}.conn-card-row--purple{background:#2c3a10}@keyframes cellDrop{from{opacity:0;transform:translateY(-22px) scale(0.85)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-game-card .pd-cell{opacity:0}.cp-game-card.in .pd-cell{animation:cellDrop 0.3s cubic-bezier(0.16,1,0.3,1) both}.cp-game-card.in .pd-cell:nth-child(1){animation-delay:0.06s}.cp-game-card.in .pd-cell:nth-child(2){animation-delay:0.12s}.cp-game-card.in .pd-cell:nth-child(3){animation-delay:0.18s}.cp-game-card.in .pd-cell:nth-child(4){animation-delay:0.24s}.cp-game-card.in .pd-cell:nth-child(5){animation-delay:0.30s}.cp-game-card.in .pd-cell:nth-child(6){animation-delay:0.36s}.cp-game-card.in .pd-cell:nth-child(7){animation-delay:0.42s}.cp-game-card.in .pd-cell:nth-child(8){animation-delay:0.48s}.cp-game-card.in .pd-cell:nth-child(9){animation-delay:0.54s}.cp-game-card.in .pd-cell:nth-child(10){animation-delay:0.60s}.cp-game-card.in .pd-cell:nth-child(11){animation-delay:0.66s}.cp-game-card.in .pd-cell:nth-child(12){animation-delay:0.72s}.cp-game-card.in .pd-cell:nth-child(13){animation-delay:0.78s}.cp-game-card.in .pd-cell:nth-child(14){animation-delay:0.84s}.cp-game-card.in .pd-cell:nth-child(15){animation-delay:0.90s}.cp-game-card.in .pd-cell:nth-child(16){animation-delay:0.96s}.cp-game-card.in .pd-cell:nth-child(17){animation-delay:1.02s}.cp-game-card.in .pd-cell:nth-child(18){animation-delay:1.08s}.cp-game-card.in .pd-cell:nth-child(19){animation-delay:1.14s}.cp-game-card.in .pd-cell:nth-child(20){animation-delay:1.20s}.cp-game-card.in .pd-cell:nth-child(21){animation-delay:1.26s}.cp-game-card.in .pd-cell:nth-child(22){animation-delay:1.32s}.cp-game-card.in .pd-cell:nth-child(23){animation-delay:1.38s}.cp-game-card.in .pd-cell:nth-child(24){animation-delay:1.44s}.cp-game-card.in .pd-cell:nth-child(25){animation-delay:1.50s}.cp-game-card.in .pd-cell:nth-child(26){animation-delay:1.56s}.cp-game-card.in .pd-cell:nth-child(27){animation-delay:1.62s}.cp-game-card.in .pd-cell:nth-child(28){animation-delay:1.68s}.cp-game-card.in .pd-cell:nth-child(29){animation-delay:1.74s}.cp-game-card.in .pd-cell:nth-child(30){animation-delay:1.80s}@media (prefers-reduced-motion:reduce){.cp-game-card .pd-cell{opacity:1;animation:none}}.cp-community-section{background:var(--oat);padding:clamp(52px,7vw,96px) 24px;position:relative}.cp-community-section .sec-h{color:var(--dark)}.cp-community-section .sec-h em{color:var(--orange)}.cp-community-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cp-community-copy{display:flex;flex-direction:column;align-items:flex-start}.cp-community-sub{font-size:1rem;line-height:1.7;color:rgba(44,26,10,0.75);margin:16px 0 28px;max-width:460px}.cp-community-btn{display:inline-block;width:fit-content}.cp-community-card{background:var(--tan);border-radius:20px;border:1.5px dashed rgba(180,130,80,0.35);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:var(--shadow);overflow:visible;width:100%;padding-top:28px}.cp-community-pup-img{width:calc(100% - 40px);height:auto;max-height:300px;object-fit:cover;object-position:center top;border-radius:4px;display:block;flex-shrink:0;transform:rotate(1.5deg);box-shadow:0 8px 24px rgba(44,26,10,0.22),0 2px 6px rgba(44,26,10,0.12);border:6px solid #fff;margin-bottom:16px;transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease)}.cp-community-pup-img:hover{transform:rotate(0deg);box-shadow:0 12px 32px rgba(44,26,10,0.28),0 2px 8px rgba(44,26,10,0.14)}.cp-community-pup-info{width:100%;padding:0 1rem 1.2rem}.cp-community-pup-caption{text-align:center;font-size:1rem;color:rgba(44,26,10,0.85);font-weight:700;padding-bottom:0.6rem;letter-spacing:0.01em}.cp-pup-submitted{display:block;font-size:0.75rem;font-weight:400;color:rgba(44,26,10,0.5);font-style:italic;margin-top:2px}.cp-pup-tags{display:flex;flex-direction:column;gap:5px}.cp-pup-tag{font-size:0.75rem;color:rgba(44,26,10,0.7);line-height:1.4}.cp-pup-tag-label{font-weight:700;color:var(--orange);font-style:normal;margin-right:4px;font-size:0.6875rem;letter-spacing:0.04em;text-transform:uppercase}.cp-about{background:var(--tan);padding:clamp(56px,7vw,96px) 80px;overflow:hidden;position:relative}.cp-about-two-col{display:flex;align-items:flex-start;gap:clamp(40px,6vw,64px);max-width:780px;margin:0 auto}.cp-about-photo{flex:0 0 clamp(220px,28%,300px);align-self:stretch}.cp-about-img{width:100%;height:100%;display:block;border-radius:20px;object-fit:cover;object-position:center 40%;box-shadow:0 6px 28px rgba(44,26,10,0.14)}.cp-about-inner{flex:1;text-align:left}.cp-about-inner .sec-lbl{display:block;margin-bottom:14px}.cp-about-inner .sec-h{margin-bottom:28px}.cp-about-inner p{color:rgba(44,26,10,0.82);font-size:clamp(15px,1.6vw,17px);line-height:1.8;margin-bottom:16px}.cp-about-inner p:last-child{margin-bottom:0}.cp-social-section{background:var(--tan);padding:clamp(48px,6vw,72px) 80px}.cp-social-intro{max-width:560px;margin:0 auto 40px;text-align:center}.cp-social-section .sec-h{font-size:clamp(32px,4vw,52px);margin-bottom:0;color:var(--dark)}.cp-social-sub{font-size:clamp(14px,1.4vw,16px);color:rgba(44,26,10,0.65);line-height:1.75;margin-top:12px}.cp-social-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,340px));justify-content:center;gap:36px;max-width:1200px;margin:0 auto;padding:clamp(24px,3vw,36px) clamp(16px,3vw,40px)}.cp-social-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.4rem clamp(1rem,1.6vw,1.4rem) clamp(1.1rem,1.8vw,1.5rem);border-radius:20px;text-decoration:none;background:rgba(255,255,255,0.55);border:1px solid rgba(180,130,80,0.2);box-shadow:0 4px 20px rgba(44,26,10,0.08);transition:transform 0.28s var(--ease),box-shadow 0.28s var(--ease),border-color 0.28s var(--ease),background 0.28s var(--ease)}.cp-social-card:hover,.cp-social-card:focus-visible{transform:translateY(-3px);background:rgba(255,250,242,0.98);border-color:rgba(220,130,25,0.22);box-shadow:0 12px 36px rgba(44,26,10,0.13)}.cp-social-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.65rem;border-radius:14px;background:rgba(180,130,80,0.10);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 12px 28px rgba(105,66,28,0.07)}.cp-social-icon svg{width:26px;height:26px;stroke:#dc7f16;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.cp-social-card:hover .cp-social-icon svg,.cp-social-card:focus-visible .cp-social-icon svg{stroke:#b56510}.cp-social-card h3{margin:0 0 0.75rem;color:var(--dark);font-family:var(--font-display);font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:400;line-height:1.1;letter-spacing:-0.01em}.cp-social-card p{color:rgba(44,26,10,0.65);font-size:clamp(0.8rem,1.1vw,0.88rem);line-height:1.45;text-wrap:balance;text-align:center}.cp-engage-section{background:var(--oat);padding:clamp(48px,6vw,80px) 24px}.cp-engage-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}.cp-newsletter-card,.cp-poll-card{background:var(--cream);border-radius:20px;border:1px solid rgba(180,130,80,0.15);box-shadow:0 4px 16px rgba(44,26,10,0.07);padding:clamp(28px,4vw,44px);display:flex;flex-direction:column}.cp-newsletter-card .sec-h,.cp-poll-card .sec-h{font-size:clamp(22px,2.8vw,34px);color:var(--dark);margin-bottom:12px;line-height:1.1}.cp-newsletter-sub{color:rgba(44,26,10,0.7);line-height:1.7;margin:12px 0 28px}.cp-newsletter-field{display:flex;gap:10px;flex-wrap:wrap}.cp-newsletter-field input[type="email"]{flex:1;min-width:0;padding:14px 18px;border-radius:999px;border:1.5px solid rgba(180,130,80,0.35);background:var(--oat);color:var(--dark);font-size:0.9375rem;font-family:inherit;outline:none}.cp-newsletter-field input[type="email"]::placeholder{color:rgba(44,26,10,0.4)}.cp-newsletter-field button{padding:14px 24px;border-radius:999px;border:none;background:var(--orange);color:var(--cream);font-weight:700;font-size:0.9375rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background 0.22s var(--ease),transform 0.22s var(--ease),box-shadow 0.22s var(--ease)}.cp-newsletter-field button:hover{background:#f0922a;transform:translateY(-1px);box-shadow:0 4px 14px rgba(232,128,28,0.3)}.cp-newsletter-field button:active{transform:scale(0.97);box-shadow:none}.cp-newsletter-legal{margin-top:12px;font-size:0.8125rem;color:rgba(44,26,10,0.5)}.cp-newsletter-error{min-height:1.2em;margin-top:8px;font-size:0.8125rem;color:#c05030;font-weight:600}.cp-newsletter-field input[type="email"].is-invalid{border-color:#c05030}.cp-poll-options{display:flex;flex-direction:column;gap:10px}.cp-poll-btn{width:100%;padding:14px 20px;border-radius:14px;border:1.5px solid rgba(180,130,80,0.35);background:var(--oat);color:var(--dark);font-size:0.9375rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55);transition:background 0.22s var(--ease),border-color 0.22s var(--ease),transform 0.15s var(--ease),box-shadow 0.22s var(--ease)}.cp-poll-btn:hover{background:var(--tan);border-color:var(--orange);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 3px 12px rgba(232,128,28,0.13)}.cp-poll-btn:active{transform:scale(0.98);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55)}.cp-poll-btn:disabled{cursor:default}.cp-poll-btn:disabled:not(.cp-poll-btn--voted):hover{background:var(--oat);border-color:rgba(180,130,80,0.3);transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55)}.cp-poll-btn--voted{background:var(--orange);color:var(--cream);border-color:var(--orange);cursor:default;box-shadow:none}.cp-poll-btn--voted:hover{background:var(--orange);border-color:var(--orange);transform:none;box-shadow:none}.cp-poll-btn--locked{opacity:0.45;cursor:default}.cp-poll-thanks{font-size:0.875rem;color:var(--dark);margin-top:16px;margin-bottom:12px}.cp-poll-bar-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.cp-poll-bar-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.cp-poll-bar-label{font-size:0.875rem;color:var(--dark);font-weight:600}.cp-poll-bar-track{width:100%;height:10px;background:rgba(44,26,10,0.1);border-radius:999px;overflow:hidden}.cp-poll-bar-fill{height:100%;background:var(--orange);border-radius:999px;transition:width 0.6s cubic-bezier(.22,.75,.2,1)}.cp-poll-bar-pct{font-size:0.8125rem;color:rgba(44,26,10,0.65);flex-shrink:0}.contact{background:var(--tan);padding:clamp(40px,5.5vw,68px) 80px}.contact-simple{max-width:600px;margin:0 auto;text-align:center}.contact-simple .sec-lbl{display:block;margin-bottom:9px}.contact-simple h2{margin-bottom:14px;color:var(--dark)}.contact-simple-sub{font-size:0.9375rem;font-weight:300;line-height:1.75;color:rgba(44,26,10,0.75)}.contact-socials{display:flex;justify-content:center;gap:20px;margin-top:24px}.contact-socials a{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(180,130,80,0.25);background:var(--oat);display:flex;align-items:center;justify-content:center;color:#4b2e1f}.contact-socials a:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px);box-shadow:0 4px 14px rgba(232,128,28,0.25)}.cp-footer{background:var(--dark);padding:44px 24px 36px;position:relative}.cp-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.cp-footer-logo{width:60px;height:57px;margin-bottom:18px}.cp-footer-legal{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.cp-footer-legal a,.cp-footer-legal button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;color:rgba(245,237,216,0.82);font-size:0.8125rem;transition:color 0.2s ease}.cp-footer-legal a:hover,.cp-footer-legal button:hover{color:rgba(245,237,216,1)}.cp-footer-legal button[aria-expanded="true"]{color:var(--orange)}.cp-footer-socials{display:flex;gap:14px;margin-bottom:14px}.cp-footer-socials a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.07);color:rgba(245,237,216,0.7);display:flex;align-items:center;justify-content:center}.cp-footer-socials a:hover{background:var(--orange);transform:translateY(-2px);box-shadow:0 4px 16px rgba(232,128,28,0.35);color:var(--cream)}.cp-footer-copy{color:rgba(245,237,216,0.78);font-size:0.8125rem}.cookie-banner{position:fixed;left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:1200;display:flex;gap:18px;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto;padding:16px 18px;border:1px solid rgba(255,255,255,0.18);border-radius:20px;background:rgba(53,38,24,0.96);color:var(--cream);box-shadow:0 16px 48px rgba(0,0,0,0.24);backdrop-filter:blur(6px);transform:translateY(120%);opacity:0;transition:transform 0.42s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s ease}.cookie-banner.is-visible{transform:translateY(0);opacity:1}.cookie-banner.is-hiding{transform:translateY(120%);opacity:0;transition:transform 0.3s ease-in,opacity 0.25s ease-in}.cookie-banner[hidden]{display:none}.cookie-banner strong{display:block;font-family:var(--font-serif);font-size:1rem;margin-bottom:4px}.cookie-banner p{margin:0;font-size:0.8125rem;line-height:1.55;color:rgba(245,237,216,0.8)}.cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cookie-actions a{font-size:0.8125rem;color:var(--cream);text-decoration:underline;text-underline-offset:3px}.cookie-actions button{border:none;border-radius:999px;background:var(--orange);color:var(--charcoal);font-family:var(--font-body);font-weight:700;padding:10px 16px;cursor:pointer;transition:background 0.2s var(--ease),transform 0.15s var(--ease)}.cookie-actions button:hover{background:#d4721a}.cookie-actions button:active{transform:scale(0.97)}.legal-hero{background:var(--oat);padding:clamp(80px,12vw,140px) 80px clamp(40px,5vw,64px);text-align:center}.legal-hero .sec-lbl{display:block;margin-bottom:14px}.legal-hero h1{font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.05;color:var(--charcoal);margin-bottom:10px}.legal-hero p{color:var(--taupe);font-size:14px}.legal-body{background:var(--cream);padding:clamp(48px,6vw,80px) 80px clamp(64px,9vw,120px)}.legal-content{max-width:700px;margin:0 auto;color:rgba(44,26,10,0.82);font-size:15px;line-height:1.75}.legal-content h2{font-family:var(--font-display);font-size:clamp(20px,2.5vw,26px);font-weight:400;letter-spacing:-0.01em;color:var(--charcoal);margin:2rem 0 0.6rem}.legal-content h2:first-child{margin-top:0}.legal-content p{margin-bottom:0.85rem}.legal-content ul{padding-left:1.4rem;margin-bottom:0.85rem}.legal-content li{margin-bottom:0.4rem}.legal-content a{color:var(--orange);border-bottom:1px solid rgba(185,95,20,0.3)}.legal-content a:hover{border-color:var(--orange)}body.homepage{background:var(--oat);color:var(--dark)}body.homepage .hero{overflow:visible}body.homepage .hero-body{padding:0 80px 64px;color:var(--cream)}body.homepage .hero h1{color:var(--cream)}body.homepage .hiw{background:var(--oat);padding-top:var(--section-pad);padding-bottom:var(--section-pad)}body.homepage .cp-about{background:var(--sand);padding-top:var(--section-pad);padding-bottom:var(--section-pad)}body.homepage .cp-community-section{background:var(--sand)}body.homepage .cp-engage-section{background:var(--oat)}body.homepage .cp-poll-solo{background:var(--oat)}body.homepage .cp-newsletter-solo{background:var(--sand)}body.homepage .cp-section-ornament{background:var(--sand)}body.homepage .cp-meet-dogs{background:var(--sand)}body.homepage .cp-footer{background:var(--dark)}body.homepage .cp-community-section .sec-h{color:var(--dark)}body.homepage .cp-community-sub{color:rgba(44,26,10,0.75)}body.homepage .cp-community-card{background:var(--tan);border-color:rgba(180,130,80,0.25)}.hero-h1-enter,.hero-sub-enter,.hero-btns-enter{opacity:0;transform:translateY(22px);animation:heroFadeUp 1.1s cubic-bezier(0.16,1,0.3,1) forwards}.hero-h1-enter{animation-delay:0.55s}.hero-sub-enter{animation-delay:0.82s}.hero-btns-enter{animation-delay:1.08s}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.cp-social-card-r{opacity:0;transform:translateY(16px);transition:opacity 1.0s cubic-bezier(0.16,1,0.3,1),transform 1.0s cubic-bezier(0.16,1,0.3,1)}.cp-social-card-r.in{opacity:1;transform:translateY(0)}.cp-social-card-r:nth-child(2){transition-delay:0.1s}.cp-social-card-r:nth-child(3){transition-delay:0.2s}.cp-community-pup-img{transform:translateY(-14px) rotate(3deg);transition:transform 0s}.cp-community-card.pup-landed .cp-community-pup-img{transform:translateY(0) rotate(1.5deg);transition:transform 0.9s cubic-bezier(0.34,1.56,0.64,1)}.cp-community-card.pup-landed .cp-community-pup-img:hover{transform:translateY(0) rotate(0deg);transition:transform 0.3s var(--ease)}.cp-about-photo-r{opacity:0;transform:translateX(-24px);transition:opacity 1.1s cubic-bezier(0.16,1,0.3,1),transform 1.1s cubic-bezier(0.16,1,0.3,1)}.cp-about-inner-r{opacity:0;transform:translateX(24px);transition:opacity 1.1s 0.18s cubic-bezier(0.16,1,0.3,1),transform 1.1s 0.18s cubic-bezier(0.16,1,0.3,1)}.cp-about-photo-r.in,.cp-about-inner-r.in{opacity:1;transform:translateX(0)}.cp-engage-card-r{opacity:0;transform:translateY(16px);transition:opacity 1.0s cubic-bezier(0.16,1,0.3,1),transform 1.0s cubic-bezier(0.16,1,0.3,1)}.cp-engage-card-r.in{opacity:1;transform:translateY(0)}.cp-engage-card-r:nth-child(2){transition-delay:0.12s}@keyframes dogAmbient{0%{transform:scale(1.04) translateY(0px)}50%{transform:scale(1.02) translateY(-3px)}100%{transform:scale(1.04) translateY(0px)}}.cp-dog-img{transform:scale(1.08)}.cp-dog-card.img-settled .cp-dog-img{animation:dogAmbient 30s ease-in-out infinite}.cp-dog-card.img-settled:hover .cp-dog-img{animation:none;transform:scale(1.03);transition:transform 0.65s var(--ease)}@keyframes logoWag{0%{transform:rotate(0deg)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}.cp-brand-logo:hover .cp-logo-img,.cp-brand-logo:hover img{animation:logoWag 0.55s ease both}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-h1-enter,.hero-sub-enter,.hero-btns-enter{animation:none;opacity:1;transform:none}.cp-social-card-r,.cp-about-photo-r,.cp-about-inner-r,.cp-engage-card-r{opacity:1;transform:none;transition:none}.cp-community-pup-img{transform:rotate(1.5deg)}.tt-teaser-img{animation:none;transform:none}.tt-teaser::before,.tt-teaser::after{animation:none}}@media (max-width:1180px){#hdr{padding:0 22px}.cp-premium-nav{width:min(calc(100vw - 46px),2180px);padding-left:24px}.cp-premium-links{gap:16px}.cp-nav-link{padding:9px 10px}}@media (max-width:1024px){.hero-body{padding:0 48px 72px}.contact{padding:clamp(38px,5vw,56px) 48px}.hiw{padding:clamp(32px,5vw,54px) 48px clamp(38px,5.5vw,62px)}}@media (max-width:940px){#hdr{padding:0 14px;top:16px}.cp-premium-nav{width:min(calc(100vw - 28px),2180px);min-height:68px;padding:8px 13px 8px 18px;border-radius:27px}.cp-premium-links{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;padding:12px;border-radius:22px;background:var(--cream);border:1px solid rgba(180,140,90,0.25);box-shadow:0 16px 40px rgba(44,26,10,0.14);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity 0.25s var(--ease),transform 0.25s var(--ease)}.cp-premium-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0);z-index:999}.cp-premium-links.is-open .cp-nav-link{color:var(--dark);font-size:0.9375rem}.cp-premium-links.is-open .cp-nav-link:hover{background:rgba(44,26,10,0.07);color:var(--dark)}.cp-nav-link{justify-content:center;min-height:46px}.hamburger{display:inline-flex}}@media (max-width:768px){html{scroll-padding-top:80px}#hdr{top:8px;padding:0 16px}.hero-body{padding:0 26px 80px}.hero h1{font-size:clamp(42px,5.5vw,76px)}.hero-sub{max-width:100%}.hero-btns{flex-direction:column;align-items:flex-start}body.homepage .hero-body{padding:96px 26px 44px}.hiw{padding:38px 28px}.cp-games-grid{grid-template-columns:1fr;gap:20px}.cp-games-stack{gap:20px}.cp-social-section{padding:44px 24px}.cp-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:16px}.cp-community-section{padding:44px 24px}.cp-community-inner{grid-template-columns:1fr;gap:32px}.cp-community-card{min-height:180px}.cp-about{padding:48px 28px}.cp-about-two-col{flex-direction:column}.cp-about-photo{flex:none;width:100%;max-width:420px;align-self:auto;margin:0 auto}.cp-about-img{height:340px}.cp-about-inner{text-align:center}.cp-engage-section{padding:44px 24px}.cp-engage-inner{grid-template-columns:1fr}.contact{padding:38px 28px}.contact-socials{margin-top:20px}.cp-footer{padding:32px 24px 28px}.cookie-banner{flex-direction:column;align-items:flex-start}.cookie-actions{width:100%;justify-content:space-between}.cp-pup-tags{padding-bottom:14px}.cp-community-pup-info{padding-bottom:14px}.legal-hero{padding:clamp(80px,12vw,140px) 28px clamp(40px,5vw,64px)}.legal-body{padding:clamp(48px,6vw,80px) 28px clamp(64px,9vw,120px)}.reveal{transition-duration:0.9s}}@media (max-width:640px){.cp-social-grid{grid-template-columns:1fr}}@media (max-width:560px){#hdr{padding:0 8px}.cp-premium-nav{width:calc(100vw - 18px);min-height:64px;padding:7px 11px 7px 15px;border-radius:25px}}@media (max-width:480px){.hiw,.contact{padding-top:34px;padding-bottom:34px}.tt-teaser{padding:40px 24px}.cp-community-section{padding:36px 24px}.cp-social-section{padding-top:36px;padding-bottom:36px}.cp-engage-section{padding:36px 24px}.cp-about{padding:40px 24px}.cp-meet-dogs{padding:36px 24px 52px}.cp-newsletter-card,.cp-poll-card{padding:24px}.cp-newsletter-field{flex-direction:column}.cp-newsletter-field button{width:100%}}@media print{.hamburger,#hdr,.hero-vid,.hero-art,.hero-overlay{display:none}.hero{height:auto;min-height:0;background:var(--cream)}.hero-body{color:var(--charcoal);padding:20px}body{background:var(--oat);color:black}}.pd-card-head{padding:28px 28px 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.pd-card-kicker{font-size:0.6875rem;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:6px}.pd-card-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;letter-spacing:-0.01em;color:#ffffff;margin:0 0 6px}.pd-card-sub{font-size:0.875rem;color:rgba(245,237,216,0.6);line-height:1.6;margin:0;max-width:280px}.pd-grid-wrap{padding:20px 28px 0;perspective:600px}.pd-grid-tilt{transform:rotateX(18deg) rotateY(-8deg);transform-style:preserve-3d;display:inline-block;width:100%}.pd-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:240px;margin:0 auto}.pd-cell{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:clamp(0.9rem,1.8vw,1.2rem);font-weight:400}.pd-cell--green{background:#5a7a4a;color:#fff;box-shadow:0 4px 0 #3a5a2a,0 5px 8px rgba(0,0,0,0.3)}.pd-cell--amber{background:#b8762a;color:#fff;box-shadow:0 4px 0 #8a5618,0 5px 8px rgba(0,0,0,0.3)}.pd-cell--used{background:#3a2c1e;color:rgba(245,237,216,0.5);box-shadow:0 4px 0 var(--charcoal),0 5px 8px rgba(0,0,0,0.3)}.pd-cell--empty{background:rgba(255,255,255,0.05);border:1px solid rgba(245,237,216,0.08);box-shadow:0 4px 0 rgba(0,0,0,0.2)}.pd-leaderboard{padding:56px 28px 28px;flex:1;display:flex;flex-direction:column}.pd-leaderboard-label{font-size:0.6875rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);margin:0 0 12px}#hp-leaderboard{display:flex;flex-direction:column;gap:8px}.pd-leaderboard-loading{color:rgba(245,237,216,0.3);font-size:0.8rem;font-style:italic;font-family:var(--font-display)}.pd-play-btn{margin-top:auto;padding-top:18px;display:block;text-align:center;text-decoration:none;font-size:0.8125rem}.pd-streak{text-align:center;margin:12px 0 4px;min-height:28px}.pd-streak-inner{display:inline-flex;align-items:center;gap:7px;background:rgba(196,147,90,0.1);border:1px solid rgba(196,147,90,0.25);border-radius:100px;padding:5px 14px;animation:streakPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275) both}@keyframes streakPop{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}.pd-streak-flame{font-size:1rem}.pd-streak-count{font-family:var(--font-serif);font-size:1rem;color:#c4935a}.pd-streak-label{font-family:var(--font-body);font-size:0.75rem;color:rgba(245,237,216,0.6);letter-spacing:0.05em}.cp-section-ornament{background:var(--sand);display:flex;align-items:center;justify-content:center;gap:18px;padding:48px 80px 0}.cp-orn-line{flex:1;max-width:140px;height:1px;background:rgba(122,95,58,0.22)}.cp-orn-dots{display:flex;gap:6px;align-items:center}.cp-orn-dots span{display:block;width:4px;height:4px;border-radius:50%;background:rgba(122,95,58,0.38)}.cp-meet-dogs{background:var(--sand);padding:clamp(32px,4vw,48px) clamp(20px,6vw,80px) clamp(56px,7vw,96px)}.cp-meet-dogs-inner{max-width:1100px;margin:0 auto}.cp-meet-dogs-header{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.cp-meet-dogs-sub{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1rem,1.8vw,1.2rem);color:rgba(53,38,24,0.68);max-width:520px;margin:0 auto;line-height:1.75}.cp-dogs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width:700px){.cp-dogs-grid{grid-template-columns:1fr;gap:24px}}.cp-dog-card{background:var(--cream);border-radius:16px;border:1px solid rgba(180,130,80,0.15);box-shadow:0 4px 16px rgba(44,26,10,0.08);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease)}.cp-dog-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--oat)}.cp-dog-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.cp-dog-card:nth-child(1) .cp-dog-img{object-position:65% 40%;transform:scale(0.82);transform-origin:center center}.cp-dog-card:nth-child(2) .cp-dog-img{object-position:center 62%}.cp-dog-card:nth-child(3) .cp-dog-img{object-position:center 30%}.cp-dog-card:nth-child(4) .cp-dog-img{object-position:center 45%}.cp-dog-body{padding:22px 24px 26px}.cp-dog-num{font-family:var(--font-body);font-size:0.6875rem;font-weight:500;letter-spacing:0.28em;color:rgba(196,147,90,0.75);display:block;margin-bottom:6px}.cp-dog-name{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:400;letter-spacing:-0.01em;color:var(--dark);margin:0 0 2px;line-height:1}.cp-dog-breed{font-family:var(--font-body);font-size:0.75rem;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}.cp-dog-desc{font-family:var(--font-display);font-weight:400;font-size:clamp(1rem,1.5vw,1.1rem);color:rgba(53,38,24,0.78);line-height:1.8;margin:0}.tt-teaser-bridge{height:0;display:block}.tt-teaser{background:var(--dark);padding:clamp(48px,6vw,80px) clamp(20px,6vw,80px);position:relative;overflow:hidden}.tt-teaser-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}@media (max-width:700px){.tt-teaser-inner{grid-template-columns:1fr}.tt-teaser-img-wrap{order:-1}}.tt-teaser-text .sec-lbl{color:var(--orange)}.tt-teaser-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;color:var(--cream);line-height:1.15;letter-spacing:-0.015em;margin:0 0 16px}.tt-teaser-heading em{color:var(--orange);font-style:italic}.tt-teaser-sub{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1rem,1.6vw,1.15rem);color:rgba(245,237,216,0.92);line-height:1.75;margin:0 0 28px}.tt-teaser-img-wrap{border-radius:20px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.32)}.tt-teaser-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;aspect-ratio:4/3;display:block;animation:ttImgZoom 22s ease-out forwards}#scrollToTop:hover{background:var(--orange);box-shadow:0 6px 20px rgba(232,128,28,0.4)}@media (hover:hover) and (min-width:941px){.cp-nav-link{position:relative;transition:background 0.18s ease}.cp-nav-link:hover{background:rgba(44,26,10,0.055)}.cp-nav-link::after{content:'';position:absolute;bottom:6px;left:10px;right:10px;height:1.5px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 0.22s var(--ease)}.cp-nav-link:hover::after,.cp-nav-link[aria-current="page"]::after{transform:scaleX(1)}}.cp-follow-dropdown{position:relative}.cp-nav-cta{display:inline-flex;align-items:center;padding:8px 18px;border-radius:99px;background:var(--dark);color:var(--cream);font-family:var(--font-body);font-size:0.8rem;font-weight:600;letter-spacing:0.045em;text-decoration:none;white-space:nowrap;border:none;cursor:pointer;transition:background 0.2s var(--ease),transform 0.15s var(--ease),box-shadow 0.2s var(--ease)}.cp-nav-cta:hover,.cp-follow-btn[aria-expanded="true"]{background:#43301c;box-shadow:0 4px 14px rgba(232,128,28,0.3)}.cp-follow-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--cream);border:1px solid rgba(180,140,90,0.25);border-radius:14px;padding:6px;min-width:150px;box-shadow:0 6px 28px rgba(44,26,10,0.13);z-index:500}.cp-follow-menu[hidden]{display:none}.cp-follow-link{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--dark);font-family:var(--font-body);font-size:13px;font-weight:500;border-radius:9px;text-decoration:none;transition:background 0.12s}.cp-follow-link:hover{background:rgba(44,26,10,0.07)}@media (max-width:940px){.cp-follow-dropdown{display:none}}@keyframes navSlideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:no-preference){.cp-premium-nav{animation:navSlideDown 0.38s var(--ease) both;animation-delay:0.15s}}@keyframes ttImgZoom{from{transform:scale(1.06)}to{transform:scale(1.0)}}@keyframes orbDrift{from{transform:translate(0,0)}to{transform:translate(30px,18px)}}@media (prefers-reduced-motion:no-preference){.tt-teaser::before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(196,147,90,0.07) 0%,transparent 70%);top:-80px;left:-60px;pointer-events:none;animation:orbDrift 22s ease-in-out infinite alternate}.tt-teaser::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(232,128,28,0.05) 0%,transparent 70%);bottom:-40px;right:-50px;pointer-events:none;animation:orbDrift 30s ease-in-out infinite alternate-reverse}}.cp-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:140px;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(196,147,90,0.08) 0%,transparent 70%);pointer-events:none}.cp-community-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 75% 50%,rgba(232,128,28,0.06) 0%,transparent 70%);pointer-events:none}.cp-about::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 25% 50%,rgba(232,128,28,0.06) 0%,transparent 70%);pointer-events:none}.pp-hero-lbl,.pp-hero-title,.pp-hero-sub{opacity:0;transform:translateY(14px);animation:heroFadeUp 1.1s cubic-bezier(0.16,1,0.3,1) forwards}.pp-hero-lbl{animation-delay:0.28s}.pp-hero-title{animation-delay:0.48s}.pp-hero-sub{animation-delay:0.68s}.tt-teaser-text-r{opacity:0;transform:translateY(14px);transition:opacity 1.1s cubic-bezier(0.16,1,0.3,1),transform 1.1s cubic-bezier(0.16,1,0.3,1)}.tt-teaser-img-r{opacity:0;transform:translateY(14px);transition:opacity 1.1s 0.15s cubic-bezier(0.16,1,0.3,1),transform 1.1s 0.15s cubic-bezier(0.16,1,0.3,1)}.tt-teaser-text-r.in,.tt-teaser-img-r.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pp-hero-lbl,.pp-hero-title,.pp-hero-sub{animation:none;opacity:1;transform:none}.tt-teaser-text-r,.tt-teaser-img-r{opacity:1;transform:none;transition:none}}.cp-dog-card{transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease)}.cp-game-card{transition:transform 0.32s var(--ease),box-shadow 0.35s var(--ease)}.cp-community-card{transition:box-shadow 0.3s var(--ease),border-color 0.3s ease}.cp-newsletter-card,.cp-poll-card{transition:box-shadow 0.3s var(--ease)}.cp-dog-img{transition:transform 0.65s var(--ease)}.tt-photo img,.tt-teaser-img-wrap{transition:transform 0.35s var(--ease),box-shadow 0.35s var(--ease)}.cp-about-photo{overflow:hidden;border-radius:20px;box-shadow:0 6px 28px rgba(44,26,10,0.14);transition:box-shadow 0.35s var(--ease)}.cp-about-img{border-radius:0;box-shadow:none;transition:transform 0.65s var(--ease)}.cp-social-icon{transition:transform 0.28s var(--ease),background 0.28s ease,box-shadow 0.28s ease}.conn-card-row{transition:filter 0.2s ease,transform 0.2s var(--ease)}.pp-email-card{transition:transform 0.28s var(--ease),box-shadow 0.28s var(--ease)}.cp-footer-socials a{transition:background 0.28s var(--ease),transform 0.28s var(--ease),box-shadow 0.28s ease,color 0.28s ease}.contact-socials a{transition:border-color 0.28s var(--ease),color 0.28s ease,transform 0.28s var(--ease),box-shadow 0.28s ease,background 0.28s ease}.cp-footer-logo{transition:transform 0.35s var(--ease)}.cp-footer a:has(.cp-footer-logo){display:inline-block;opacity:0.85;transition:opacity 0.2s}.cp-footer a:has(.cp-footer-logo):hover{opacity:1}@media (hover:hover){.cp-dog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(44,26,10,0.15),0 0 0 1px rgba(196,147,90,0.14)}.cp-dog-card.img-settled:hover .cp-dog-img{animation:none;transform:scale(1.05)}}@media (hover:hover){.cp-game-card:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(196,147,90,0.26)}}@media (hover:hover){.tt-card.cp-visible{transition:opacity 0.85s ease,transform 0.3s var(--ease),box-shadow 0.3s ease}.tt-card.cp-visible:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(44,26,10,0.14)}.tt-card:hover .tt-photo img{transform:scale(1.04)}}@media (hover:hover){.tt-teaser-img-wrap:hover{transform:translateY(-3px);box-shadow:0 28px 72px rgba(0,0,0,0.42),0 0 0 1px rgba(196,147,90,0.1)}}@media (hover:hover){.cp-community-card:hover{box-shadow:0 12px 36px rgba(44,26,10,0.13);border-color:rgba(196,147,90,0.4)}}@media (hover:hover){.cp-newsletter-card:hover,.cp-poll-card:hover{box-shadow:0 12px 36px rgba(44,26,10,0.10)}}@media (hover:hover){.pp-email-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(44,26,10,0.10)}}@media (hover:hover){.pp-dotw-photo-wrap:hover{transform:scale(1.03)}}@media (hover:hover){.cp-about-photo:hover{box-shadow:0 18px 52px rgba(44,26,10,0.21)}.cp-about-photo:hover .cp-about-img{transform:scale(1.03)}}@media (hover:hover){.cp-social-card:hover .cp-social-icon{transform:scale(1.1);background:rgba(180,130,80,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 12px 28px rgba(105,66,28,0.09),0 0 0 1.5px rgba(220,127,22,0.18)}}.cp-newsletter-field input[type="email"]{transition:border-color 0.22s ease,box-shadow 0.25s ease,background 0.22s ease}.cp-newsletter-field input[type="email"]:focus{border-color:var(--orange);background:rgba(248,240,226,0.85);box-shadow:0 0 0 4px rgba(232,128,28,0.12),0 1px 6px rgba(196,147,90,0.18)}@media (hover:hover){.cp-footer-logo:hover{animation:logoWag 0.55s ease both}}#scrollToTop{position:fixed;bottom:24px;right:24px;z-index:800;width:44px;height:44px;border-radius:50%;background:var(--dark);border:1px solid rgba(245,237,216,0.2);color:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease,transform 0.3s ease,background 0.22s ease,box-shadow 0.22s ease}@media (prefers-reduced-motion:reduce){.cp-dog-img,.tt-photo img,.cp-about-img,.tt-teaser-img-wrap,.cp-dog-card,.cp-game-card,.cp-community-card,.cp-newsletter-card,.cp-poll-card,.cp-social-icon,.conn-card-row,.cp-footer-logo,.cp-footer-socials a,.contact-socials a,.pp-email-card,.cp-newsletter-field input[type="email"]{transition:none}.cp-dog-card:hover,.cp-game-card:hover,.tt-card.cp-visible:hover,.tt-teaser-img-wrap:hover,.pp-email-card:hover{transform:none}.cp-dog-card.img-settled .cp-dog-img,.cp-dog-card.img-settled:hover .cp-dog-img{animation:none;transform:scale(1.0)}}.cp-meet-dogs{position:relative}.cp-meet-dogs::before{display:none}.cp-social-section{position:relative}.cp-social-section::before{content:'';position:absolute;inset:0;background:radial-gradient(
ellipse 60% 60% at 50% 50%,rgba(232,128,28,0.042) 0%,transparent 65%
);pointer-events:none}.contact{position:relative}.contact::before{content:'';position:absolute;inset:0;background:radial-gradient(
ellipse 45% 65% at 50% 50%,rgba(196,147,90,0.06) 0%,transparent 65%
);pointer-events:none}.cp-wave-inline{filter:none}@media (prefers-reduced-motion:reduce){}.cp-nav-dropdown-menu::before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:10px}.cp-nav-dropdown-menu-inner,.cp-nav-dropdown-menu > a,.cp-nav-dropdown-menu > span,.cp-nav-dropdown-menu > div.cp-nav-dest-divider{}.cp-nav-dropdown-menu{background:var(--cream);border:1px solid rgba(180,140,90,0.25);border-radius:14px;padding:6px;min-width:230px;box-shadow:0 6px 28px rgba(44,26,10,0.13)}.cp-dest-dropdown{min-width:260px}.cp-games-menu{min-width:210px}.cp-nav-dest-link{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;color:var(--dark);font-size:13px;font-family:var(--font-body);font-weight:500;border-radius:9px;text-decoration:none;transition:background 0.12s;cursor:pointer}.cp-nav-dest-link:hover{background:rgba(44,26,10,0.07);color:var(--dark)}.cp-dest-flag{font-size:15px;flex-shrink:0;line-height:1.4}.cp-dest-info{display:flex;flex-direction:column;gap:1px}.cp-dest-city{font-size:13px;font-weight:600;color:var(--dark)}.cp-dest-sub{font-size:11px;font-weight:400;color:rgba(44,26,10,0.5);line-height:1.3}.cp-game-name{display:block;font-size:13px;font-weight:600;color:var(--dark)}.cp-beta-tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#fff;background:var(--orange);padding:1px 5px;border-radius:999px;margin-left:5px;vertical-align:1px;line-height:1.4}.cp-game-current .cp-game-name,.cp-game-current{color:var(--orange)}.cp-games-active > button{color:var(--orange)}.cp-nav-dest-disabled{color:rgba(44,26,10,0.3);cursor:default;pointer-events:none}.cp-nav-dest-divider{height:1px;background:rgba(44,26,10,0.1);margin:4px 8px}.cp-mobile-dest-list,.cp-mobile-games-list{display:none}.cp-mobile-teddy-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;color:inherit;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:940px){.cp-nav-dropdown > a svg{display:none}.cp-nav-dropdown-menu{display:none}.cp-mobile-teddy-toggle{display:inline-flex}.cp-mobile-dest-list{display:none}.cp-mobile-games-list{display:none}.cp-nav-dropdown{flex-wrap:nowrap;justify-content:center}.cp-nav-dropdown > a{flex:0 0 auto;justify-content:center}.cp-mobile-teddy-toggle{flex:0 0 auto}.cp-games-dropdown > button{flex:0 0 auto;justify-content:center}}.cp-mobile-dest-list:not([hidden]){display:flex;flex-direction:column}.cp-mobile-games-list:not([hidden]){display:flex;flex-direction:column}.cp-mobile-dest-list a,.cp-mobile-games-list a{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;padding:9px 12px;font-size:0.875rem;font-family:var(--font-body);font-weight:500;color:var(--dark);text-decoration:none;border-radius:9px;transition:background 0.12s}.cp-mobile-dest-list .cp-dest-info,.cp-mobile-games-list .cp-dest-info{align-items:center;text-align:center}.cp-mobile-dest-list a:hover,.cp-mobile-games-list a:hover{background:rgba(44,26,10,0.07)}.cp-nav-dropdown{position:relative;display:flex;align-items:center}.cp-nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);z-index:500;min-width:200px;background:var(--cream);border:1px solid rgba(180,140,90,0.25);border-radius:14px;padding:6px;box-shadow:0 6px 28px rgba(44,26,10,0.13);opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease}.cp-nav-dropdown-menu::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:12px}.cp-nav-dropdown:hover .cp-nav-dropdown-menu,.cp-nav-dropdown.is-open .cp-nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.cp-nav-dest-link{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;color:var(--dark);font-size:13px;font-family:var(--font-body);font-weight:500;border-radius:9px;text-decoration:none;transition:background 0.12s;cursor:pointer}.cp-nav-dest-link:hover{background:rgba(44,26,10,0.07);color:var(--dark)}.cp-nav-dest-disabled{color:rgba(44,26,10,0.3);cursor:default;pointer-events:none}.cp-nav-dest-divider{height:1px;background:rgba(44,26,10,0.1);margin:4px 8px}@media (max-width:940px){.cp-nav-dropdown-menu{display:none}}.game-card-head{padding:28px 28px 0}.game-card-head--compact{padding:24px 28px 14px}.game-card-kicker{font-size:0.6875rem;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;color:#c4935a;display:block;margin-bottom:6px}.game-card-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;letter-spacing:-0.01em;color:var(--cream);margin:0 0 6px}.game-card-sub{font-size:0.875rem;color:rgba(245,237,216,0.6);line-height:1.6;margin:0}.game-card-foot{padding:20px 28px 28px}.cp-game-info-head{padding:28px 28px 0}.cp-game-info-head--compact{padding:24px 28px 14px}.cp-game-info-kicker{font-size:0.6875rem;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:6px}.cp-game-info-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;color:#ffffff;margin:0 0 6px}.cp-game-info-sub{font-size:0.875rem;color:rgba(245,237,216,0.6);line-height:1.6;margin:0}.cp-game-info-foot{padding:20px 28px 28px}@media (prefers-reduced-motion:reduce){.hero-vid{opacity:1;transition:none}.cookie-banner{transform:none;opacity:1;transition:none}.cookie-banner.is-hiding{transform:none;opacity:0;transition:opacity 0.15s ease}.cp-premium-links{transition:none}.cp-dog-name{transition:none}.cp-game-card .pd-cell{opacity:1;animation:none}.cp-dog-card.img-settled .cp-dog-img{animation:none;transform:scale(1.02)}}.cp-dog-cta{display:inline-block;margin-top:16px;font-size:0.8125rem;font-weight:600;letter-spacing:0.04em;color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(232,128,28,0.3);padding-bottom:1px;transition:border-color 0.2s ease,color 0.2s ease}.cp-dog-cta:hover{border-color:var(--orange)}.cp-meet-dogs-footer{text-align:center;margin-top:clamp(32px,4vw,52px)}.cp-newsletter-solo{background:var(--sand);padding:clamp(52px,7vw,96px) 80px}.cp-newsletter-solo-inner{max-width:640px;margin:0 auto;text-align:center}.cp-newsletter-solo .sec-lbl{display:block;margin-bottom:12px}.cp-newsletter-solo .sec-h{margin-bottom:16px;color:var(--dark)}.cp-newsletter-solo .cp-newsletter-sub{margin-bottom:32px}.cp-newsletter-solo .cp-newsletter-form{position:relative}@media (max-width:768px){.cp-newsletter-solo{padding:44px 24px}}.cp-poll-solo{background:var(--oat);padding:clamp(48px,6vw,80px) 24px}.cp-poll-solo-inner{max-width:600px;margin:0 auto}.cp-community-card--invite{display:flex;align-items:center;justify-content:center;min-height:320px;border:2px dashed rgba(180,130,80,0.35);background:var(--cream);border-radius:20px}.cp-community-invite{text-align:center;padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:12px}.cp-invite-paw{font-size:48px;line-height:1;margin-bottom:4px;opacity:0.75}.cp-invite-headline{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:400;color:var(--dark);margin:0;line-height:1.2}.cp-invite-sub{font-size:0.9rem;color:rgba(44,26,10,0.65);line-height:1.7;max-width:300px;margin:0}.cp-invite-sub a{color:var(--orange);border-bottom:1px solid rgba(232,128,28,0.35);padding-bottom:1px}.cp-community-card--dog{overflow:hidden;border-radius:20px;background:var(--cream);display:flex;flex-direction:column;align-items:stretch;padding-top:0;border:1px solid rgba(180,130,80,0.2)}.cp-dotw-home-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:20px 20px 0 0}.cp-dotw-home-img{width:100%;height:100%;object-fit:cover;object-position:42% 72%;display:block;transition:transform 0.4s ease}.cp-community-card--dog:hover .cp-dotw-home-img{transform:scale(1.03)}.cp-dotw-home-badge{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;font-size:0.7rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;padding:5px 12px;border-radius:99px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.cp-dotw-home-info{padding:18px 24px 24px 24px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.cp-dotw-home-name{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--dark);margin:0;line-height:1.1}.cp-dotw-home-breed{font-size:0.75rem;font-weight:600;color:var(--orange);letter-spacing:0.08em;text-transform:uppercase}.cp-dotw-home-sub{font-size:0.8rem;color:rgba(44,26,10,0.45);margin:4px 0 10px}.cp-dotw-home-link{font-family:var(--font-body);font-size:0.85rem;font-weight:600;color:var(--orange);text-decoration:none;letter-spacing:0.02em;transition:opacity 0.2s}.cp-dotw-home-link:hover{opacity:0.75}.pd-leaderboard-skeleton{display:flex;flex-direction:column;gap:8px;padding:4px 0 8px}.pd-skeleton-row{height:20px;border-radius:6px;background:linear-gradient(90deg,rgba(44,26,10,0.08) 25%,rgba(44,26,10,0.04) 50%,rgba(44,26,10,0.08) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.pd-skeleton-row:nth-child(2){width:85%}.pd-skeleton-row:nth-child(3){width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.cp-mobile-socials{display:none;align-items:center;justify-content:center;gap:8px;padding:12px 12px 6px;border-top:1px solid rgba(44,26,10,0.1);margin-top:4px}.cp-mobile-social-link{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;font-size:0.8125rem;font-weight:600;color:var(--dark);text-decoration:none;background:rgba(44,26,10,0.05);transition:background 0.15s ease}.cp-mobile-social-link:hover{background:rgba(44,26,10,0.1)}@media (max-width:940px){.cp-mobile-socials{display:flex}}@keyframes cpFloatSlow{0%,100%{transform:translateY(0px)}50%{transform:translateY(-6px)}}@keyframes cpBadgePop{0%{transform:scale(0.5) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}80%{transform:scale(0.95) rotate(-1deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes cpPulseRing{0%{box-shadow:0 0 0 0 rgba(232,128,28,0.4)}70%{box-shadow:0 0 0 10px rgba(232,128,28,0)}100%{box-shadow:0 0 0 0 rgba(232,128,28,0)}}@keyframes cpEmGlow{0%,100%{text-shadow:0 0 18px rgba(232,128,28,0.18)}50%{text-shadow:0 0 32px rgba(232,128,28,0.38)}}@keyframes cpConnRowSlide{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes cpNewsletterFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.btn-hero-pri,.btn-hero-sec{position:relative;overflow:hidden}.btn-hero-pri::after,.btn-hero-sec::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.18) 0%,transparent 65%);pointer-events:none;opacity:0;transition:opacity 0.3s ease}.btn-hero-pri:hover::after,.btn-hero-sec:hover::after{opacity:1}}.cp-dog-card.reveal:nth-child(1){transition-delay:0.00s}.cp-dog-card.reveal:nth-child(2){transition-delay:0.10s}.cp-dog-card.reveal:nth-child(3){transition-delay:0.20s}.cp-dog-card.reveal:nth-child(4){transition-delay:0.30s}@media (hover:hover){.cp-dog-img-wrap{position:relative}.cp-dog-img-wrap::after{content:'';position:absolute;inset:0;border-radius:0;box-shadow:inset 0 0 0 0px rgba(196,147,90,0);transition:box-shadow 0.35s var(--ease);pointer-events:none;z-index:2}.cp-dog-card:hover .cp-dog-img-wrap::after{box-shadow:inset 0 0 0 3px rgba(196,147,90,0.35)}}.cp-dog-cta .cp-cta-arrow{display:inline-block;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}@media (hover:hover){.cp-dog-cta:hover .cp-cta-arrow{transform:translateX(5px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tt-teaser-img-wrap{will-change:transform;transition:transform 0.1s linear}}.tt-teaser-heading em{display:inline;transition:opacity 0.5s 0.35s ease,color 0.3s ease}.tt-teaser-text-r:not(.in) .tt-teaser-heading em{opacity:0}.tt-teaser-text-r.in .tt-teaser-heading em{opacity:1}.cp-newsletter-solo-inner .sec-lbl{opacity:0;animation:none}.cp-newsletter-solo-inner.nl-revealed .sec-lbl{animation:cpNewsletterFadeUp 0.7s 0.00s cubic-bezier(0.16,1,0.3,1) both}.cp-newsletter-solo-inner.nl-revealed .sec-h{animation:cpNewsletterFadeUp 0.7s 0.10s cubic-bezier(0.16,1,0.3,1) both}.cp-newsletter-solo-inner.nl-revealed .cp-newsletter-sub{animation:cpNewsletterFadeUp 0.7s 0.20s cubic-bezier(0.16,1,0.3,1) both}.cp-newsletter-solo-inner.nl-revealed .cp-newsletter-form{animation:cpNewsletterFadeUp 0.7s 0.32s cubic-bezier(0.16,1,0.3,1) both}.cp-newsletter-solo-inner .sec-h,.cp-newsletter-solo-inner .cp-newsletter-sub,.cp-newsletter-solo-inner .cp-newsletter-form{opacity:0}.cp-newsletter-field input[type="email"]:focus{box-shadow:0 0 0 3px rgba(232,128,28,0.2),0 0 0 1px rgba(232,128,28,0.5);border-color:var(--orange);outline:none}@media (prefers-reduced-motion:no-preference){.cp-newsletter-field button.nl-idle-pulse{animation:cpPulseRing 2.2s cubic-bezier(0.34,1,0.64,1) 3}}.cp-newsletter-solo{position:relative;overflow:hidden}.conn-card-visual.in-view .conn-card-row:nth-child(1){animation:cpConnRowSlide 0.5s 0.05s cubic-bezier(0.16,1,0.3,1) both}.conn-card-visual.in-view .conn-card-row:nth-child(2){animation:cpConnRowSlide 0.5s 0.15s cubic-bezier(0.16,1,0.3,1) both}.conn-card-visual.in-view .conn-card-row:nth-child(3){animation:cpConnRowSlide 0.5s 0.25s cubic-bezier(0.16,1,0.3,1) both}.conn-card-visual.in-view .conn-card-row:nth-child(4){animation:cpConnRowSlide 0.5s 0.35s cubic-bezier(0.16,1,0.3,1) both}@media (prefers-reduced-motion:no-preference){.pd-play-btn{animation:cpPulseRing 2.8s cubic-bezier(0.34,1,0.64,1) 3 1s}.pd-play-btn:hover{animation:none}}@media (prefers-reduced-motion:no-preference){.hiw .sec-h em{animation:cpEmGlow 3.5s ease-in-out 3}}.cp-dotw-home-badge.badge-popped{animation:cpBadgePop 0.55s cubic-bezier(0.34,1.56,0.64,1) both}.cp-dotw-home-link .cp-cta-arrow{display:inline-block;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}@media (hover:hover){.cp-dotw-home-link:hover .cp-cta-arrow{transform:translateX(4px)}.cp-dotw-home-link:hover{opacity:1}.cp-community-card--dog:hover{box-shadow:0 16px 48px rgba(196,147,90,0.22),0 4px 12px rgba(44,26,10,0.1);transition:box-shadow 0.35s var(--ease)}}.cp-community-copy.reveal{transition-delay:0s}.cp-community-card.reveal{transition-delay:0.18s}.cp-poll-btn{position:relative;overflow:hidden}.cp-poll-btn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}@media (hover:hover){.cp-poll-btn:not(:disabled):hover::before{transform:scaleY(1)}.cp-poll-btn:not(:disabled):hover{transform:scale(1.018)}}.cp-poll-btn:active:not(:disabled){transform:scale(0.97);transition:transform 0.08s ease}.cp-poll-bar-fill{transition:width 0.75s cubic-bezier(0.22,0.75,0.2,1)}.cp-poll-thanks{opacity:0;transform:translateY(8px);transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.16,1,0.3,1)}.cp-poll-results:not([hidden]) .cp-poll-thanks{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.cp-about-img{animation:cpFloatSlow 7s ease-in-out infinite}}.cp-about-photo{position:relative}.cp-about-photo::before{content:'';position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(ellipse 70% 80% at 50% 55%,rgba(232,128,28,0.14) 0%,transparent 70%);pointer-events:none;z-index:0}.cp-about-img{position:relative;z-index:1}.cp-about-inner-r.in .cp-about-inner p:nth-child(1){animation:cpNewsletterFadeUp 0.7s 0.30s cubic-bezier(0.16,1,0.3,1) both}.cp-about-inner-r.in .cp-about-inner p:nth-child(2){animation:cpNewsletterFadeUp 0.7s 0.44s cubic-bezier(0.16,1,0.3,1) both}.cp-about-inner-r:not(.in) .cp-about-inner p{opacity:0}@media (prefers-reduced-motion:no-preference){.reveal .sec-lbl{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 0.45s 0.05s cubic-bezier(0.16,1,0.3,1),opacity 0.2s 0.05s ease}.reveal.in .sec-lbl{clip-path:inset(0 0% 0 0);opacity:1}}#scrollToTop{transition:opacity 0.4s cubic-bezier(0.34,1.56,0.64,1),transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}@media (prefers-reduced-motion:reduce){.cp-about-img{animation:none}.cp-about-photo::before{animation:none}.pd-play-btn{animation:none}.hiw .sec-h em{animation:none}.cp-wave-inline--sand svg path,.cp-wave-inline--oat svg path{animation:none}.cp-newsletter-solo-inner .sec-lbl,.cp-newsletter-solo-inner .sec-h,.cp-newsletter-solo-inner .cp-newsletter-sub,.cp-newsletter-solo-inner .cp-newsletter-form{opacity:1;animation:none}.reveal .sec-lbl{clip-path:none;opacity:1;transition:none}.cp-poll-thanks{opacity:1;transform:none;transition:none}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.cp-newsletter-field button.nl-idle-pulse{animation:cpPulseRing 2.2s cubic-bezier(0.34,1,0.64,1) 3}}@media (hover:none){.cp-newsletter-field button.nl-idle-pulse{animation:none}}@media (prefers-reduced-motion:no-preference) and (hover:none){.pd-play-btn{animation:none}}.cp-poll-btn{overflow:clip}@media (max-width:768px){.cp-about-img{height:clamp(260px,60vw,340px)}}@media (max-width:480px){.pp-section-nav{justify-content:flex-start;padding-left:4px}}.cp-nav-link:focus-visible{outline:2px solid var(--dark);outline-offset:2px;background:rgba(44,26,10,0.07)}.cp-poll-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(44,26,10,0.35),inset 0 1px 0 rgba(255,255,255,0.55)}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 4px rgba(232,128,28,0.14)}.tt-teaser:focus-visible,.cp-game-card:focus-visible,.hero:focus-visible{outline-color:var(--orange);box-shadow:0 0 0 4px rgba(232,128,28,0.25)}.pd-leader-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,0.04);border-radius:10px;border:1px solid rgba(245,237,216,0.07)}.pd-leader-medal{font-size:1rem;flex-shrink:0}.pd-leader-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.pd-leader-name{font-family:var(--font-serif);font-size:0.9rem;color:var(--cream);flex:1}.pd-leader-pts{font-size:0.8rem;color:var(--orange-lt);font-weight:600}.pd-leader-empty{color:rgba(245,237,216,0.3);font-size:0.8rem;font-style:italic;font-family:var(--font-display)}.cp-game-card .cm-prev{opacity:0}.cp-game-card.in .cm-prev{animation:cellDrop .38s cubic-bezier(.34,1.56,.64,1) both}.cp-game-card.in .cm-prev:nth-child(1){animation-delay:.04s}.cp-game-card.in .cm-prev:nth-child(2){animation-delay:.07s}.cp-game-card.in .cm-prev:nth-child(3){animation-delay:.10s}.cp-game-card.in .cm-prev:nth-child(4){animation-delay:.13s}.cp-game-card.in .cm-prev:nth-child(5){animation-delay:.16s}.cp-game-card.in .cm-prev:nth-child(6){animation-delay:.19s}.cp-game-card.in .cm-prev:nth-child(7){animation-delay:.22s}.cp-game-card.in .cm-prev:nth-child(8){animation-delay:.25s}.cp-game-card.in .cm-prev:nth-child(9){animation-delay:.28s}.cp-game-card.in .cm-prev:nth-child(10){animation-delay:.31s}.cp-game-card.in .cm-prev:nth-child(11){animation-delay:.34s}.cp-game-card.in .cm-prev:nth-child(12){animation-delay:.37s}.cp-game-card.in .cm-prev:nth-child(13){animation-delay:.40s}.cp-game-card.in .cm-prev:nth-child(14){animation-delay:.43s}.cp-game-card.in .cm-prev:nth-child(15){animation-delay:.46s}.cp-game-card.in .cm-prev:nth-child(16){animation-delay:.49s}@media(prefers-reduced-motion:reduce){.cp-game-card .cm-prev{opacity:1;animation:none}}

@media(max-width:768px){.cpv2-visual{flex-direction:column;gap:16px;align-items:center;padding:16px 18px 20px}.cpv2-visual>div:first-child{justify-content:center}}

/* ── Anonymous footer feedback ───────────────────────────── */
.cp-feedback{width:min(100%,620px);margin:0 auto 20px}.cp-footer-support-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(232,128,28,.45);border-radius:999px;background:rgba(232,128,28,.14);color:var(--cream);font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.03em;padding:12px 26px;text-decoration:none;margin-top:14px;transition:background .22s var(--ease),border-color .22s ease,transform .18s var(--ease),box-shadow .22s ease}.cp-footer-support-btn:hover{background:rgba(232,128,28,.26);border-color:rgba(232,128,28,.7);box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translateY(-1px)}.cp-feedback-panel{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .28s var(--ease),opacity .22s ease,transform .22s var(--ease);margin-top:16px}.cp-feedback-panel.is-open{max-height:520px;opacity:1;transform:translateY(0)}.cp-feedback-form{display:block;background:rgba(255,255,255,.06);border:1px solid rgba(245,237,216,.14);border-radius:18px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cp-feedback-title{font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem);font-weight:400;line-height:1.1;color:var(--cream);margin:0 0 6px}.cp-feedback-note{color:rgba(245,237,216,.62);font-size:.86rem;margin:0 0 14px}.cp-feedback-form textarea{width:100%;min-height:118px;resize:vertical;border:1px solid rgba(245,237,216,.22);border-radius:14px;background:rgba(245,237,216,.08);color:var(--cream);font-family:var(--font-body);font-size:1rem;line-height:1.55;padding:14px 15px;outline:none;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.cp-feedback-form textarea::placeholder{color:rgba(245,237,216,.42)}.cp-feedback-form textarea:focus{border-color:var(--orange);background:rgba(245,237,216,.11);box-shadow:0 0 0 4px rgba(232,128,28,.14)}.cp-feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.cp-feedback-submit{border:0;border-radius:999px;background:var(--orange);color:var(--cream);font-family:var(--font-body);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;cursor:pointer;transition:filter .18s ease,transform .15s var(--ease),opacity .18s ease}.cp-feedback-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.cp-feedback-submit:disabled{opacity:.62;cursor:not-allowed;transform:none}.cp-feedback-count{font-size:.76rem;color:rgba(245,237,216,.48);white-space:nowrap}.cp-feedback-status{min-height:1.4em;margin:12px 0 0;color:rgba(245,237,216,.68);font-size:.86rem}.cp-feedback-status--ok{color:#bfe7b3}.cp-feedback-status--error{color:#ffd0b8}.cp-feedback-trap{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}@media (max-width:560px){.cp-feedback-form{padding:16px}.cp-feedback-actions{align-items:flex-start;flex-direction:column}.cp-feedback-submit{width:100%}.cp-feedback-count{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.cp-footer-support-btn,.cp-feedback-panel,.cp-feedback-form textarea,.cp-feedback-submit{transition:none}.cp-footer-support-btn:hover,.cp-feedback-submit:hover{transform:none}}


/* Keep the first mobile visit useful: compact the notice so the hero CTA remains visible. */
@media (max-width:560px){
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px 12px;
    align-items:center;
    padding:11px 12px;
    border-radius:16px;
  }
  .cookie-banner strong{
    font-size:.875rem;
    margin-bottom:1px;
  }
  .cookie-banner p{
    font-size:.7rem;
    line-height:1.35;
  }
  .cookie-actions{
    width:auto;
    align-self:center;
  }
  .cookie-actions button{
    min-height:38px;
    padding:8px 14px;
  }
}

/* Keep the desktop navbar growing with the viewport. The original base rule
   capped it at 900px above the 1180px breakpoint, making wider windows narrower. */
@media (min-width: 1181px) {
  #hdr {
    padding: 0 22px;
  }

  .cp-premium-nav {
    width: min(calc(100vw - 46px), 2180px);
  }
}

/* Pawball Manager homepage preview */
.pb-home-card{
  display:flex;
  flex-direction:column;
  flex:1;
  grid-column:1/-1;
}
.pb-home-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:200px 200px;
  gap:16px;
  padding:10px 34px 34px;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 42%,rgba(232,128,28,.12),transparent 42%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.08));
}
.pb-home-shot{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  padding:5px;
  border:1px solid rgba(245,237,216,.42);
  border-radius:30px;
  background:rgba(245,237,216,.12);
  box-shadow:
    0 18px 34px rgba(13,8,4,.35),
    inset 0 1px 0 rgba(255,255,255,.16);
  isolation:isolate;
}
.pb-home-shot::after{
  content:"";
  position:absolute;
  inset:58% 5px 5px;
  z-index:1;
  border-radius:0 0 24px 24px;
  background:linear-gradient(180deg,transparent,rgba(20,11,5,.62));
  pointer-events:none;
}
.pb-home-shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
  transition:transform .45s ease;
}
.pb-home-shot figcaption{
  position:absolute;
  left:17px;
  right:auto;
  bottom:15px;
  z-index:2;
  max-width:calc(100% - 34px);
  padding:7px 12px;
  border:1px solid rgba(245,237,216,.38);
  border-radius:999px;
  background:rgba(245,237,216,.9);
  color:#2c1a0a;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-family:"DM Sans",sans-serif;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.15;
  box-shadow:0 5px 16px rgba(0,0,0,.2);
}
.pb-home-shot--fixture{grid-column:1;grid-row:1;}
.pb-home-shot--match{grid-column:2;grid-row:1;}
.pb-home-shot--verdict{grid-column:1;grid-row:2;}
.pb-home-shot--tactical{grid-column:2;grid-row:2;}
.pb-home-shot--fixture img{object-position:center 22%;}
.pb-home-shot--match img{object-position:center top;}
.pb-home-shot--verdict img{object-position:center top;}
.pb-home-shot--tactical img{object-position:center top;}
@media (hover:hover){
  .pb-home-shot:hover{z-index:3;}
  .pb-home-shot:hover img{transform:scale(1.018);}
}
@media (max-width:760px){
  .pb-home-gallery{
    grid-template-columns:1fr 1fr;
    grid-template-rows:160px 160px;
    gap:10px;
    padding:6px 17px 24px;
  }
  .pb-home-shot{padding:3px;border-radius:20px;}
  .pb-home-shot img{border-radius:16px;}
  .pb-home-shot::after{inset:55% 3px 3px;border-radius:0 0 16px 16px;}
  .pb-home-shot figcaption{
    left:9px;
    bottom:9px;
    max-width:calc(100% - 18px);
    padding:5px 8px;
    font-size:.58rem;
  }
}
@media (max-width:420px){
  .pb-home-gallery{grid-template-rows:140px 140px;}
}

/* ── My Paws page ─────────────────────────────────────────── */
.my-paws-page{background:var(--sand);color:var(--dark)}
.mp-hero{min-height:680px;padding:150px 80px 90px;background:radial-gradient(circle at 78% 18%,rgba(232,128,28,0.14),transparent 34%),var(--sand);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.mp-hero::after{content:'🐾';position:absolute;right:8%;bottom:8%;font-size:8rem;opacity:.05;transform:rotate(-14deg)}
.mp-hero-inner{max-width:760px;margin:0 auto;position:relative;z-index:1}
.mp-hero h1{font-family:var(--font-display);font-size:clamp(44px,6vw,86px);font-weight:400;line-height:1.02;color:var(--dark);letter-spacing:-.02em;margin-bottom:18px}
.mp-hero h1 em{font-style:italic;color:var(--orange)}
.mp-hero p{max-width:620px;margin:0 auto 30px;font-size:1.05rem;color:rgba(44,26,10,.76)}
.mp-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mp-panel-section{padding:clamp(24px,3vw,36px) 80px var(--section-pad);background:var(--sand)}
.mp-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mp-card{background:var(--cream);border:1px solid rgba(107,85,64,.12);border-radius:28px;padding:32px;box-shadow:var(--shadow)}
.mp-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(232,128,28,.13);font-size:1.5rem;margin-bottom:18px}
.mp-card h2,.mp-note h2{font-family:var(--font-display);font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.08;color:var(--dark);margin-bottom:10px}
.mp-card p,.mp-note p,.mp-profile-copy p{color:rgba(44,26,10,.76)}
.mp-profile-section{padding:var(--section-pad) 80px;background:var(--sand);display:grid;grid-template-columns:minmax(0,420px) minmax(0,560px);gap:58px;align-items:center;justify-content:center}
.mp-profile-copy .sec-h{margin-bottom:16px}
.mp-dog-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px;max-width:600px}
.mp-dog-picker--preview{grid-template-columns:repeat(6,1fr);gap:10px;max-width:100%}
.mp-dog-choice{padding:0;border:none;background:none;cursor:pointer;aspect-ratio:1;border-radius:50%;line-height:0;transition:transform .22s var(--ease)}
.mp-dog-choice img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--cream);border:3px solid transparent;box-shadow:0 3px 12px rgba(44,26,10,.16);transition:border-color .2s,box-shadow .2s}
.mp-dog-choice:hover{transform:translateY(-3px) scale(1.04)}
.mp-dog-choice:hover img,.mp-dog-choice:focus-visible img{border-color:var(--orange);box-shadow:0 8px 22px rgba(232,128,28,.32)}
.mp-dog-choice.is-selected img{border-color:var(--orange);box-shadow:0 8px 22px rgba(232,128,28,.4)}
.mp-account{padding:var(--section-pad) 80px;background:var(--sand)}
.mp-account-inner{max-width:860px;margin:0 auto;background:var(--cream);border-radius:32px;padding:clamp(28px,4vw,48px);box-shadow:var(--shadow-md);border:1px solid rgba(107,85,64,.12)}
.mp-account-inner .sec-h{margin-bottom:24px}
.mp-acct-row{display:flex;gap:24px;align-items:center;margin-bottom:28px;flex-wrap:wrap}
.mp-acct-avatar{width:104px;height:104px;border-radius:50%;flex:none;overflow:hidden;border:4px solid var(--cream);box-shadow:0 6px 20px rgba(44,26,10,.2)}
.mp-acct-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mp-acct-fields{flex:1;min-width:220px}
.mp-acct-label{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:7px}
.mp-acct-input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid rgba(180,140,90,.45);background:#fff;color:var(--dark);font-family:var(--font-body);font-size:1rem;outline:none}
.mp-acct-input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(232,128,28,.14)}
.mp-acct-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.mp-acct-status{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:rgba(44,26,10,.6)}
.mp-acct-status.is-ok{color:#5a7a4a}
.mp-acct-status.is-err{color:#c05030}
.mp-acct-pick-label{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}
.mp-dog-picker--account{max-width:none;grid-template-columns:repeat(7,1fr)}
.mp-acct-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid rgba(107,85,64,.14)}
.mp-acct-foot p{margin:0;font-size:.85rem;color:rgba(44,26,10,.7)}
@media (max-width:900px){.mp-account{padding-left:24px;padding-right:24px}}
@media (max-width:520px){.mp-acct-row{justify-content:center;text-align:center}.mp-acct-foot{justify-content:center;text-align:center}}
.mp-note-section{padding:var(--section-pad) 80px clamp(24px,3vw,36px);background:var(--sand)}
.mp-note{max-width:820px;margin:0 auto;text-align:center;background:var(--cream);border-radius:32px;padding:44px;box-shadow:var(--shadow-md);border:1px solid rgba(107,85,64,.12)}
@media (max-width:900px){.mp-grid,.mp-profile-section{grid-template-columns:1fr}.mp-profile-section{text-align:center}.mp-panel-section,.mp-profile-section,.mp-note-section,.mp-hero{padding-left:24px;padding-right:24px}.mp-dog-picker{max-width:600px;margin:0 auto}}
@media (max-width:520px){.mp-hero{min-height:620px;padding-top:130px}.mp-grid{gap:16px}.mp-card,.mp-note{padding:26px 22px}.mp-dog-picker{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;max-width:400px}}

/* ── My Paws Google sign-in ─────────────────────────────────── */
.mp-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 26px;border-radius:100px;font-family:var(--font-body);font-size:0.9375rem;font-weight:600;letter-spacing:0.02em;color:#3c4043;background:#fff;border:1px solid rgba(60,64,67,0.18);box-shadow:0 2px 10px rgba(44,26,10,0.10);cursor:pointer;transition:box-shadow 0.22s var(--ease),transform 0.15s var(--ease),background 0.2s var(--ease)}
.mp-google-btn:hover{background:#fbfbfb;box-shadow:0 6px 20px rgba(44,26,10,0.16);transform:translateY(-2px)}
.mp-google-btn:active{transform:translateY(0) scale(0.98)}
.mp-google-btn:disabled{opacity:0.6;cursor:default;transform:none;box-shadow:0 2px 10px rgba(44,26,10,0.10)}
.mp-google-btn .mp-g-icon{flex-shrink:0;display:block}
.mp-signedin{display:flex;flex-direction:column;align-items:center;gap:14px}
.mp-signedin-msg{margin:0;font-size:1rem;line-height:1.7;color:rgba(44,26,10,0.82)}
.mp-signedin-msg strong{color:var(--orange);font-weight:600}
.mp-signout{align-self:center}
/* navbar auth chip */
.cp-auth-slot{display:flex;align-items:center}
.cp-auth{position:relative}
.cp-auth-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:rgba(44,26,10,0.06);border:1px solid rgba(180,140,90,0.22);color:var(--dark);font-family:var(--font-body);font-size:0.8rem;font-weight:600;letter-spacing:0.02em;cursor:pointer;max-width:150px;transition:background 0.18s var(--ease)}
.cp-auth-toggle:hover{background:rgba(44,26,10,0.1)}
.cp-auth-dot{width:8px;height:8px;border-radius:50%;background:#5a7a4a;flex-shrink:0}
.cp-auth-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-auth-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--cream);border:1px solid rgba(180,140,90,0.25);border-radius:14px;padding:12px;min-width:172px;box-shadow:0 6px 28px rgba(44,26,10,0.16);z-index:600}
.cp-auth-menu[hidden]{display:none}
.cp-auth-as{display:block;font-size:0.75rem;color:rgba(44,26,10,0.6);line-height:1.5;margin-bottom:10px}
.cp-auth-as strong{color:var(--dark);font-size:0.85rem;font-weight:600;word-break:break-word}
.cp-auth-signout{display:block;width:100%;padding:9px 12px;border-radius:9px;border:none;background:var(--orange);color:var(--cream);font-family:var(--font-body);font-size:0.8125rem;font-weight:600;cursor:pointer;transition:background 0.18s var(--ease)}
.cp-auth-signout:hover{background:#f0922a}
.cp-auth-signin{display:inline-flex;align-items:center;padding:7px 14px;border-radius:99px;color:var(--dark);font-family:var(--font-body);font-size:0.8rem;font-weight:600;letter-spacing:0.02em;border:1px solid rgba(180,140,90,0.3);transition:background 0.18s var(--ease)}
.cp-auth-signin:hover{background:rgba(44,26,10,0.06)}
@media (max-width:940px){.cp-auth-signin{display:none}}


/* v1.5.156 mobile logged-out auth fix */
.cp-mobile-auth-slot{display:none;align-items:center;justify-content:center;padding:10px 12px 4px;margin-top:4px}
.cp-mobile-auth-signin,.cp-mobile-auth-account{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:190px;padding:11px 20px;border-radius:999px;color:var(--dark);background:rgba(44,26,10,0.05);border:1px solid rgba(180,140,90,0.3);font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.02em;text-decoration:none}
@media (max-width:940px){.cp-mobile-auth-slot{display:flex}.cp-premium-links:not(.is-open) .cp-mobile-auth-slot{display:none}}

/* ── Game page nav ─────────────────────────────────────────── */
body.is-game-page{--pw-topbar-h:94px;--cp-topbar-h:86px;--cm-topbar-h:80px;--pp-topbar-h:84px;--pl-topbar-h:86px}

.cp-game-btn-slot{display:flex;align-items:center;gap:6px;justify-self:end}

@media (hover:hover) and (min-width:941px){.cp-nav-link::after{display:none}}
/* Connect Paws: compact spacing so Submit stays on-screen */
body.is-game-page #cp-solved{margin-bottom:2px}
body.is-game-page .cp-oneaway{height:8px;margin-bottom:2px}
body.is-game-page .cp-stat-pill{height:40px}
body.is-game-page .cp-btn{height:40px}
body.is-game-page .cp-main{padding-bottom:8px}
body.is-game-page #cp-timer-row{flex-direction:row;justify-content:center;gap:14px;padding:0 12px}

#lisa-profile{scroll-margin-top:180px;}

/* v1.0.1 - My Paws avatar picker: 5 cols on mobile */
@media (max-width:540px){
  .mp-dog-picker--account{grid-template-columns:repeat(5,1fr);}
}

.cp-guide-section{margin-top:5px;border-top:1px solid rgba(44,26,10,0.12);padding-top:5px;background:transparent;border-radius:0}.cp-guide-label{display:none}


/* ── v3.0.179 - Navbar polish ───────────────────────────────── */

/* 1. Always-present base shadow; stronger on scroll                    */
/*    Gives the pill depth and definition even at page-top              */
.cp-premium-nav {
  box-shadow: 0 2px 14px rgba(44,26,10,0.07);
  border-color: rgba(180,140,90,0.32);
}
.hdr--scrolled .cp-premium-nav {
  box-shadow: 0 6px 28px rgba(44,26,10,0.15);
}

/* 2. Active link: add warm orange tint on desktop (text colour alone   */
/*    is easy to miss; the tint makes the current page obvious)         */
@media (hover:hover) and (min-width:941px) {
  .cp-nav-link[aria-current="page"] {
    background: rgba(232,128,28,0.10);
  }

  /* 3. Restore the orange underline indicator that was disabled.        */
  /*    The animation code already exists in the earlier block;          */
  /*    this simply re-enables the element.                              */
  .cp-nav-link::after {
    display: block;
  }

  /* 4. Slightly stronger hover background (was 0.055, now 0.075)       */
  .cp-nav-link:hover {
    background: rgba(44,26,10,0.075);
  }
}

/* 5. Shared game-navbar icons (moon / streak / trophy) - SINGLE SOURCE
      OF TRUTH for Paw Words, Connect Paws, Paw Logic and Paw Paths.
      The navbar pill is always cream, regardless of each game's own
      light/dark toggle, so these never need a light/dark variant -
      per-game CSS files must not redefine .pw-icon-btn / .pw-streak.
      (v1.5.283 consistency pass - replaces dead .pw-topbar-right-
      prefixed rules and the mismatched .cp-icon-btn/.cp-streak set
      that never matched the shared nav markup.)                      */
.pw-icon-btn {
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(26,15,9,0.10);
  border: 1px solid rgba(26,15,9,0.18);
  color: #2c1a0a;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, transform 0.15s;
  -webkit-tap-highlight-color: transparent;
}
.pw-icon-btn:hover, .pw-icon-btn:active { background: rgba(26,15,9,0.16); transform: scale(1.08); }
.pw-icon-btn:focus-visible { outline: 2px solid #c97a35; outline-offset: 2px; }

.pw-streak {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1px; width: 44px; height: 44px; padding: 0; border-radius: 50%;
  background: rgba(26,15,9,0.10);
  border: 1px solid rgba(26,15,9,0.18);
  color: #2c1a0a;
  font-family: 'Bree Serif', 'DM Sans', sans-serif;
  line-height: 1; box-shadow: none; user-select: none; flex-shrink: 0; cursor: default;
  transition: background 0.2s;
}
.pw-streak-icon { font-size: 18px; display: block; line-height: 0.95; filter: drop-shadow(0 0 5px rgba(232,128,28,0.35)); }
.pw-streak-num { font-size: 14px; font-weight: 700; line-height: 0.95; display: block; margin-top: 0; font-variant-numeric: tabular-nums; color: inherit; }
.pw-streak.is-zero { opacity: 0.62; }
.pw-streak.is-zero .pw-streak-icon { filter: none; }

@media (max-width: 380px) {
  .cp-game-btn-slot .pw-icon-btn, .cp-game-btn-slot .pw-streak { width: 40px; height: 40px; }
  .cp-game-btn-slot .pw-streak-icon { font-size: 16px; }
  .cp-game-btn-slot .pw-streak-num { font-size: 12px; }
}

/* 6. "Follow Us" button: warmer hover / active state                   */
.cp-nav-cta:hover,
.cp-follow-btn[aria-expanded="true"] {
  background: #3d2918;
  box-shadow: 0 4px 16px rgba(44,26,10,0.22);
}

/* 7. Games dropdown "How to Play": simple final row with a divider. */
.cp-guide-section {
  background: transparent;
  border-top-color: rgba(44,26,10,0.12);
}
.cp-guide-label {
  display: none;
}

/* 8. Mobile hamburger: slightly tighter line gap for a crisper button  */
.hamburger {
  gap: 5px;
  padding: 10px 12px;
}

/* 9. Mobile dropdown: tighten close animation - pill to menu gap       */
/*    feels more physically attached                                     */
@media (max-width:940px) {
  .cp-premium-links {
    top: calc(100% + 6px);
  }
  .cp-nav-dropdown:not(.cp-games-dropdown) {
    gap: 5px;
  }
  .cp-mobile-teddy-toggle {
    margin: 0;
    padding: 0;
  }
}


/* ── v1.5.304 - Nav pill: solid cream, no glass effect ───────── */
/*   Reverted the frosted-glass treatment: solid cream keeps text  */
/*   and homepage content from bleeding through behind the navbar. */


/* ── v3.0.181 - Homepage audit fixes ────────────────────────── */

/* 1. Ornament: fix 80px side-padding bug on mobile               */
@media (max-width: 768px) {
  .cp-section-ornament {
    padding: 36px 24px 0;
  }
}

/* 2. Newsletter field: stack earlier to prevent cramped wrapping  */
/*    between 480–560 px where the long button text would squeeze  */
/*    the email input to under 150 px.                             */
@media (max-width: 560px) {
  .cp-newsletter-solo .cp-newsletter-field {
    flex-direction: column;
  }
  .cp-newsletter-solo .cp-newsletter-field button {
    width: 100%;
  }
}


/* ── Mobile nav: logo left · signed-in name centred · hamburger right ── */
@media (max-width:940px) {
  /* Anchor hamburger directly to the right of the nav pill.
     Grid-column alone fails on game pages because the 3 icon buttons
     (~144px) overflow col 3 and push the hamburger into the centre. */
  .hamburger {
    position: absolute;
    right: 13px; /* matches .cp-premium-nav padding-right at ≤940px */
    top: 50%;
    transform: translateY(-50%);
  }
  /* Game controls stay centred on game pages. */
  .cp-game-btn-slot {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
  }
  /* actions div is now fully out of flow; keep gap:0 for tidiness */
  .cp-premium-actions {
    gap: 0;
  }
  /* Restore the signed-in name to the centre of standard-page top bars.
     Signed-out links remain inside the open menu. */
  .cp-auth-slot {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: calc(100% - 150px);
  }
  .cp-auth-slot .cp-auth-toggle {
    max-width: min(180px, calc(100vw - 180px));
    padding: 8px 14px;
    background: transparent;
    border-color: transparent;
    font-size: .9rem;
  }
  .cp-auth-slot .cp-auth-menu {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .cp-auth-signin {
    display: none;
  }
  .cp-mobile-auth-slot {
    display: flex;
  }
  .cp-premium-links:not(.is-open) .cp-mobile-auth-slot {
    display: none;
  }
}

/* Mobile games list: How to Play section fills full width like the other items */
.cp-mobile-games-list .cp-guide-section {
  width: 100%;
}

/* v1.0.342 - Shared dropdown item layout for Games, Pawball and Community navigation. */
.cp-dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
}
.cp-coming-soon {
  display: block;
  margin-top: 2px;
  color: var(--orange);
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.2;
}
.cp-dropdown-section-heading {
  padding: 8px 12px 5px;
  color: var(--orange);
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.cp-nav-dest-disabled {
  align-items: flex-start;
}
.cp-mobile-submenu {
  display: none;
}
@media (max-width: 940px) {
  body.is-game-page .cp-auth-slot,
  body.is-game-page .cp-follow-dropdown {
    display: none;
  }
  .cp-mobile-submenu:not([hidden]) {
    display: flex;
    flex-direction: column;
  }
  .cp-mobile-submenu > a,
  .cp-mobile-submenu > .cp-nav-dest-disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 9px;
    color: var(--dark);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
  }
  .cp-mobile-submenu .cp-dest-info {
    align-items: center;
    text-align: center;
  }
  .cp-mobile-submenu .cp-dropdown-section-heading {
    text-align: center;
  }
}

/* At ≤560px the nav padding-right drops to 11px - keep hamburger aligned */
@media (max-width:560px) {
  .hamburger {
    right: 11px;
  }
}

/* Shared compact mobile navbar - identical shell on standard and game pages. */
@media (max-width:940px) {
  #hdr {
    top: 8px;
    padding: 0 8px;
  }
  .cp-premium-nav {
    width: calc(100vw - 18px);
    min-height: 58px;
    padding: 6px 11px 6px 14px;
    border-radius: 23px;
  }
  .cp-brand-logo {
    width: 44px;
  }
  .cp-brand-logo img,
  .cp-logo-img {
    width: 44px;
    height: 44px;
  }
}

/* Shared daily-game result card (Connect Paws, Paw Logic, Paw Paths). */
.cp-result-overlay{
  position:fixed;
  inset:0;
  z-index:900;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(14,8,3,.58);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.cp-result-overlay[hidden]{display:none}
.cp-result-card{
  position:relative;
  width:min(92vw,380px);
  max-height:90dvh;
  overflow-y:auto;
  padding:28px 24px 24px;
  border:1.5px solid rgba(255,210,140,.22);
  border-radius:24px;
  background:linear-gradient(160deg,#2e1a0c,#1e1008);
  box-shadow:0 22px 70px rgba(0,0,0,.45);
  text-align:center;
}
.cp-result-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  display:flex;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:rgba(245,237,216,.68);
  cursor:pointer;
  font-size:14px;
}
.cp-result-close::before{
  content:'';
  position:absolute;
  width:30px;
  height:30px;
  border:1px solid rgba(255,210,140,.20);
  border-radius:50%;
  background:rgba(255,210,140,.10);
}
.cp-result-close span{position:relative;z-index:1}
.cp-result-close:hover{color:var(--cream)}
.cp-result-close:hover::before{background:rgba(255,210,140,.20)}
.cp-result-avatar{
  width:76px;
  height:76px;
  margin:0 auto 10px;
  overflow:hidden;
  border:3px solid rgba(232,128,28,.72);
  border-radius:50%;
  background:var(--cream);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.cp-result-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.cp-result-title{
  margin:0 0 4px;
  color:var(--cream);
  font-family:var(--font-serif);
  font-size:26px;
  line-height:1.15;
}
.cp-result-kicker{
  color:var(--orange-lt);
  font-family:var(--font-serif);
  font-size:20px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
}
.cp-result-summary{
  margin:5px 0 16px;
  color:rgba(245,237,216,.68);
  font-size:13px;
  line-height:1.5;
}
.cp-result-stats{display:flex;justify-content:center;gap:28px;margin-bottom:18px}
.cp-result-stat{min-width:60px;text-align:center}
.cp-result-stat strong{
  display:block;
  color:var(--cream);
  font-family:var(--font-serif);
  font-size:28px;
  line-height:1;
}
.cp-result-stat span{
  display:block;
  margin-top:5px;
  color:rgba(245,237,216,.58);
  font-size:10px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.cp-result-action{
  display:block;
  width:100%;
  padding:14px 20px;
  border:0;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  box-shadow:0 6px 18px rgba(232,128,28,.28);
  cursor:pointer;
  font-family:var(--font-body);
  font-size:15px;
  font-weight:700;
}
.cp-result-action:hover{background:#f0922a;box-shadow:0 9px 24px rgba(232,128,28,.36)}
.cp-result-secondary{
  display:block;
  width:100%;
  margin-top:8px;
  padding:10px;
  border:0;
  background:transparent;
  color:rgba(245,237,216,.68);
  cursor:pointer;
  font-family:var(--font-body);
  font-size:13px;
  text-decoration:underline;
}
.cp-result-countdown{margin-top:12px}
.cp-result-countdown span{
  display:block;
  margin-bottom:4px;
  color:rgba(245,237,216,.58);
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}
.cp-result-countdown strong{
  color:var(--cream);
  font-family:var(--font-serif);
  font-size:22px;
}
body.light .cp-result-overlay,
body.pp-light .cp-result-overlay{background:rgba(245,237,216,.28)}
body.light .cp-result-card,
body.pp-light .cp-result-card{
  background:
    linear-gradient(160deg,rgba(253,245,228,.90),rgba(245,237,216,.84)),
    url('images/game-wallpaper.webp') center/cover;
  border-color:rgba(26,15,9,.16);
  box-shadow:0 18px 60px rgba(80,45,12,.18);
}
body.light .cp-result-title,
body.light .cp-result-stat strong,
body.light .cp-result-countdown strong,
body.pp-light .cp-result-title,
body.pp-light .cp-result-stat strong,
body.pp-light .cp-result-countdown strong{color:#1a0f09}
body.light .cp-result-kicker,
body.pp-light .cp-result-kicker{color:#b85f00}
body.light .cp-result-close,
body.pp-light .cp-result-close{color:rgba(44,26,10,.68)}
body.light .cp-result-close::before,
body.pp-light .cp-result-close::before{
  border-color:rgba(44,26,10,.16);
  background:rgba(44,26,10,.07);
}
body.light .cp-result-close:hover,
body.pp-light .cp-result-close:hover{color:#1a0f09}
body.light .cp-result-close:hover::before,
body.pp-light .cp-result-close:hover::before{background:rgba(44,26,10,.13)}
body.light .cp-result-summary,
body.light .cp-result-stat span,
body.light .cp-result-countdown span,
body.pp-light .cp-result-summary,
body.pp-light .cp-result-stat span,
body.pp-light .cp-result-countdown span{color:rgba(44,26,10,.62)}
/* ── Photo hero ── */
.my-paws-page .mp-hero {
  position: relative;
  height: clamp(420px, 56vw, 580px);
  min-height: 0;
  padding: 0;
  background: var(--dark);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.mp-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 60%;
  display: block;
  animation: ttImgZoom 22s ease-out forwards;
  transform-origin: center center;
}
.mp-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(10,6,2,0.06) 0%, rgba(10,6,2,0.28) 50%, rgba(10,6,2,0.72) 100%);
}
/* Hide the guest hero text/button until JS has actually confirmed the
   sign-in state, so returning signed-in users don't see it flash on
   then get swapped for the "Welcome back" version a moment later. */
.my-paws-page:not(.cp-auth-ready) #mp-hero-guest,
.my-paws-page:not(.cp-auth-ready) #mp-actions{visibility:hidden}
.my-paws-page .mp-hero .mp-hero-inner {
  position: relative;
  z-index: 1;
  padding: clamp(80px, 14vw, 160px) clamp(20px, 6vw, 48px) clamp(40px, 5vw, 60px);
  width: 100%;
  max-width: 760px;
  align-self: flex-end;
  margin: 0 auto;
}
.my-paws-page .mp-hero .sec-lbl {
  color: var(--cream);
  font-size: 0.9rem;
  letter-spacing: 0.32em;
  text-shadow: 0 1px 8px rgba(0,0,0,0.7), 0 2px 16px rgba(0,0,0,0.5);
}
.my-paws-page .mp-hero h1 {
  color: var(--cream);
  text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}
.my-paws-page .mp-hero h1 em {
  color: var(--orange);
  text-shadow: 0 2px 8px rgba(0,0,0,0.8), 0 4px 24px rgba(0,0,0,0.6);
}
.my-paws-page .mp-hero p {
  color: rgba(255,248,230,0.90);
  text-shadow: 0 1px 10px rgba(0,0,0,0.65);
  margin-bottom: 24px;
}
.mp-stats{background:var(--sand);padding:32px 24px 56px}
.mp-stats-inner{max-width:900px;margin:0 auto}
@keyframes mpSpin{to{transform:rotate(360deg)}}
.mp-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.mp-game-box,.mp-crossgame-box{background:var(--cream);border:1px solid rgba(107,85,64,.12);border-radius:18px;padding:22px 20px;box-shadow:var(--shadow)}
.mp-crossgame-box{margin-top:16px}
.mp-game-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mp-game-icon-lbl{font-size:20px;flex-shrink:0}
a.mp-game-name-lbl{font-family:'Bree Serif',Georgia,serif;font-size:1rem;color:var(--dark);text-decoration:none;transition:color .15s}
a.mp-game-name-lbl:hover{color:#E8801C}
span.mp-game-name-lbl{font-family:'Bree Serif',Georgia,serif;font-size:1rem;color:var(--dark)}
.mp-sec-lbl-inner{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(232,128,28,.75);font-family:'DM Sans',system-ui,sans-serif;display:block;margin:10px 0 5px}
.mp-sec-lbl-inner:first-child{margin-top:0}
.mpg-divider{height:1px;background:rgba(107,85,64,.14);margin:12px 0}
.mpg-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;gap:8px}
.mpg-label{font-family:'DM Sans',system-ui,sans-serif;font-size:.8rem;color:rgba(44,26,10,.55);flex-shrink:0}
.mpg-val{font-family:'DM Sans',system-ui,sans-serif;font-size:.85rem;font-weight:600;color:var(--dark);text-align:right}
.mpg-val.hi{color:#E8801C}
.mpg-loading{color:rgba(44,26,10,.35);font-family:'DM Sans',system-ui,sans-serif;font-size:.82rem;padding:4px 0}
.mp-dist{margin-top:14px;display:flex;flex-direction:column;gap:5px}
.mp-dist-row{display:flex;align-items:center;gap:7px}
.mp-dist-n{width:10px;text-align:right;color:rgba(44,26,10,.4);font-family:'DM Sans',system-ui,sans-serif;font-size:.72rem;flex-shrink:0}
.mp-dist-track{flex:1;height:9px;background:rgba(107,85,64,.12);border-radius:5px;overflow:hidden}
.mp-dist-fill{height:100%;background:#E8801C;border-radius:5px;min-width:2px}
.mp-dist-count{width:22px;color:rgba(44,26,10,.45);font-family:'DM Sans',system-ui,sans-serif;font-size:.7rem}
.mp-crossgame-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:4px}
.mp-cg-item{display:flex;flex-direction:column;gap:5px}
.mp-cg-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(44,26,10,.45);font-family:'DM Sans',system-ui,sans-serif}
.mp-cg-val{font-family:'DM Sans',system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--dark)}
@media(max-width:700px){.mp-game-grid{grid-template-columns:1fr;gap:12px}.mp-crossgame-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mp-crossgame-grid>:last-child{grid-column:1 / -1}}

.my-paws-page #mp-account:not([hidden]),
.my-paws-page #mp-stats:not([hidden]),
.my-paws-page #mp-guest:not([hidden]){display:block}
.my-paws-page #mp-account:not([hidden]) .reveal,
.my-paws-page #mp-stats:not([hidden]) .reveal,
.my-paws-page #mp-guest:not([hidden]) .reveal,
.my-paws-page .mp-hero .reveal{opacity:1;transform:none}

.mp-stats-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.mp-stats-head .sec-lbl{margin-bottom:0}
.mp-refresh-btn{background:none;border:none;cursor:pointer;color:rgba(232,128,28,.7);font-size:14px;padding:9px 14px;min-height:38px;border-radius:999px;transition:color .2s,background .2s;font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.mp-refresh-btn:hover{color:var(--orange);background:rgba(232,128,28,.08)}
.mp-signin-error{margin-top:2px}

/* Hero sizing - desktop vs mobile, signed-out vs signed-in.
   One rule per breakpoint/state, ordered so the more specific or
   later-declared rule wins normally. No !important needed: this
   replaces the old v1.5.156 / v1.5.160 / v1.5.171 / v1.5.174 / v1.5.190
   patch stack, which had drifted into fighting itself with !important. */
@media (min-width:701px){
  .my-paws-page:not(.mp-signed-in) .mp-hero{
    height: max(clamp(520px,56vw,680px), 62vh);
    align-items: center;
  }
  .my-paws-page:not(.mp-signed-in) .mp-hero .mp-hero-inner{
    align-self: auto;
    padding-top: clamp(100px,10vh,160px);
    padding-bottom: clamp(80px,8vh,130px);
    transform: none;
  }
  /* Signed-in: shorter hero (base height applies), centred, symmetric padding */
  .my-paws-page.mp-signed-in .mp-hero{
    align-items: center;
  }
  .my-paws-page.mp-signed-in .mp-hero .mp-hero-inner{
    align-self: center;
    padding-top: clamp(100px,9vw,160px);
    padding-bottom: clamp(100px,9vw,160px);
    transform: none;
  }
}
@media (max-width:700px){
  .my-paws-page .mp-hero{
    height: auto;
    min-height: 700px;
    align-items: center;
  }
  .my-paws-page .mp-hero .mp-hero-inner{
    align-self: center;
    padding: 100px 22px 80px;
    transform: none;
  }
  .my-paws-page .mp-hero h1{ font-size: clamp(43px,13vw,62px); line-height: 1.04; }
  .my-paws-page .mp-hero p{ font-size: 1rem; line-height: 1.72; margin-bottom: 22px; }
  .my-paws-page.mp-signed-in .mp-hero .mp-hero-inner{
    padding: 92px 22px 82px;
    transform: none;
  }
}
@media (max-width:420px){
  .my-paws-page .mp-hero{ min-height: 690px; }
  .my-paws-page .mp-hero .mp-hero-inner{
    padding-top: 92px;
    padding-bottom: 74px;
    transform: none;
  }
  .my-paws-page .mp-hero h1{ font-size: clamp(38px,12vw,52px); }
  .my-paws-page.mp-signed-in .mp-hero .mp-hero-inner{
    padding-top: 84px;
    padding-bottom: 78px;
    transform: none;
  }
}

/* ── Merge Paws tile drop-in (matches word-game cellDrop pattern) ── */
.cp-game-card .mp-prev{opacity:0}
.cp-game-card.in .mp-prev{animation:cellDrop .3s cubic-bezier(.34,1.56,.64,1) both}
.cp-game-card.in .mp-prev:nth-child(1){animation-delay:0s}
.cp-game-card.in .mp-prev:nth-child(2){animation-delay:0.06s}
.cp-game-card.in .mp-prev:nth-child(3){animation-delay:0.12s}
.cp-game-card.in .mp-prev:nth-child(4){animation-delay:0.18s}
.cp-game-card.in .mp-prev:nth-child(5){animation-delay:0.24s}
.cp-game-card.in .mp-prev:nth-child(6){animation-delay:0.30s}
.cp-game-card.in .mp-prev:nth-child(7){animation-delay:0.36s}
.cp-game-card.in .mp-prev:nth-child(8){animation-delay:0.42s}
.cp-game-card.in .mp-prev:nth-child(9){animation-delay:0.48s}
.cp-game-card.in .mp-prev:nth-child(10){animation-delay:0.54s}
.cp-game-card.in .mp-prev:nth-child(11){animation-delay:0.60s}
.cp-game-card.in .mp-prev:nth-child(12){animation-delay:0.66s}
.cp-game-card.in .mp-prev:nth-child(13){animation-delay:0.72s}
.cp-game-card.in .mp-prev:nth-child(14){animation-delay:0.78s}
.cp-game-card.in .mp-prev:nth-child(15){animation-delay:0.84s}
.cp-game-card.in .mp-prev:nth-child(16){animation-delay:0.90s}
@media(prefers-reduced-motion:reduce){.cp-game-card .mp-prev{opacity:1;animation:none}}

/* ── Paw Paths preview frame fade-up on scroll ── */
.cp-pawpaths-preview-frame{opacity:0}
.cp-game-card.in .cp-pawpaths-preview-frame{animation:cellDrop .9s .3s cubic-bezier(.34,1.56,.64,1) both}
@media(prefers-reduced-motion:reduce){.cp-pawpaths-preview-frame{opacity:1;animation:none}}

/* ── Pawball Manager shots staggered fade-up ── */
.pb-home-shot{opacity:0}
.pb-home-card.in .pb-home-shot{animation:cellDrop .3s cubic-bezier(.34,1.56,.64,1) both}
.pb-home-card.in .pb-home-shot:nth-child(1){animation-delay:0s}
.pb-home-card.in .pb-home-shot:nth-child(2){animation-delay:0.30s}
.pb-home-card.in .pb-home-shot:nth-child(3){animation-delay:0.60s}
.pb-home-card.in .pb-home-shot:nth-child(4){animation-delay:0.90s}
@media(prefers-reduced-motion:reduce){.pb-home-shot{opacity:1;animation:none}}

/* Official text wordmark beside the existing paw logo. */
.cp-brand-logo,
.logo-group {
  display: inline-flex;
  align-items: center;
  gap: 23px;
  width: auto;
  min-width: 0;
  color: var(--dark);
  flex-shrink: 0;
}

.logo-wordmark {
  font-family: var(--font-body);
  font-weight: 800;
  -webkit-text-stroke: 0.3px currentColor;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--dark);
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
}

@media (min-width: 941px) {
  .cp-premium-links {
    gap: 14px;
  }
}

@media (max-width: 940px) {
  .cp-brand-logo,
  .logo-group {
    gap: 19px;
  }

  .logo-wordmark {
    position: static;
    transform: none;
    z-index: auto;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    max-width: calc(100vw - 178px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cp-auth-slot {
    display: none;
  }

  .cp-game-btn-slot {
    left: auto;
    right: 61px;
    transform: translateY(-50%);
    gap: 4px;
    z-index: 2;
  }
}

@media (max-width: 560px) {
  .cp-game-btn-slot {
    right: 56px;
  }
}

@media (max-width: 430px) {
  .cp-game-btn-slot .pw-icon-btn {
    display: none;
  }

  .cp-game-btn-slot .pw-streak {
    width: 36px;
    height: 36px;
  }

  .cp-game-btn-slot .pw-streak-icon {
    font-size: 15px;
  }

  .cp-game-btn-slot .pw-streak-num {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .logo-wordmark {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    max-width: calc(100vw - 160px);
  }

  .cp-game-btn-slot {
    right: 52px;
  }
}


/* v1.0.293 mobile game-nav fix after logo wordmark update
   Keep the streak, leaderboard and theme/help buttons visible on phones. */
@media (max-width: 560px) {
  body.is-game-page .logo-wordmark {
    display: none;
  }
  body.is-game-page .cp-game-btn-slot {
    right: 56px;
    gap: 4px;
  }
  body.is-game-page .cp-game-btn-slot .pw-icon-btn,
  body.is-game-page .cp-game-btn-slot .pw-streak {
    width: 38px;
    height: 38px;
  }
  body.is-game-page .cp-game-btn-slot .pw-icon-btn svg {
    width: 18px;
    height: 18px;
  }
  body.is-game-page .cp-game-btn-slot .pw-streak-icon {
    font-size: 15px;
  }
  body.is-game-page .cp-game-btn-slot .pw-streak-num {
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  body.is-game-page .cp-game-btn-slot .pw-icon-btn {
    display: flex;
  }
}

@media (max-width: 360px) {
  body.is-game-page .cp-game-btn-slot {
    right: 52px;
    gap: 3px;
  }
  body.is-game-page .cp-game-btn-slot .pw-icon-btn,
  body.is-game-page .cp-game-btn-slot .pw-streak {
    width: 35px;
    height: 35px;
  }
}

/* v1.0.295 mobile game-nav logo balance
   Keep the game controls visible while matching the standard mobile logo more closely. */
@media (max-width: 560px) {
  body.is-game-page .logo-wordmark {
    display: inline-block;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.is-game-page .cp-brand-logo,
  body.is-game-page .logo-group {
    gap: 15px;
  }
}

@media (max-width: 390px) {
  body.is-game-page .logo-wordmark {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    max-width: 112px;
  }
}

@media (max-width: 365px) {
  body.is-game-page .logo-wordmark {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    max-width: 98px;
  }
}

@media (max-width: 340px) {
  body.is-game-page .logo-wordmark {
    display: none;
  }
}

/* v1.0.348 — refine monogram scale and wordmark spacing without changing the navbar shell. */
/* v1.0.349 — monogram scaled down 5% (1.49 -> 1.415) to balance against heavier wordmark. */
.cp-logo-img {
  transform: scale(1.415);
  transform-origin: center;
}

.cp-footer-logo {
  width: 82px;
  height: 82px;
  object-fit: contain;
}

@media (max-width: 940px) {
  .cp-logo-img {
    transform: scale(1.359);
  }
}

/* v1.0.347 — keep the enlarged navbar scale throughout the intentional wobble. */
@keyframes cpLogoWagLarge {
  0% { transform: scale(1.415) rotate(0deg); }
  20% { transform: scale(1.415) rotate(-10deg); }
  40% { transform: scale(1.415) rotate(10deg); }
  60% { transform: scale(1.415) rotate(-7deg); }
  80% { transform: scale(1.415) rotate(5deg); }
  100% { transform: scale(1.415) rotate(0deg); }
}

@media (hover: hover) {
  .cp-brand-logo:hover .cp-logo-img {
    animation: cpLogoWagLarge 0.55s ease both;
  }
}

@keyframes cpLogoWagLargeMobile {
  0% { transform: scale(1.359) rotate(0deg); }
  20% { transform: scale(1.359) rotate(-10deg); }
  40% { transform: scale(1.359) rotate(10deg); }
  60% { transform: scale(1.359) rotate(-7deg); }
  80% { transform: scale(1.359) rotate(5deg); }
  100% { transform: scale(1.359) rotate(0deg); }
}

@media (hover: hover) and (max-width: 940px) {
  .cp-brand-logo:hover .cp-logo-img {
    animation-name: cpLogoWagLargeMobile;
  }
}

.pd-home-visual {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px 20px;
  min-height: 230px;
}

.pd-home-visual .pd-grid {
  max-width: 236px;
}

@media (max-width: 768px) {
  .pd-home-visual {
    padding: 16px 18px 20px;
    min-height: 220px;
  }
}

body.homepage .hero-body {
  max-width: min(960px, calc(100vw - 120px));
  padding-left: clamp(64px, 7vw, 112px);
  padding-bottom: clamp(108px, 13vh, 150px);
}

body.homepage .hero h1 {
  max-width: 880px;
  font-size: clamp(54px, 6.1vw, 86px);
  line-height: 0.94;
  margin-bottom: 20px;
}

body.homepage .hero-sub {
  max-width: 430px;
  margin-bottom: 34px;
}

@media (max-width: 1024px) {
  body.homepage .hero-body {
    max-width: min(820px, calc(100vw - 80px));
    padding-left: 48px;
    padding-bottom: 78px;
  }

  body.homepage .hero h1 {
    font-size: clamp(50px, 7.2vw, 76px);
  }
}

@media (max-width: 768px) {
  body.homepage .hero-body {
    max-width: none;
    padding: 96px 26px 48px;
  }

  body.homepage .hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 12vw, 64px);
    line-height: 0.98;
    margin-bottom: 16px;
  }

  body.homepage .hero-sub {
    max-width: 100%;
    margin-bottom: 32px;
  }
}

/* v1.0.296 wordmark tuning across all navbars
   Slightly bolder and tighter so the text feels more confident without widening the header. */
.logo-wordmark {
  font-weight: 800;
  letter-spacing: 0.17em;
  font-size: 0.94rem;
}

@media (max-width: 940px) {
  .logo-wordmark {
    font-size: 0.84rem;
    letter-spacing: 0.105em;
    max-width: calc(100vw - 170px);
  }
}

@media (max-width: 560px) {
  body.is-game-page .logo-wordmark {
    display: inline-block;
    font-size: 0.84rem;
    letter-spacing: 0.065em;
    max-width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 390px) {
  body.is-game-page .logo-wordmark {
    font-size: 0.82rem;
    letter-spacing: 0.055em;
    max-width: 130px;
  }
}

@media (max-width: 365px) {
  body.is-game-page .logo-wordmark {
    font-size: 0.76rem;
    letter-spacing: 0.045em;
    max-width: 112px;
  }
}

@media (max-width: 340px) {
  body.is-game-page .logo-wordmark {
    display: none;
  }
}