.cg{width:min(540px,calc(100% - 16px));max-height:96dvh;padding:0;border:0;border-radius:48px;background:#8ecae6;color:#23324a;font-family:system-ui,sans-serif;box-shadow:0 22px 70px #23324a45}.cg::backdrop{background:#1b2a3d80}.cg *{box-sizing:border-box}.cg-shell{padding:18px 22px 12px;border:8px solid #d7f0fa;border-radius:48px;box-shadow:inset 0 -8px 0 #5fa8c8}.cg button{font:inherit;color:#23324a;cursor:pointer;border:0;min-height:44px}.cg button:focus-visible{outline:3px solid #23324a;outline-offset:4px}.cg button:disabled{opacity:.5;cursor:default}.cg-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.cg-close{width:40px;border-radius:50%;background:#ffffff;font-size:24px!important;min-height:40px!important}.cg-name{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.cg-name p{font-size:11px;margin:0 0 2px}.cg-name h2{font-family:"Trebuchet MS",system-ui,sans-serif;font-weight:800;font-size:38px;line-height:1;margin:0}.cg-stars{padding:8px 12px;border-radius:16px;background:#fff3c4;font-weight:800}.cg-needs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.cg-needs label{font-size:10px;font-weight:700}.cg-needs meter{display:block;width:100%;height:14px;margin:4px 0;accent-color:#3a9d4f}.cg-needs small{font-size:10px}.cg-screen{position:relative;height:310px;border:5px solid #6fb76a;border-radius:28px;background:#e9f7df;box-shadow:inset 0 5px 12px #534b2420;overflow:hidden;isolation:isolate}.cg-screen::after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;background:#ddcda780;border-top:2px solid #d2bb85;z-index:-1}.cg-screen[data-room=bano]{background:#e0f1e8}.cg-screen[data-room=bano]::after{background:#b8d8c8;border-color:#a2c4ba}.cg-screen[data-room=patio]{background:#edf2ca}.cg-screen[data-room=patio]::after{background:#bdd28e;border-color:#a7bf79}.cg-screen[data-room=dormitorio]{background:#ede5f0}.cg-screen[data-room=dormitorio]::after{background:#d8c5d5;border-color:#bea5b9}.cg-screen[data-sleep=true]{background:#333c57}.cg-screen[data-sleep=true]::after{background:#45435b;border-color:#57526a}.cg-room-label{position:absolute;top:12px;left:14px;font-size:11px;font-weight:700;z-index:3}.cg-screen[data-sleep=true] .cg-room-label{color:#fff3d2}.cg-scenery{position:absolute;top:40px;left:10%;right:10%;font-size:32px;display:flex;justify-content:space-between;white-space:pre;text-align:center;opacity:.6;pointer-events:none}.cg-touch{position:absolute;left:50%;top:45px;transform:translateX(-50%);width:210px;height:220px;padding:0;background:transparent;border-radius:50%;-webkit-tap-highlight-color:transparent}.cg-character{position:relative;display:block;width:100%;height:100%;transform-origin:50% 90%}.cg-character>svg,.cg-character>img{width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 4px #69501e20)}.cg .m-cuerpo{animation:none}.cg .m-boca-abierta{display:none}.cg-screen[data-happy=true] .m-boca-abierta{display:block}.cg-screen[data-happy=true] .m-boca-cerrada{display:none}.cg-character .c-eye{transform-box:fill-box;transform-origin:center}.cg-blink .c-eye,.cg-screen[data-sleep=true] .c-eye{transform:scaleY(.12)}.cg-screen[data-tired=true] .c-eye{transform:scaleY(.65)}.cg-screen[data-sleep=true] .c-eye{transform:scaleY(.1)}.cg-effects{position:absolute;right:12%;top:85px;font-size:34px;pointer-events:none}.cg-speech{position:absolute;bottom:10px;left:12px;right:12px;margin:0;padding:8px 12px;border-radius:14px;background:#fffcf1ed;text-align:center;font-size:12px;line-height:1.4;z-index:4;pointer-events:none}.cg-tools{min-height:108px;text-align:center;padding:10px 0}.cg-tools>p{font-size:11px;margin:0 0 8px;line-height:1.4}.cg-foods{display:flex;justify-content:center;gap:20px}.cg-foods button{display:flex;align-items:center;flex-direction:column;background:#fff5df;border-radius:18px;padding:7px 12px;touch-action:none;position:relative}.cg-foods button>span{font-size:30px}.cg-foods small{font-size:10px}.cg-dragging{z-index:20;box-shadow:0 10px 15px #77552e33}.cg-tool-row{display:flex;gap:10px;justify-content:center}.cg-tool-row button{border-radius:18px;background:#fff1d6;padding:12px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 0 #c79779}.cg-tool-row .cg-primary{background:#7c8740;color:#fff}.cg-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:8px 0}.cg-rooms button{background:#dbe8f8;border-radius:20px;padding:8px 4px;font-size:10px;font-weight:800;box-shadow:0 4px 0 #9fc0e8;display:flex;flex-direction:column;align-items:center;gap:3px}.cg-rooms button>span{font-size:23px}.cg-rooms [aria-pressed=true]{background:#fff4d8;box-shadow:0 2px 0 #9fc0e8;outline:2px solid #97734b;outline-offset:1px}.cg-bottom{text-align:center;font-size:10px;padding:12px 0 2px}.cg-targets{position:absolute;inset:0;pointer-events:none;z-index:5}.cg-catch{position:absolute;width:52px;height:52px;border-radius:50%;font-size:30px!important;background:#fff8df;box-shadow:0 4px 0 #c8a047;pointer-events:auto}.cg-character::before,.cg-character::after{position:absolute;pointer-events:none;z-index:3}.cg-screen[data-dirty=true] .cg-character::after{content:'·  ·';font-size:60px;color:#967047;top:35%;left:34%;transform:rotate(-15deg)}.cg-screen[data-foam="1"] .cg-character::before,.cg-screen[data-foam="2"] .cg-character::before,.cg-screen[data-foam="3"] .cg-character::before{content:'🫧';font-size:80px;top:38%;left:15%}.cg-screen[data-foam="2"] .cg-character::after,.cg-screen[data-foam="3"] .cg-character::after{content:'🫧';font-size:100px;top:5%;left:45%;transform:none}.cg-screen[data-sleep=true] .cg-character::after{content:'z Z';font-size:24px;color:#e3dcff;top:6%;left:78%}.cg-enter{background:#3a9d4f;color:#fff;box-shadow:0 4px 0 #2a7a3c}.mochi svg{border:0;background:transparent;box-shadow:none;overflow:visible;border-radius:0}.mochi .c-eye{transform-box:fill-box;transform-origin:center}.mochi:not(.hablando) .c-eye{animation:carlotitaBlink 4.4s infinite}.mochi .c-hand-right{transform-box:fill-box;transform-origin:25% 90%;animation:carlotitaWave 4s ease-in-out infinite}.mochi.rie .c-hand-left{transform:rotate(-12deg)}
@keyframes carlotitaBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes carlotitaWave{0%,65%,100%{transform:rotate(0)}72%,88%{transform:rotate(-17deg)}80%,95%{transform:rotate(8deg)}}
@media(max-width:600px){.cg{width:calc(100% - 12px);border-radius:35px}.cg-shell{border-radius:35px;padding:12px 14px 10px;border-width:6px}.cg-top{font-size:11px}.cg-name h2{font-size:32px}.cg-name{margin-bottom:10px}.cg-needs{gap:6px}.cg-screen{height:290px}.cg-touch{width:200px;height:210px;top:42px}.cg-foods{gap:14px}.cg-tools{min-height:112px}.cg-rooms{gap:7px}.cg-bottom{padding-top:10px}.mochi{width:62px;bottom:6px}.cg-enter{margin-top:12px}.aventura-entrada:not(.cg-enter){font-size:12px;margin-top:10px;padding:8px 14px}.cg-speech{font-size:11px}}
@media(max-height:740px){.cg-screen{height:240px}.cg-touch{width:170px;height:180px;top:28px}.cg-name{margin:0 0 7px}.cg-tools{min-height:95px}.cg-bottom{padding-top:6px}.cg-shell{padding-top:10px}.cg-needs{margin-bottom:8px}.cg-top{min-height:36px}}
@media(prefers-reduced-motion:reduce){.mochi .c-eye,.mochi .c-hand-right{animation:none!important}}
.cg-voice{margin-left:auto;margin-right:10px;border-radius:50%;width:40px;background:#ffffff;font-size:20px!important;min-height:40px!important}.cg-screen[data-talking=true] .m-boca-abierta{display:block}.cg-screen[data-talking=true] .m-boca-cerrada{display:none}
.cg-created{position:relative}.cg-created>img{object-fit:contain;width:100%;height:100%}.cg-created .pet-face{top:43%;left:33%;width:34%;height:25%}.cg-blink .pet-eye,.cg-screen[data-sleep=true] .pet-eye{transform:scaleY(.12)}.cg-screen[data-talking=true] .pet-mouth,.cg-screen[data-happy=true] .pet-mouth{background:#8d4534;border-radius:0 0 50% 50%;height:30%}.cg[data-custom=true] .cg-screen[data-room=cocina]{background:var(--cg-personal)}.cg-play-creation{display:block!important;margin-bottom:10px}

/* El esfuerzo y la tierra permanecen en la mascota hasta el baño. */
.cg-condition{position:absolute;top:26%;right:7%;font-size:28px;pointer-events:none;z-index:4}.cg-screen[data-soil=poco] .cg-character::after,.cg-screen[data-soil=mucho] .cg-character::after{content:'';width:22%;height:12%;top:65%;left:24%;border-radius:45% 55% 35% 60%;background:#3c4a6b99;box-shadow:48px -32px 0 -5px #3c4a6b88;transform:rotate(-14deg)}.cg-screen[data-soil=mucho] .cg-character::after{width:28%;height:16%;background:#87613cb3;box-shadow:50px -40px 0 -4px #3c4a6b99,-5px -65px 0 -7px #3c4a6b88}.cg-screen[data-room=bano][data-foam="1"] .cg-character::after,.cg-screen[data-room=bano][data-foam="2"] .cg-character::after,.cg-screen[data-room=bano][data-foam="3"] .cg-character::after{content:'🫧';background:transparent;box-shadow:none;width:auto;height:auto;font-size:75px;top:34%;left:25%;transform:none}.cg-screen[data-sleep=true] .cg-character::after{background:transparent;box-shadow:none}.cg-condition:empty{display:none}
