/* Flat, legible and playful. The character is the focal point. */
.game-page{max-width:100%;padding:8px 0 30px}.game-title{margin:28px 0 24px}.game-title h1{font-size:32px;letter-spacing:-1px;margin:7px 0}.game-title p{color:#77818a;font-size:16px;margin:0}.game-nav{display:flex;gap:6px;border-bottom:2px solid #eef0f0;overflow:auto;scrollbar-width:none}.game-nav a{white-space:nowrap;padding:13px 15px;font-size:14px;font-weight:900;color:#8b9299;border-bottom:4px solid transparent}.game-nav a[aria-current]{color:#48a902;border-color:#58cc02}.game-icon{vertical-align:middle;flex:none;display:inline-block}.wallet{display:flex;align-items:center;justify-content:center;gap:7px;font-size:23px;font-weight:900}.wallet span{font-size:13px;color:#8a8580;font-weight:700}.wallet b{font-weight:900}.pet-profile{display:grid;grid-template-columns:45% 55%;border:2px solid #e8eaea;border-bottom-width:5px;border-radius:26px;overflow:hidden;background:#fff}.pet-backdrop{position:relative;min-width:0;padding:5px 10px 35px;background:#fff6e6;isolation:isolate}.pet-stage{position:relative;width:100%;aspect-ratio:4/5;max-height:410px;isolation:isolate;overflow:hidden;border-radius:22px}.pet-art{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.pet-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}.wearable{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.photo-pet .pet-art{object-fit:cover;mix-blend-mode:normal;border-radius:20px}.pet-tag{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;border:2px solid #f0e2c6;border-bottom-width:4px;padding:7px 14px;border-radius:14px;font-size:11px;white-space:nowrap;font-weight:900;color:#a87c2e;display:flex;align-items:center;gap:5px}.pet-bio{padding:32px 22px;align-self:center}.pet-bio h2{font-size:38px;line-height:1.1;margin:14px 0 7px;overflow-wrap:anywhere}.pet-bio>p{color:#8d9296;font-size:15px}.pet-bio .btn{width:100%;margin-top:12px;font-size:12px;letter-spacing:.5px}.profile-health{display:block;margin-top:19px;font-size:12px;font-weight:900;color:#48aabf;text-align:center}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:22px 0}.profile-metrics>span{display:flex;flex-direction:column;align-items:center;gap:3px}.profile-metrics b{font-size:21px}.profile-metrics small{font-size:10px;color:#94999e;font-weight:800;text-align:center}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.game-card{border:2px solid #e8eaea;border-radius:22px;padding:23px;background:#fff}.game-card h2{font-size:19px;margin:0 0 16px}.game-card p{color:#808b91;line-height:1.6;font-size:14px}.game-card label{display:block;font-size:12px;font-weight:900;margin:16px 0 6px;color:#77818b}.game-card .in{width:100%;box-sizing:border-box}.game-card form button{width:100%;margin-top:18px}.duo-card{text-align:center}.duo-card img{height:140px;width:140px;object-fit:contain;mix-blend-mode:multiply}.game-footnote{font-size:11px;line-height:1.7;color:#8a9299;text-align:center;padding:5px 20px}.avatar-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.avatar-option{border:2px solid #e7eaea;border-bottom-width:4px;background:#fff;border-radius:18px;overflow:hidden;padding:8px;cursor:pointer}.avatar-option.selected{border-color:#58cc02;background:#f2fce9}.avatar-option img{width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply}.avatar-option b{display:block;font-size:12px;color:#5d6268}.upload-label{position:relative;display:block;text-align:center;cursor:pointer}.upload-label input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.shop-layout{display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:start}.shop-preview{position:sticky;top:90px;background:#fff8ec;border:2px solid #eee7dc;border-radius:24px;text-align:center;padding:10px 12px 20px}.shop-preview .pet-stage{max-height:265px}.shop-preview>p{font-size:12px;color:#8c8479;font-weight:800;line-height:1.5}.shop-preview .btn{font-size:10px;width:100%;margin-top:13px}.shop-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.shop-filters button,.quest-tabs button{padding:8px 12px;background:#fff;border:2px solid #e7eaec;border-radius:12px;color:#8a9098;font-weight:900;font-size:11px;cursor:pointer}.shop-filters button.selected,.quest-tabs button.selected{background:#f0fbe8;color:#4b9e15;border-color:#80cb4a}.shop-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shop-item{display:flex;flex-direction:column;align-items:center;border:2px solid #e7eaec;border-bottom-width:4px;border-radius:20px;padding:12px;background:#fff;text-align:center;min-width:0}.shop-item.is-equipped{border-color:#8dcf64}.item-preview{width:100%;height:100px;border:0;border-radius:12px;background:#f8f9f8;display:flex;align-items:center;justify-content:center;cursor:pointer}.item-drawing{width:100%;height:90px;display:block}.shop-item h3{font-size:13px;line-height:1.3;min-height:34px;margin:8px 0 10px;color:#535e66}.shop-item>small{font-size:8px;letter-spacing:.8px;font-weight:900;color:#a0a5aa;margin-top:13px}.shop-item .btn{width:100%;font-size:11px;gap:5px;min-height:38px;padding:9px;display:flex;align-items:center;justify-content:center;margin-top:auto}.shop-item .small{font-size:10px;line-height:1.5;color:#8a9299;margin-bottom:0}.shop-item .btn:disabled{background:#edf0f1;color:#9a9fa2;box-shadow:0 3px 0 #dce0e2;border-color:#dce0e2;cursor:default;opacity:1}.shop-item .btn:disabled .game-icon{filter:grayscale(.8);opacity:.6}.scene-thumb{position:relative;width:96px;height:85px;overflow:hidden;border-radius:12px}.scene-thumb .pet-scene{position:static;width:100%;height:100%;object-fit:cover}.text-button{background:none;border:0;padding:8px 0;color:#46a5bc;font-size:11px;font-weight:900;cursor:pointer}.unequip-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.game-empty{text-align:center;padding:25px;grid-column:1/-1}.game-empty img{height:150px}.game-empty p{font-size:13px;color:#888}.quest-hero{display:flex;align-items:center;background:#fff7e8;border:2px solid #f4e8d2;border-radius:24px;padding:25px 10px 25px 25px;overflow:hidden;gap:5px}.quest-hero>div{flex:1;min-width:0}.quest-hero h2{font-size:26px;line-height:1.2;margin:17px 0 10px;letter-spacing:-.5px}.quest-hero p{font-size:13px;color:#9c8e75;line-height:1.6}.quest-hero>img{width:36%;max-height:235px;object-fit:contain;mix-blend-mode:multiply}.quest-hero .wallet{justify-content:flex-start;font-size:19px}.pill.gold{display:inline-flex;align-items:center;gap:5px;font-size:9px;background:#fff0bf;color:#b28521;padding:6px 9px}.quest-tabs{display:flex;gap:8px;margin:25px 0 18px}.quest-tabs button{flex:1;padding:12px 8px}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-card{border:2px solid #e6e9e9;border-bottom-width:4px;border-radius:19px;padding:19px 16px;display:flex;align-items:center;gap:16px;background:#fff}.quest-card.claimed{background:#f7fcf3;border-color:#d9ebcc}.quest-content{flex:1;min-width:0}.quest-content h3{font-size:15px;margin:0 0 5px}.quest-content p{font-size:12px;line-height:1.5;color:#8c959a;margin:0 0 10px}.quest-content small{font-size:10px;font-weight:900;color:#939aa0}.quest-meter{height:10px;background:#eef1ee;border-radius:20px;overflow:hidden;margin:8px 0}.quest-meter i{height:100%;background:#78cd35;display:block;border-radius:20px;box-shadow:inset 0 3px 0 #93de51;transition:width .35s}.quest-reward{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:100px;flex:none}.quest-reward .btn,.quest-reward a,.claimed-label{width:100%;text-align:center;margin-top:6px}.quest-reward .btn{font-size:9px;padding:9px 5px}.claimed-label{font-size:9px;letter-spacing:.5px;color:#7dad5c;font-weight:900}.streak-card{display:flex;flex-direction:column}.streak-card>img{height:115px;align-self:center;mix-blend-mode:multiply}.streak-card h2{font-size:18px}.streak-card b{font-size:12px;color:#65b6d0}.game-settings input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#58cc02;margin-right:8px}.game-settings select{max-width:300px}.collection-hero{display:flex;align-items:center;gap:25px;border:2px solid #eae3f6;border-radius:24px;background:#f5f1fc;padding:20px;margin-bottom:28px}.collection-hero>img{width:38%;max-height:220px;object-fit:contain;mix-blend-mode:multiply}.collection-hero h2{font-size:25px;line-height:1.1;margin:15px 0}.collection-hero p{font-size:13px;color:#94859f}.collection-hero .btn{font-size:11px;margin-top:16px}.collection-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.collection-item{padding:15px 10px;border:2px dashed #e5e7e9;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;filter:grayscale(1);opacity:.55;text-align:center}.collection-item.unlocked{border-style:solid;border-color:#cfe6bc;background:#f7fcf2;filter:none;opacity:1}.collection-item b{font-size:11px;margin-top:10px}.collection-item small{font-size:8px;margin-top:6px;color:#8c9299;font-weight:900}.purchase-confirm{text-align:center;padding:10px}.purchase-confirm>.item-drawing,.purchase-confirm>.game-icon{height:130px;max-width:220px;margin:10px auto}.purchase-confirm>.scene-thumb{margin:10px auto;width:180px;height:135px}.purchase-confirm p{color:#8b9499;font-size:14px}.purchase-confirm .btn{display:flex;justify-content:center;width:100%;margin-top:15px}.purchase-confirm .small{font-size:11px}.pet-small{width:60px;height:65px;aspect-ratio:auto;flex:none;border-radius:12px}.pet-small .pet-art{object-fit:cover;object-position:top;height:90px}.pet-small .wearable{height:80px;top:-2px}.game-mini{overflow:hidden}.game-mini .pet-small{width:34px;height:34px}.game-mini .pet-art{height:49px}.game-mini .wearable{height:49px}.club-stats .game-mini{padding:0}.context-sprite{width:95px;height:110px;object-fit:contain;mix-blend-mode:multiply;margin-left:auto}.section-title:has(.context-sprite){display:flex;align-items:center}.daily-game-teaser{display:flex;gap:15px;align-items:center;padding:18px 22px;margin:18px 0 24px;border:2px solid #ece8da;border-bottom-width:4px;border-radius:19px;background:#fffdf5;color:#726649}.daily-game-teaser b{display:block;font-size:15px}.daily-game-teaser small{display:block;font-size:11px;color:#a3987d;margin-top:4px}.game-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.welcome-dog,.wordmark img,.mobile-brand img,.boot img,.onboarding>img,.about-club img,.demo-scene>img{mix-blend-mode:multiply;object-fit:contain}.wordmark img,.mobile-brand img{object-fit:cover;object-position:top}.reward-party{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.reward-party i{position:absolute;top:-20px;left:var(--x);width:12px;height:18px;border-radius:3px;background:var(--color);animation:game-confetti 1.5s var(--delay) ease-in forwards}@keyframes game-confetti{from{transform:translateY(-20px) rotate(0)}to{transform:translateY(100vh) rotate(550deg);opacity:0}}.game-page button:focus-visible,.game-page a:focus-visible,.avatar-option:focus-visible{outline:3px solid #36a9e1;outline-offset:4px}.game-page input:focus-visible{outline:2px solid #36a9e1}.desktop-nav{overflow-y:auto}.desktop-nav .nav-foot{margin-top:24px}
@media(max-width:700px){.game-title{margin:23px 0 19px}.game-title h1{font-size:28px}.game-title p{font-size:13px}.game-nav a{flex:1;text-align:center;padding:12px 5px;font-size:12px}.pet-profile{grid-template-columns:1fr}.pet-backdrop{padding:0 20px 34px}.pet-backdrop .pet-stage{height:270px;width:216px;margin:auto}.pet-bio{padding:22px}.pet-bio h2{font-size:32px;text-align:center}.pet-bio>p,.pet-bio>.pill{display:block;text-align:center}.pet-bio>.pill{width:max-content;margin:auto}.profile-metrics{margin:20px 0 10px}.profile-metrics small{font-size:11px}.pet-bio .btn{font-size:12px}.game-grid{grid-template-columns:1fr;gap:14px}.game-card{padding:20px}.duo-card{display:none}.shop-layout{grid-template-columns:1fr;gap:20px}.shop-preview{position:relative;top:auto;display:grid;grid-template-columns:130px 1fr;align-items:center;padding:10px 16px;column-gap:14px}.shop-preview .pet-stage{grid-row:1/5;width:130px;height:162px}.shop-preview .wallet{font-size:24px;flex-wrap:wrap}.shop-preview>p{margin:0;font-size:11px}.shop-preview .btn{margin:5px 0}.shop-preview .text-button{font-size:10px}.shop-items{gap:12px}.item-preview{height:100px}.shop-item h3{font-size:13px}.shop-filters{gap:5px}.shop-filters button{font-size:10px;padding:8px}.quest-hero{padding:22px 12px 22px 20px}.quest-hero h2{font-size:23px}.quest-hero>img{width:34%}.quest-hero .pill{font-size:7px;padding:5px}.quest-hero .wallet{flex-wrap:wrap;justify-content:flex-start;font-size:18px}.quest-hero .wallet span{font-size:10px}.quest-card{padding:16px 12px;gap:10px;flex-wrap:wrap}.quest-medal{width:34px}.quest-medal svg{width:30px}.quest-content{min-width:calc(100% - 50px)}.quest-content h3{font-size:14px}.quest-content p{font-size:11px}.quest-reward{margin-left:44px;width:auto;flex:1;justify-content:flex-start;gap:7px}.quest-reward .btn,.quest-reward a,.claimed-label{width:auto;margin:0 0 0 auto;min-width:110px}.quest-reward .btn{font-size:10px}.streak-card{flex-direction:row;align-items:center;gap:15px}.streak-card>img{width:90px;height:105px}.streak-card h2{font-size:16px}.collection-hero{gap:8px;padding:15px}.collection-hero h2{font-size:21px}.collection-hero p{font-size:11px}.collection-hero .btn{font-size:10px;padding:12px 8px}.collection-items{grid-template-columns:repeat(2,1fr)}.collection-item{min-height:145px}.avatar-picker{gap:8px}.avatar-option{padding:6px}.avatar-option img{height:100px}.avatar-option b{font-size:10px}.context-sprite{width:75px;height:90px}.daily-game-teaser{padding:15px;gap:10px}.daily-game-teaser b{font-size:13px}.daily-game-teaser small{font-size:10px}.game-footnote{padding:0 8px}.game-shortcuts .btn{width:100%;font-size:11px}.club-stats{gap:9px}.club-stats a{gap:3px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.reward-party{display:none}.quest-meter i{transition:none}}

.pet-stage{background:inherit}.pet-backdrop .pet-stage{background:#fff6e6}.shop-preview .pet-stage{background:#fff8ec}
@media(max-width:700px){.game-page{padding:0 16px 100px}.game-nav{margin:0 -4px}.game-title h1{font-size:26px}.game-title .eyebrow{font-size:9px}}

.session-reward-sprite{height:190px;max-width:200px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 12px;display:block}