.hero.pet-hero{display:block;padding:26px 28px;background:radial-gradient(ellipse at 0 0,#42663e80,transparent 60%),linear-gradient(130deg,#182d21,#172519 65%,#42301f);border-color:#729f50;overflow:hidden}.pet-hero>div{width:100%}.pet-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.pet-chip{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#d7ffac;border:1px solid #82b75d70;border-radius:20px;padding:7px 10px;background:#a3ed6010}.pet-age{font-size:11px;color:#b9c9aa}.pet-main{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.2fr);align-items:center;gap:30px;margin-top:18px}.pet-device{background:linear-gradient(140deg,#e1edb0,#a4b76b 50%,#6f8745);border:2px solid #d5e69c;border-radius:48% 48% 41% 41% / 35% 35% 45% 45%;padding:25px 24px 18px;box-shadow:inset -8px -9px 0 #344a2920,inset 5px 5px 0 #fff7,0 18px 28px #06120a70;max-width:300px;width:100%;margin:auto;transform:rotate(-3deg)}.pet-device-screws{display:flex;align-items:center;justify-content:space-between;margin:0 20px 12px;color:#4b622c;font-size:10px;font-weight:850;letter-spacing:2px}.pet-device-screws i{background:#75844c;border-radius:50%;width:6px;height:6px;box-shadow:1px 1px 0 #fff7}.pet-screen{background:radial-gradient(circle at 45% 35%,#304d34,#122c22);border:5px solid #5f763d;border-radius:30px;box-shadow:inset 0 5px 12px #0007,0 1px 0 #e1f0b5;overflow:hidden;position:relative}.chicken-scene{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 5px #05140840)}.pet-screen-label{display:block;text-align:center;font-size:11px;font-weight:700;color:#e5f7c4;letter-spacing:.4px;margin:-8px 0 13px}.pet-device-dots{display:flex;justify-content:center;gap:20px;margin:17px 0 4px}.pet-device-dots i{display:block;width:17px;height:17px;border-radius:50%;background:linear-gradient(145deg,#ffc787,#e78a45);border:1px solid #ab7134;box-shadow:inset 1px 1px 2px #fff7,1px 3px 1px #53632c}.pet-copy{min-width:0}.hero.pet-hero .pet-copy h2{font-size:28px;line-height:1.12;max-width:none;letter-spacing:-.8px;margin:10px 0 20px}.pet-copy .eyebrow{font-size:9px;color:#b3d18f}.pet-copy h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:20px;margin:0 0 9px;color:#fff0ca}.pet-copy h3 span{font-size:11px;color:#203416;background:#c8f98e;padding:5px 9px;border-radius:20px;white-space:nowrap}.hero.pet-hero .pet-copy p{font-size:12px;line-height:1.5;max-width:none;color:#c0d1b1}.pet-xp-bar{height:7px;background:#08180d;border:1px solid #65854970;border-radius:20px;overflow:hidden;margin:16px 0 8px}.pet-xp-bar i{height:100%;display:block;background:linear-gradient(90deg,#b7e87f,#ffc185);border-radius:20px;transition:width .4s}.hero.pet-hero .pet-next{font-size:10px;line-height:1.6;color:#a6bd95}.hero.pet-hero .pet-feedback{color:#ffca97;font-size:11px;margin-top:12px;min-height:17px}.pet-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:25px}.pet-care{background:#091e1490;border:1px solid #71995060;border-radius:13px;text-align:left;padding:13px 12px;color:#f1f8e8;display:flex;flex-direction:column;gap:7px;min-width:0}.pet-care:hover{border-color:#c6f98f;background:#243f25}.pet-care>span{font-size:12px;font-weight:700}.pet-care strong{font-size:11px;font-weight:500}.pet-care small{font-size:10px;color:#b5d18d}.pet-rules{margin-top:13px}.pet-rules summary{padding:10px 0 0;font-size:11px;color:#c7d9b1;justify-content:space-between;gap:6px}.pet-rules>p{font-size:11px!important;line-height:1.65!important;margin:12px 0!important;max-width:none!important;color:#bfd1ae!important}.pet-rules ol{padding-left:18px;margin:12px 0;font-size:11px;line-height:1.9;color:#d4e6c2}.gallery-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin:0 0 28px;border:1px solid #9e7245;border-radius:20px;background:linear-gradient(120deg,#41301f,#1b2c1e);box-shadow:inset 0 1px 0 #ffffff09}.gallery-box .eyebrow{font-size:9px;color:#edbe89}.gallery-box h2{font-size:21px;letter-spacing:-.5px;margin:7px 0}.gallery-box p{font-size:12px;line-height:1.5;color:#c5cdb7;margin:0}.gallery-box .hero-photo{display:flex;align-items:center;gap:14px;width:auto;text-align:left;margin:0;flex-shrink:0}.gallery-box .hero-art{width:54px;height:54px;border-radius:15px;transform:rotate(-6deg);margin:0;background:linear-gradient(140deg,#4d6330,#243b24);border:1px solid #b2d477;box-shadow:3px 4px 0 #131e13}.gallery-box .hero-art svg{width:28px;height:28px;stroke:#d4fc9e}.gallery-box .photo-cta{display:block;font-size:12px;text-align:left;padding:0;color:#ffcf9a}.gallery-box .gallery-link{display:block;margin:5px 0 0;padding:0;font-size:11px;text-align:left;color:#c8e2a8}.pet-bob{animation:pet-bob 4s ease-in-out infinite;transform-origin:center}.pet-eyes{animation:pet-blink 6s infinite;transform-box:fill-box;transform-origin:center}.pet-sparkles{animation:pet-sparkle 3s ease-in-out infinite}.pet-celebrate{animation:pet-pop .6s ease-out}@keyframes pet-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes pet-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes pet-sparkle{0%,100%{opacity:.35}50%{opacity:.9}}@keyframes pet-pop{0%,100%{transform:rotate(-3deg) scale(1)}45%{transform:rotate(2deg) scale(1.045)}}
@media(max-width:700px){.hero.pet-hero{padding:21px 20px}.pet-main{gap:22px;grid-template-columns:1fr}.pet-device{max-width:235px;padding:21px 19px 16px}.pet-copy{text-align:center}.pet-copy h3{justify-content:center}.hero.pet-hero .pet-copy h2{font-size:23px;margin:8px 0 15px;max-width:none}.hero.pet-hero .pet-copy p{max-width:none}.pet-copy .eyebrow{font-size:8px}.pet-copy h3{font-size:19px}.pet-care-grid{gap:7px;margin-top:17px}.pet-care{padding:11px 8px;gap:7px}.pet-care>span{font-size:11px}.pet-care strong{font-size:10px;line-height:1.5}.pet-care small{font-size:9px;line-height:1.4}.gallery-box{flex-wrap:wrap;gap:17px;padding:21px}.gallery-box-copy{width:100%}.gallery-box h2{font-size:21px}.gallery-box .hero-photo{width:100%}.pet-age{font-size:10px}.pet-chip{font-size:9px}.pet-device-dots{margin-top:13px}.pet-device-dots i{width:15px;height:15px}.pet-device-screws{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.pet-bob,.pet-eyes,.pet-sparkles,.pet-celebrate{animation:none}.pet-xp-bar i{transition:none}}
.pet-month-label{font-size:10px!important;color:#d2dfb5!important;margin-top:9px!important}.pet-month-progress{display:flex;justify-content:space-between;position:relative;gap:15px;padding-bottom:12px;margin-top:23px;font-size:10px;color:#bed2a7;border-bottom:4px solid #102517}.pet-month-progress strong{color:#ffcc9b;font-size:10px}.pet-month-progress i{position:absolute;bottom:-4px;left:0;height:4px;border-radius:4px;background:linear-gradient(90deg,#a5df6d,#ffc083)}.pet-new-cycle{margin-top:15px;font-size:12px}.pet-trophy-case{border-top:1px solid #75944d50;margin-top:17px;padding-top:17px}.pet-trophy-case h3{font-size:13px;margin:0 0 10px;color:#d6e4c2}.pet-trophy-case>div{display:flex;gap:9px;flex-wrap:wrap}.pet-medal-badge{display:flex;flex-direction:column;gap:5px;padding:10px 13px;border-radius:12px;border:1px solid #b6a05b;background:#43391d}.pet-medal-badge b{font-size:12px;text-transform:capitalize}.pet-medal-badge small{font-size:9px;color:#ddd5b7}.pet-medal-badge.silver{background:#293b3d;border-color:#9cb4b4}.pet-medal-badge.bronze{background:#492f20;border-color:#b47c51}.pet-medal-scene{padding:7px}
/* Compact pet, inline gallery and daily medicines. */
.pet-main{margin-top:0}.gallery-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px}.gallery-box #gallery-inline{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;width:100%;gap:14px}.gallery-box #gallery-inline[hidden]{display:none}.gallery-box #gallery-inline .gallery-card{min-width:0}.gallery-box #gallery-inline img{aspect-ratio:1/1;object-fit:cover}.gallery-box #gallery-inline img.expanded{aspect-ratio:auto;object-fit:contain}.gallery-box #gallery-inline address{display:none}.gallery-box #gallery-inline .gallery-info{font-size:11px}.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.tab{gap:9px;padding-left:12px;padding-right:12px}.tab[data-tab=remedios]{background:linear-gradient(130deg,#304541,#182b25);border-color:#6b9984}.tab[data-tab=remedios].active{background:linear-gradient(130deg,#bce6cd,#83bf9b);color:#142c22}.med-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 25px}.med-heading>span{font-size:12px;color:var(--muted)}.med-period{padding:20px;border:1px solid #65864b;border-radius:16px;margin-bottom:14px;background:linear-gradient(130deg,#263e27,#16291d)}.med-period h3{margin:0 0 14px;font-size:12px;color:#c0dda4;text-transform:uppercase;letter-spacing:1px}.med-item{display:flex;align-items:center;gap:14px;padding:12px 0;cursor:pointer}.med-item+ .med-item{border-top:1px solid #466039}.med-item input{accent-color:#bce686;width:24px;height:24px;margin:0;flex-shrink:0}.med-item strong{font-size:16px}.med-item small{display:block;font-size:11px;margin-top:6px;color:#b8c7ac}.med-item:has(input:checked) strong{color:#bfe48f}.med-add{border:1px solid #8b7448;border-radius:14px;background:#2f321f;margin-top:22px}.med-add summary{font-size:14px;font-weight:650}.med-add form{padding:0 20px 20px;display:grid;gap:16px}.med-add label{display:grid;gap:8px;font-size:12px;color:#d0d9bf}.med-add input{font:inherit;font-size:16px;padding:12px;border-radius:9px;border:1px solid #6f8d51;color:#f1f8e8;background:#17271b;min-width:0;width:100%}.med-add select{font-size:16px;padding:12px}.med-add .primary{justify-self:start}.med-message{font-size:13px;color:#c8e2a4}.hero.pet-hero .pet-copy h3{margin-bottom:12px}
@media(max-width:800px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tab{flex-direction:column;align-items:flex-start;padding:13px 10px;font-size:12px}.tab small{font-size:9px}.gallery-box{grid-template-columns:1fr}.gallery-box-copy{width:auto}.gallery-box #gallery-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-box .hero-photo{width:100%}.gallery-box #gallery-inline .gallery-info{padding:10px;font-size:10px}.gallery-box #gallery-inline .gallery-info button{font-size:10px}.med-heading h2{font-size:23px}}
/* Seven-photo rows and six primary sections. */
.gallery-box #gallery-inline{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.gallery-box #gallery-inline .gallery-info{padding:5px 2px;text-align:center;line-height:1.2}.gallery-box #gallery-inline .gallery-info time{font-size:8px;white-space:nowrap}.gallery-box #gallery-inline .gallery-info strong,.gallery-box #gallery-inline .gallery-info address,.gallery-box #gallery-inline .gallery-info button,.gallery-box #gallery-inline .gallery-info br{display:none}.gallery-box #gallery-inline .gallery-card{border-radius:8px}.gallery-box #gallery-inline img{cursor:zoom-in}.tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.tab[data-tab=resumo]{background:linear-gradient(130deg,#434823,#25341c);border-color:#a6b359}.tab[data-tab=resumo].active{background:linear-gradient(130deg,#e0f5a3,#b2d46c);color:#253115}.pet-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:23px}.pet-controls form{min-width:0;flex:1;max-width:360px}.pet-controls label{font-size:11px;color:#d7e7c1;display:block;margin-bottom:8px}.pet-controls form>div{display:flex;gap:8px}.pet-controls input{width:100%;min-width:0;padding:11px;border-radius:10px;border:1px solid #759953;background:#182e1d;color:#eff8e4;font-size:16px}.pet-controls .secondary{white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.settings-grid label,.settings-stages label{display:grid;gap:7px;font-size:11px;color:#bfd2ab}.settings-grid input,.settings-stages input{min-width:0;width:100%;font-size:16px;padding:10px;border:1px solid #719652;border-radius:9px;background:#162b1c;color:#eff8e4}.settings-stages>div{display:grid;grid-template-columns:minmax(0,1fr) 65px 100px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #46613b}.settings-stages strong{font-size:12px}#pet-settings-message{color:#ffbd8b;font-size:12px}#pet-settings h3{font-size:16px}.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 22px}.summary-heading label{font-size:11px;color:var(--muted)}.summary-months{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.summary-months button{font:inherit;font-size:12px;padding:10px 4px;border-radius:9px;border:1px solid #628147;color:#d7edc1;background:#213d24;text-transform:capitalize}.summary-months button[aria-pressed=true],.summary-views button[aria-pressed=true]{background:#b7ea79;color:#1f3015;border-color:#dcffae}.summary-views{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.summary-cards>div{padding:17px 12px;border-radius:12px;border:1px solid #5e7e43;background:linear-gradient(130deg,#2b4827,#182f20)}.summary-cards small{display:block;font-size:11px;color:#bad29f}.summary-cards strong{display:block;font-size:24px;color:#dcf5bc;margin-top:10px}.summary-calories{font-size:12px;line-height:1.6;color:#c5d8af}.summary-group{border:1px solid #5f7f41;border-radius:14px;padding:0 17px 12px;margin-bottom:12px;background:#1b3220}.summary-group summary{padding:17px 0;font-size:14px;font-weight:650;text-transform:capitalize}.summary-week-note{font-size:10px;color:#b7ca9e}.summary-empty{color:#c4d4b0;font-size:13px;padding:20px 0}.reminder-settings{margin:28px 0 0;padding:22px;border:1px solid #8a8d4b;background:linear-gradient(120deg,#393c21,#1c321f);border-radius:15px}.reminder-settings h3{font-size:16px;margin:0 0 13px}.reminder-settings p{font-size:12px;color:#c7d5b6;line-height:1.7}.reminder-settings button{margin:5px 8px 5px 0}.app-encouragement{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10000;width:min(440px,calc(100% - 28px));display:flex;align-items:center;gap:15px;padding:16px 18px;border-radius:15px;border:1px solid #d3f8a5;background:linear-gradient(120deg,#d5f0a6,#a9d877);box-shadow:0 8px 35px #0007;color:#1b351d;font-size:13px;line-height:1.6}.app-encouragement button{font-size:23px;color:#29491d;background:transparent;border:0;margin-left:auto;cursor:pointer}.app-encouragement[hidden]{display:none!important}
@media(max-width:800px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-controls{flex-wrap:wrap;gap:12px}.pet-controls form{max-width:none;flex-basis:100%}.pet-controls>.secondary{font-size:11px}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-heading h2{font-size:22px}.summary-months{gap:5px}.summary-months button{font-size:10px}.gallery-box #gallery-inline{gap:3px!important}.gallery-box #gallery-inline .gallery-info{padding:3px 0}.gallery-box #gallery-inline time{font-size:5px!important}.settings-stages>div{grid-template-columns:minmax(0,1fr) 53px 79px;gap:7px}.settings-stages strong{font-size:10px}.settings-stages label{font-size:9px}.settings-stages input{padding:8px 5px}.summary-cards small{font-size:10px}}
.pet-customize-below{margin-top:10px}.pet-controls{align-items:flex-start}.pet-controls #pet-name-save[hidden]{display:none!important}

.pet-device-name{flex:1;min-width:0;margin:0 8px;text-align:center;overflow-wrap:anywhere;letter-spacing:1px;line-height:1.3}.pet-device-screws i{flex-shrink:0}

.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px}.gallery-grid .gallery-card{min-width:0}.gallery-grid .gallery-info{padding:6px 3px;line-height:1.35;font-size:9px}.gallery-grid .gallery-info time{font-size:8px}.gallery-grid .gallery-info strong,.gallery-box #gallery-inline .gallery-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.35;margin-top:4px}.gallery-grid .gallery-card button{font-size:9px}

.daily-goals{padding:10px 14px;border:1px solid #526f3d;border-radius:12px;background:#172c1e}.daily-goals p{font-size:12px;line-height:1.6;color:#d2e5bd;margin:7px 0}.hero.pet-hero .pet-daily-goals{font-size:12px;margin-top:12px;color:#dcf5bc}

#home-menu{margin-top:28px}#home-menu .tabs{margin-bottom:24px}#screen-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:26px}#screen-toolbar[hidden]{display:none}#screen-title{font-size:14px;font-weight:700;color:#d1e7b7}

.greeting{margin-bottom:24px}.greeting>div{min-width:0}.home-icon{margin-left:auto;flex-shrink:0;width:42px;height:42px;padding:10px;display:grid;place-items:center}.home-icon svg{width:21px;height:21px}.gallery-box{display:block}.gallery-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.gallery-box-copy{min-width:0}.gallery-new-photo{padding:8px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.gallery-box #gallery-inline{margin-top:18px}.gallery-box>.gallery-link{display:block;margin-top:16px;padding:0;text-align:left;font-size:12px}.gallery-box h2{font-size:22px}#photo-status:empty{display:none}@media(max-width:520px){.gallery-box h2{font-size:19px}.gallery-box-head{gap:10px}.gallery-new-photo{font-size:10px;padding:8px}.gallery-box-copy p{font-size:11px}.greeting{gap:12px}}

#home-menu .tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#home-menu .tab{min-height:90px;padding:12px;flex-direction:column;align-items:flex-start;justify-content:center}#home-menu .pet-play-entry{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:#d5ffab;color:#2a4324;box-shadow:none}.pet-entry-egg{width:20px;height:20px;flex-shrink:0}.pet-device-dots button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;padding:9px;color:#5b3514;background:linear-gradient(145deg,#ffc787,#e78a45);border:1px solid #ab7134;box-shadow:inset 1px 1px 2px #fff7,1px 3px 1px #53632c;cursor:pointer}.pet-device-dots button svg{width:17px;height:17px;fill:currentColor}.pet-device-dots button:active{transform:translateY(2px)}.runner-help{color:#bdcfac;font-size:13px;line-height:1.7;max-width:620px}.runner-device{padding:20px;border-radius:28px;border:2px solid #a6bd70;background:linear-gradient(135deg,#334a2e,#1c3020);box-shadow:inset 3px 3px 0 #cde78c18,0 14px 35px #0004}.runner-scoreboard{display:flex;justify-content:space-between;gap:15px;padding:4px 8px 15px;color:#b9d49d;font-size:12px}.runner-scoreboard strong{display:block;color:#e5ffb8;font-size:30px;font-variant-numeric:tabular-nums;margin-top:4px}.runner-scoreboard>span:last-child{text-align:right}#runner-canvas{display:block;width:100%;height:auto;border:3px solid #6b8749;border-radius:18px;touch-action:manipulation;background:#142b20;cursor:pointer}#runner-status{font-size:13px;color:#def0b5;min-height:22px;text-align:center;line-height:1.6}.runner-buttons{display:flex;justify-content:center;gap:24px;margin:18px 0 4px}.runner-buttons button{width:68px;height:68px;display:grid;place-content:center;gap:4px;border-radius:50%;border:1px solid #c57d38;background:linear-gradient(135deg,#ffc784,#ed8a42);box-shadow:inset 2px 2px 0 #fff6,0 4px 0 #805b31;color:#40250d}.runner-buttons button>span{font-size:23px;font-weight:700;line-height:1}.runner-buttons small{font-size:10px;font-weight:700}.runner-buttons button:active{transform:translateY(3px);box-shadow:inset 2px 2px 0 #fff6,0 1px 0 #805b31}.runner-buttons button:disabled{opacity:.55;cursor:default}@media(max-width:520px){#home-menu .tabs{gap:8px}#home-menu .tab{padding:10px 7px;font-size:11px}#home-menu .tab small{font-size:9px}.runner-device{padding:12px}.runner-buttons{gap:20px}.runner-buttons button{width:58px;height:58px}.pet-device-dots{gap:14px}}



.energy-balance{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;margin:18px 0;border:1px solid #93ad55;border-radius:15px;background:linear-gradient(125deg,#334426,#192e20)}.energy-balance span{font-size:11px;color:#c4d5ad}.energy-balance strong{display:block;font-size:23px;color:#e4ffb4;margin-top:7px}.energy-balance .energy-result{grid-column:1/-1;font-weight:700;font-size:13px;line-height:1.6;color:#ffd2a6;margin:4px 0}.energy-balance>small{grid-column:1/-1;font-size:10px;line-height:1.6;color:#b3c59f}.energy-editor{border:1px solid #66874b;border-radius:12px;margin:15px 0}.energy-editor summary{font-size:13px;color:#d4eeb2}.energy-editor form{display:grid;gap:13px;padding:0 18px 18px}.energy-editor label{display:grid;gap:8px;font-size:12px;color:#cad8b9}.energy-editor input{width:100%;min-width:0;background:#15291d;border:1px solid #71964e;border-radius:9px;padding:11px;color:#edffdc;font-size:16px}.energy-editor p,.energy-editor [role=status]{font-size:12px;line-height:1.6;color:#c0d1ac}

/* Fotos como lembranças de treino, em pequenas polaroides. */
.gallery-grid{align-items:start;padding:9px 3px 12px;row-gap:18px!important;column-gap:9px!important}
.gallery-grid .gallery-card,.gallery-box #gallery-inline .gallery-card{position:relative;overflow:visible;border:0;border-radius:2px;background:#f8f1de;padding:5px 5px 0;box-shadow:1px 5px 9px #0005;transform:rotate(var(--photo-tilt,-3deg)) translateY(var(--photo-shift,0px));transition:transform .18s,box-shadow .18s}
.gallery-grid .gallery-card:nth-child(8n+1){--photo-tilt:-3.5deg;--photo-shift:2px}
.gallery-grid .gallery-card:nth-child(8n+2){--photo-tilt:4deg;--photo-shift:6px}
.gallery-grid .gallery-card:nth-child(8n+3){--photo-tilt:-1.5deg;--photo-shift:-2px}
.gallery-grid .gallery-card:nth-child(8n+4){--photo-tilt:2.5deg;--photo-shift:4px}
.gallery-grid .gallery-card:nth-child(8n+5){--photo-tilt:-4deg;--photo-shift:0px}
.gallery-grid .gallery-card:nth-child(8n+6){--photo-tilt:1.5deg;--photo-shift:5px}
.gallery-grid .gallery-card:nth-child(8n+7){--photo-tilt:-2.5deg;--photo-shift:-1px}
.gallery-grid .gallery-card:nth-child(8n){--photo-tilt:3deg;--photo-shift:3px}
.gallery-grid .gallery-card:hover,.gallery-grid .gallery-card:focus-within,.gallery-box #gallery-inline .gallery-card:hover,.gallery-box #gallery-inline .gallery-card:focus-within{transform:rotate(0) translateY(-3px);box-shadow:1px 8px 15px #0006;z-index:1}
.gallery-grid .gallery-card img{border-radius:0;aspect-ratio:1/1;object-fit:cover;background:#ded8c9}
.gallery-grid .gallery-info,.gallery-box #gallery-inline .gallery-info{padding:7px 1px 9px;text-align:center;color:#33462c;line-height:1.3}
.gallery-grid .gallery-info time,.gallery-box #gallery-inline .gallery-info time{color:#8d542b;font-size:8px;white-space:normal}
.gallery-grid .gallery-info strong,.gallery-box #gallery-inline .gallery-info strong{color:#374a30;font-style:italic;font-size:8px;line-height:1.3}
.gallery-grid .gallery-card button{color:#925232;margin-top:7px}
.gym-presets{display:grid;gap:9px;border:0;padding:0;margin:20px 0}.gym-presets legend{font-size:12px;color:#bfd0b5;margin-bottom:10px}.gym-presets button{font:inherit;font-size:14px;text-align:left;padding:13px;border-radius:10px;border:1px solid #607b47;background:#20351f;color:#d9edc2;cursor:pointer}.gym-presets button[aria-pressed=true]{background:#d5ffab;border-color:#d5ffab;color:#243b20}.gym-presets button:last-child{border-style:dashed}#gym-custom-label[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.gallery-grid .gallery-card{transition:none}}
.gallery-grid .gallery-card img.expanded{aspect-ratio:auto;object-fit:contain}

.gallery-grid .gallery-card .gallery-delete{position:absolute;z-index:2;right:7px;top:7px;margin:0;padding:0;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:19px;line-height:1;background:#15251bd9;border:1px solid #fff9;color:#fff6e5;box-shadow:0 2px 5px #0003;cursor:pointer}
#gallery-inline .gallery-delete{display:none}
#photo-viewer{width:min(960px,calc(100% - 20px));padding:18px;background:#101c16;max-height:94dvh;border-radius:17px}#photo-viewer::backdrop{background:#020706e8}.photo-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.photo-viewer-head h2{font-size:18px}.photo-viewer-stage{display:flex;align-items:center;justify-content:center;background:#08110c;border-radius:10px;overflow:hidden}.photo-viewer-stage img{display:block;width:100%;height:min(62dvh,720px);object-fit:contain}.photo-viewer-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;margin:14px 0;color:#d9edc5}.photo-viewer-caption time{color:#ffc18c}.photo-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.photo-viewer-nav button{min-height:44px}.photo-viewer-nav button:disabled{opacity:.35;cursor:default}#photo-position{font-size:12px;white-space:nowrap;color:#c5d6ba}#photo-delete-dialog{max-width:400px}#photo-delete-dialog h2{font-size:21px}#photo-delete-dialog p{line-height:1.6}.photo-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#photo-delete-status{color:#ffc18c;font-size:12px}
#home-menu{--menu-title-size:16px}#home-menu .tab,#home-menu .pet-play-entry{font-size:var(--menu-title-size)}@media(max-width:800px){#home-menu{--menu-title-size:12px}}@media(max-width:520px){#home-menu{--menu-title-size:11px}}

#home-menu .pet-play-entry{font-size:calc(var(--menu-title-size) + 3px);padding-block:15px}.photo-viewer-delete{display:block;margin:17px auto 0;color:#ffc2ac;border-color:#a56850;background:#392820;font-size:12px;padding:9px 15px}

.diet-delete-meal{order:3;margin-left:8px;width:28px;height:28px;flex-shrink:0;border:1px solid #916349;border-radius:50%;background:#382b21;color:#ffc5a5;font-size:20px;line-height:1;display:grid;place-items:center}.diet-meal-head h3{margin-right:auto}.diet-add-meal{margin:20px}.diet-meal-head{gap:8px}#meal-manager-name-label{display:grid;gap:9px;font-size:13px;color:#d0e3bb}#meal-manager-name-label[hidden]{display:none}#meal-manager-name{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #759b50;border-radius:10px;background:#122017;color:#f0f7e8}#meal-manager-help{font-size:13px;line-height:1.7;color:#c5d4b4}#meal-manager-status{font-size:12px;color:#ffc18c}
/* Shared header stays still; only the content below it scrolls. */
html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}
#app-frame{height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}
#app-header{flex:0 0 auto;min-width:0;z-index:10;background:linear-gradient(125deg,#15291b,#101c16);border-bottom:1px solid #52713d;box-shadow:0 5px 18px #0003;touch-action:manipulation}
#app-header header{height:54px;width:100%;padding:0 20px;border-bottom:0}
#app-header .greeting{max-width:1000px;width:100%;margin:0 auto;padding:8px 18px 12px;gap:12px}
#app-header .greeting h1{font-size:25px;margin:3px 0}
#app-header .avatar{width:48px;height:48px;flex-shrink:0;border:2px solid #acff66;box-shadow:0 0 0 3px #acff661a}
#app-header .avatar:after{display:none;content:none}
#app-header #screen-toolbar{max-width:1000px;width:100%;margin:0 auto;padding:0 18px 10px}
#app-header #screen-toolbar[hidden]{display:none}
#app-header #photo-status{max-width:1000px;margin:0 auto;font-size:12px;padding:0 18px}
#app-header #photo-status:empty{display:none}
#app-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#7da85b #13251a;scroll-padding-top:16px;touch-action:pan-y}
#app-scroll::-webkit-scrollbar{width:5px}#app-scroll::-webkit-scrollbar-thumb{background:#7da85b;border-radius:8px}#app-scroll::-webkit-scrollbar-track{background:#13251a}
#app-scroll main{width:100%;min-width:0;padding:18px 18px max(24px,env(safe-area-inset-bottom))}
html[data-screen=home] #home-menu .tabs{margin-bottom:15px}
html[data-screen=home] .question{margin-bottom:12px}
html[data-screen=home] .gallery-box{margin-bottom:0;padding:15px;gap:10px}
html[data-screen=brincar] #brincar>h2{font-size:21px;margin-bottom:8px}
html[data-screen=brincar] .hero.pet-hero{margin:10px 0 0;padding:15px}
html[data-screen=brincar] .pet-controls{margin-bottom:12px}
html[data-screen=brincar] .pet-main{gap:14px}
html[data-screen=brincar] .pet-device{max-width:205px;padding:17px 17px 12px}
html[data-screen=brincar] .hero.pet-hero .pet-copy h2{font-size:20px;margin:6px 0 11px}
html[data-screen=brincar] .runner-device{padding:12px}
html[data-screen=brincar] .runner-help{margin:8px 0;font-size:11px}
#brincar,#brincar button,#runner-panel,#runner-panel button,.pet-device-dots{touch-action:manipulation;-webkit-user-select:none;user-select:none}
#runner-canvas{touch-action:none}
#brincar input{user-select:text;-webkit-user-select:text;font-size:16px}
.health-box{margin:0 0 22px;padding:22px;border:1px solid #718f4c;border-radius:18px;background:linear-gradient(125deg,#2d4325,#15271c)}.health-box[hidden]{display:none}.health-box h2{font-size:21px;margin:7px 0 14px}.health-box p,.health-box small,.health-setup li{font-size:12px;line-height:1.7;color:#c4d4b2}.health-box small{display:block}.health-box form{display:grid;gap:13px;margin:15px 0}.health-box label{display:grid;gap:7px;font-size:12px;color:#d8e6c7}.health-box input{width:100%;min-width:0;padding:11px;border:1px solid #6b8c4c;border-radius:9px;background:#13271b;color:#eff8e6;font:inherit;font-size:16px}.health-box button,.health-box a{justify-self:start}.health-box a{display:inline-block;text-decoration:none}.health-box a[hidden]{display:none}.health-box [role=status]{font-size:12px;color:#ffd0a0;line-height:1.6}.health-setup{border-top:1px solid #536d3d;margin-top:18px}.health-setup summary{padding:15px 0;font-size:13px;font-weight:700}.health-setup ol{padding-left:20px}.health-setup li{margin-bottom:10px}.health-setup code{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:#d5ffab;background:#13251a;padding:12px;border-radius:9px}.health-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0}.health-values>div{font-size:10px;color:#bccda9}.health-values strong{display:block;font-size:17px;margin-top:7px;color:#d6ffab}.weight-stats{display:flex;gap:30px;flex-wrap:wrap;margin:20px 0}.weight-stats span{font-size:12px;color:#c5d5b5}.weight-stats strong{display:block;font-size:27px;color:#d6ffab;margin:7px 0}.weight-chart{width:100%;max-height:280px;display:block;margin:15px 0}.weight-table{width:100%;border-collapse:collapse;font-size:12px;color:#d8e5c7}.weight-table td,.weight-table th{padding:12px 5px;text-align:left;border-bottom:1px solid #4e673b}.weight-table .secondary{padding:7px 10px}#weight-summary summary{font-size:13px;padding:12px 0}@media(max-width:520px){.health-box{padding:17px}.health-values strong{font-size:14px}.health-box h2{font-size:19px}}

/* Deliberate app zoom; avoid focus and double-tap zoom while entering data. */
html,body{touch-action:pan-y}
#app-frame{--app-zoom:1;zoom:var(--app-zoom);width:100%;height:calc(100dvh / var(--app-zoom))}
html[data-app-zoom="expanded"] #app-frame{--app-zoom:1.25}
#app-header .logo[role=button]{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
#app-header .logo:focus-visible{outline:2px solid #acff66;outline-offset:5px;border-radius:5px}
#app-zoom-status{position:fixed;z-index:1000;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border:1px solid #acff66;border-radius:12px;background:#142a1af2;color:#e5ffd4;font-size:14px;text-align:center;pointer-events:none}
#app-zoom-status[hidden]{display:none}
@media(max-width:800px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,[contenteditable=true]{font-size:16px!important}}

#weight-editor>summary{padding:0;justify-content:space-between;gap:12px}#weight-editor>summary>div{min-width:0}#weight-editor>summary h2{margin:7px 0 8px}#weight-editor>summary p{margin:0}#weight-editor>summary small{margin-top:5px}#weight-editor[open]>summary .chevron{transform:rotate(90deg)}#weight-status:not(:empty){display:block;margin-top:12px}

#screen-title{display:flex;align-items:center;gap:9px;min-width:0}#screen-title>svg{width:20px;height:20px;flex:0 0 20px;color:#c4ed98}#screen-title>.pet-entry-egg{color:#c4ed98}

.health-box .health-auto{display:flex;align-items:center;gap:10px;margin-top:18px}.health-auto input{width:20px;height:20px;flex:none;accent-color:#b4f37d}.health-auto:has(input:disabled){opacity:.7}

#pet-speech{position:fixed;z-index:65;max-width:calc(100vw - 24px);background:#ecffd1;color:#1b321f;border:2px solid #94c75c;border-radius:21px 21px 21px 5px;padding:12px 15px;box-shadow:4px 6px 0 #14281a55;transform:none;overflow:visible;font-size:14px;line-height:1.45;box-sizing:border-box}#pet-speech[hidden]{display:none}#pet-speech:after{content:'';position:absolute;left:var(--speech-tail-left,50%);bottom:-10px;width:15px;height:15px;background:#ecffd1;border-right:2px solid #94c75c;border-bottom:2px solid #94c75c;transform:rotate(45deg)}.pet-speech-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.pet-speech-head strong{font-size:11px;letter-spacing:.4px}.pet-speech-head button{border:0;background:transparent;color:#314c2d;font-size:24px;line-height:1;padding:3px 6px}#pet-speech p{margin:6px 0 9px;overflow-wrap:anywhere}.pet-speech-action{border:0;border-radius:8px;background:#24432b;color:#e1ffc2;font:inherit;font-size:12px;font-weight:700;padding:7px 10px}
/* HZN handheld: a rounded pebble shell with a recessed rectangular display. */
html[data-screen=brincar] .pet-device{position:relative;isolation:isolate;width:100%;max-width:290px;padding:44px 44px 58px;margin:18px auto 8px;border:2px solid #dcf5a3;border-radius:46% 46% 34% 34% / 47% 47% 31% 31%;background:radial-gradient(ellipse at 28% 15%,#f0ffbc99,transparent 45%),linear-gradient(145deg,#cbea8d 4%,#a8cd70 48%,#709948 100%);box-shadow:inset 4px 5px 0 #f4ffd388,inset -5px -8px 0 #42692f44,0 5px 0 #3f632e,0 17px 23px #06120a66;transform:none}
.pet-device::before{content:'';position:absolute;z-index:-1;left:calc(50% - 15px);top:-16px;width:26px;height:25px;border:6px solid #9abd64;border-bottom:0;border-radius:15px 15px 0 0;background:#193622;box-shadow:inset 0 2px 0 #476d38;box-sizing:border-box}
.pet-device-screws{position:absolute;left:40px;right:40px;top:18px;margin:0;gap:5px;min-height:17px;color:#355129;font-size:10px;text-shadow:0 1px #efffc788;letter-spacing:.8px}.pet-device-screws i{width:4px;height:4px;background:#61873c}.pet-device-name{max-height:27px;overflow:hidden;letter-spacing:.6px}
.pet-device .pet-screen{border:6px solid #41683b;border-radius:12px;background:radial-gradient(ellipse at 40% 25%,#365a40,#142e24);box-shadow:0 2px 0 #eaffb288,inset 0 4px 9px #001b1199;overflow:hidden;min-width:0}.pet-device .chicken-scene{height:144px;width:100%;object-fit:contain}.pet-device .pet-screen-label{font-size:10px;margin:-3px 0 7px;line-height:1.2}
.pet-device .pet-device-dots{display:contents}.pet-device-dots button{position:absolute;display:grid;place-items:center;width:38px;height:48px;padding:10px;border:1px solid #bc7436;background:linear-gradient(145deg,#ffd290,#f59a4a);color:#59371b;box-shadow:inset 2px 2px 0 #ffecc588,0 3px 0 #567433;touch-action:manipulation}.pet-device-dots button:first-child{left:9px;top:48%;border-radius:60% 20% 20% 60%;transform:translateY(-20%)}.pet-device-dots button:nth-child(2){left:calc(50% - 26px);bottom:13px;width:52px;height:34px;border-radius:12px 12px 20px 20px;padding:7px}.pet-device-dots button:last-child{right:9px;top:48%;border-radius:20% 60% 60% 20%;transform:translateY(-20%)}.pet-device-dots button:hover{filter:brightness(1.07)}.pet-device-dots button:focus-visible{outline:3px solid #fff5d2;outline-offset:3px}.pet-device-dots button:active{filter:brightness(.92);box-shadow:inset 1px 2px 3px #73512e44,0 1px 0 #567433}.pet-device-dots button svg{width:17px;height:17px}
@media(max-width:700px){html[data-screen=brincar] .pet-device{max-width:262px;padding:42px 41px 54px}.pet-device .chicken-scene{height:132px}.pet-device-dots button:first-child{left:7px}.pet-device-dots button:last-child{right:7px}.pet-device-dots button{width:34px;height:44px}.pet-device-screws{left:34px;right:34px;top:16px}}
/* Glossy egg shell, HZN badge and three controls below the LCD. */
html[data-screen=brincar] .pet-device{max-width:278px;padding:72px 24px 76px;border-radius:50% 50% 45% 45% / 63% 63% 37% 37%;border-color:#cdeb98;background:radial-gradient(ellipse at 25% 22%,#eaffcbaa 0,transparent 28%),radial-gradient(ellipse at 85% 60%,#769a4744,transparent 45%),linear-gradient(130deg,#b9dc78,#86b34d 64%,#5f8c39);box-shadow:inset 5px 7px 0 #edffb67a,inset -5px -7px 0 #365e2c55,0 5px 0 #3f632e,0 19px 25px #06120a66}
.pet-device::before{top:-20px;left:calc(50% - 21px);width:42px;height:34px;border:7px solid #a4b191;border-bottom:0;border-radius:25px 25px 0 0;background:#183021;box-shadow:inset 0 2px 0 #e0ecc7,0 -2px 0 #52683f}
.pet-shell-brand{position:absolute;left:20%;right:20%;top:23px;display:flex;align-items:center;justify-content:center;min-height:31px;border-radius:16px;background:linear-gradient(145deg,#1f3b2b,#142b20);border:1px solid #5c8343;box-shadow:inset 0 1px 2px #0006,0 2px 0 #d2eb9988;font-family:Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px;color:#fff9e8}.pet-brand-fit{font-weight:500;color:#b4ff69}.pet-brand-dot{color:#ffa04d}
.pet-device-screws{left:25px;right:25px;top:57px;min-height:10px;font-size:8px;line-height:1;letter-spacing:.3px}.pet-device-screws i{width:3px;height:3px}.pet-device-name{margin:0 5px;line-height:1;max-height:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pet-device .pet-screen{border:7px solid #34543a;border-radius:17px;background:#b7ce8c;box-shadow:0 2px 0 #e3f6b2,inset 0 3px 8px #233f3655}.pet-device .pixel-scene{display:block;width:100%;height:auto;aspect-ratio:64/56;object-fit:contain;image-rendering:pixelated;filter:none}.pet-device .pet-screen-label{font:700 9px/1.3 ui-monospace,monospace;letter-spacing:1px;color:#274c3d;background:#b7ce8c;margin:0;padding:2px 0 5px;text-transform:uppercase}
.pet-device .pet-device-dots{position:absolute;left:26px;right:26px;bottom:17px;display:flex;align-items:center;justify-content:center;gap:15px;margin:0;padding:10px 0 2px;border-top:2px solid #d3e6a17a;border-radius:48% 48% 30% 30%;background:linear-gradient(#b9d98966,#c6df9877)}
.pet-device .pet-device-dots button,.pet-device .pet-device-dots button:first-child,.pet-device .pet-device-dots button:nth-child(2),.pet-device .pet-device-dots button:last-child{position:static;transform:none;flex:none;width:43px;height:43px;border-radius:50%;padding:10px;border:2px solid #8b592c;background:linear-gradient(140deg,#ffd394,#f9a052 65%,#db7938);box-shadow:inset 2px 3px 1px #fff0c699,0 3px 0 #684823,0 5px 6px #2a472633}.pet-device .pet-device-dots button:nth-child(2){width:49px;height:49px;background:linear-gradient(140deg,#eaffbf,#b4df75);color:#35522e;border-color:#608642;box-shadow:inset 2px 3px 1px #ffffdf88,0 3px 0 #45652f,0 5px 6px #2a472633}.pet-device .pet-device-dots button:active{transform:translateY(2px);box-shadow:inset 1px 2px 4px #795d3b44,0 1px 0 #45652f}
@media(max-width:700px){html[data-screen=brincar] .pet-device{max-width:256px;padding:70px 22px 72px}.pet-device .pet-device-dots{left:23px;right:23px;gap:13px;bottom:15px}.pet-device .pet-device-dots button,.pet-device .pet-device-dots button:first-child,.pet-device .pet-device-dots button:last-child{width:40px;height:40px}.pet-device .pet-device-dots button:nth-child(2){width:46px;height:46px}}
/* One illustrated shell controls the silhouette; content stays inside its frame. */
html[data-screen=brincar] .pet-device{width:100%;max-width:300px;aspect-ratio:300/360;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;isolation:isolate;overflow:visible;margin:25px auto 8px}
.pet-device::before{display:none}.pet-shell-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 12px 10px #06120a55)}
.pet-device .pet-shell-brand{top:15%;left:28%;right:28%;min-height:0;height:9%;font-size:clamp(20px,2vw,26px);letter-spacing:-1.3px;border-radius:12px;background:linear-gradient(#23452e,#183621);box-shadow:inset 0 1px 1px #0006,0 2px #d7e9ac66;border-color:#50753d}
.pet-device .pet-device-screws{left:28%;right:28%;top:25%;height:4%;font-size:8px;min-height:0}.pet-device-screws i{display:none}
.pet-device .pet-screen{position:absolute;left:21%;right:21%;top:30%;height:40%;min-width:0;border:5px solid #436344;border-radius:13px;box-shadow:0 0 0 3px #d5e6a299,inset 0 2px 6px #203f3244;display:flex;flex-direction:column;overflow:hidden}
.pet-device .pixel-scene{width:100%;height:calc(100% - 14px);aspect-ratio:auto;flex:1;min-height:0;object-fit:contain}.pet-device .pet-screen-label{font:700 7px/14px ui-monospace,monospace;letter-spacing:.6px;padding:0;flex:none;height:14px}
.pet-device .pet-device-dots{position:absolute;left:20%;right:20%;bottom:10%;height:17%;padding:0;display:flex;justify-content:space-between;align-items:center;gap:0;border:0;border-radius:0;background:none}
.pet-device .pet-device-dots button,.pet-device .pet-device-dots button:first-child,.pet-device .pet-device-dots button:last-child{width:28%;height:auto;aspect-ratio:1;border:2px solid #82572f;border-radius:50%;padding:8px;position:static;flex:none;transform:none}.pet-device .pet-device-dots button:nth-child(2){width:33%;height:auto;aspect-ratio:1;padding:8px}.pet-device .pet-device-dots button:active{transform:translateY(2px)}.pet-device .pet-device-dots button:disabled{opacity:.5;cursor:default;filter:saturate(.35)}
.pet-sleeping .pet-screen{background:#7b966c}.pet-sleeping .pet-screen-label{background:#7b966c}.pet-sleeping .pixel-pet-bob{opacity:.7}.pet-sleeping .pet-bob,.pet-sleeping .pet-sparkles{animation:none}
@media(max-width:700px){html[data-screen=brincar] .pet-device{max-width:282px;padding:0}.pet-device .pet-shell-brand{font-size:23px}.pet-device .pet-device-dots{left:20%;right:20%;gap:0;bottom:10%}.pet-device .pet-device-dots button,.pet-device .pet-device-dots button:first-child,.pet-device .pet-device-dots button:last-child{width:28%;height:auto}.pet-device .pet-device-dots button:nth-child(2){width:33%;height:auto}}

/* Wider handheld proportions and speech rendered inside the LCD. */
html[data-screen=brincar] .pet-device{max-width:320px;aspect-ratio:300/325}
.pet-device .pet-shell-brand{top:14%;height:8%;font-size:20px;background:none;border:0;border-radius:0;box-shadow:none}
.pet-device .pet-device-screws{top:23%;left:20%;right:20%;height:5%;font-size:12px;font-weight:800}
.pet-device .pet-device-name{font-size:12px;font-weight:800;line-height:1.2;max-height:18px}
.pet-device .pet-screen{left:17%;right:17%;top:29%;height:43%}
.pet-device #pet-speech{position:static;z-index:auto;flex:none;width:100%;max-width:none;padding:5px 6px 4px;background:#a9c17c;color:#274c3d;border:0;border-bottom:2px solid #52754d;border-radius:0;box-shadow:none;font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.1px;text-align:left;text-shadow:.3px 0 currentColor}
.pet-device #pet-speech:after{display:none}
.pet-device .pet-speech-head{gap:3px;align-items:start}
.pet-device .pet-speech-head strong{font:800 9px/1.3 ui-monospace,monospace;letter-spacing:0;overflow-wrap:anywhere}
.pet-device .pet-speech-head button{font-size:15px;line-height:1;padding:0 2px;flex:none}
.pet-device #pet-speech p{font:inherit;margin:3px 0 0}
.pet-device .pet-speech-action{display:none}
@media(max-width:700px){html[data-screen=brincar] .pet-device{max-width:300px}.pet-device .pet-shell-brand{font-size:20px}}

.hero.pet-hero .pet-device #pet-speech p{color:#274c3d;font:inherit;line-height:1.3}

.pet-device .pet-screen{height:46%}.pet-device .pet-device-dots{bottom:7%}

/* The runner uses the same green pixel LCD as the pet. */
#runner-canvas{image-rendering:pixelated;background:#b7ce8c;border:5px solid #436344;border-radius:12px;box-shadow:0 0 0 3px #d5e6a299,inset 0 2px 6px #203f3244}
.runner-scoreboard{background:#b7ce8c;color:#274c3d;font-family:ui-monospace,monospace;border-radius:10px 10px 0 0;padding:10px 12px;border-bottom:2px solid #52754d}.runner-scoreboard strong{color:#274c3d;font-family:inherit}
.runner-buttons button:first-child small{font-size:9px;max-width:60px;line-height:1.1}

/* More room for the LCD; control names remain available to screen readers. */
.runner-buttons small{display:none}.runner-buttons button{gap:0}.runner-buttons button>span{font-size:28px}
html[data-screen=brincar] .runner-device{padding:10px}.runner-scoreboard{padding:6px 10px}.runner-scoreboard strong{font-size:24px;margin-top:2px}
@media(max-width:520px){html[data-screen=brincar] #runner-panel .runner-device{margin-inline:-10px;padding:7px}.runner-buttons{margin:12px 0 4px}.runner-help{margin-block:6px!important}}

/* Matching physical controls on the pet and its game. */
.pet-device .pet-device-dots button,.runner-buttons button{background:linear-gradient(140deg,#ffd394,#f9a052 65%,#db7938);color:#59371b;border:2px solid #82572f;box-shadow:inset 2px 3px 1px #fff0c699,0 3px 0 #684823,0 5px 6px #2a472633}
.pet-device .pet-device-dots button:nth-child(2),.runner-buttons button:nth-child(2){background:linear-gradient(140deg,#eaffbf,#b4df75);color:#35522e;border-color:#608642;box-shadow:inset 2px 3px 1px #ffffdf88,0 3px 0 #45652f,0 5px 6px #2a472633}
.pet-controls[hidden]{display:none}
.pet-device button.pet-device-name{display:block;flex:1;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;font-size:12px;font-weight:800;letter-spacing:.6px;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:18px;line-height:1.2}
.pet-device button.pet-device-name:focus-visible{outline:2px solid #274c3d;outline-offset:3px}

.pet-device .pet-shell-brand{color:#e8f5bd}.pet-device .pet-brand-fit{color:#345b38}