.pet-summary{display:flex;width:100%;align-items:center;gap:13px;padding:14px;text-align:left;background:#f1eafa;border:1px solid #d9cbee;border-radius:16px;color:#38264e;cursor:pointer}.pet-summary img{width:62px;height:82px;object-fit:contain;flex-shrink:0}.pet-summary strong{display:block;font-size:20px}.pet-summary small{display:block;font-size:12px;line-height:1.6;margin-top:3px;color:#69547f}.pet-summary:hover{background:#e9def7}.pet-summary:focus-visible{outline:3px solid #8560d0;outline-offset:3px}.pet-hero{display:grid;grid-template-columns:210px 1fr;gap:32px;align-items:center;background:linear-gradient(125deg,#ece3fa,#faf7ff);border-radius:24px;margin:18px 0 26px;padding:20px 28px}.pet-portrait{position:relative;text-align:center}.pet-portrait img{width:180px;height:260px;object-fit:contain;filter:drop-shadow(0 9px 9px #6d49951c)}.pet-spark{position:absolute;right:5px;top:20px;color:#9066d1;font-size:38px}.pet-date{font-size:12px;color:#75608c}.pet-hero h2{font-size:38px;margin:12px 0}.pet-greeting{font-size:18px;line-height:1.65;color:#594669;margin:0 0 20px}.pet-meters{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:16px}.pet-meters label{font-size:14px;color:#594669}.pet-meters strong{float:right}.pet-meters meter{width:100%;height:17px;display:block;margin-top:5px}.pet-meters meter::-webkit-meter-bar{background:#e3d8ef;border:0;border-radius:8px}.pet-meters meter::-webkit-meter-optimum-value{background:#9470d6;border-radius:8px}.pet-friendship{font-size:12px;color:#78658b}.pet-today{display:flex;justify-content:space-between;gap:16px;align-items:center}.pet-today h3{font-size:24px;margin:0 0 5px}.pet-today p{font-size:15px;color:#756481;margin:0}.pet-today>span{font-size:24px;color:#8a63c7;white-space:nowrap}.pet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.pet-actions article{padding:20px;border:1px solid #e1d8eb;border-radius:18px;display:flex;align-items:start;flex-direction:column;background:white}.pet-actions article.done{background:#f0f6f1;border-color:#d2e2d6}.pet-task-icon{font-size:30px;color:#8a63c7}.pet-actions h3{font-size:17px;margin:12px 0 5px}.pet-actions p{font-size:14px;line-height:1.65;color:#71617d;flex:1;margin:5px 0 18px}.pet-actions button{width:100%}.pet-reward{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #dfd3ec;border-radius:16px;padding:20px;background:#f3edf9}.pet-reward.ready{background:#e9f4ed;border-color:#b9d7c1}.pet-reward strong{font-size:17px}.pet-reward p{font-size:14px;line-height:1.7;color:#6e5c7c;margin:7px 0 0}.pet-reward button{flex-shrink:0}.pet-collection-title{font-size:23px;margin:30px 0 8px}.pet-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pet-gift{border:1px solid #e1d6ec;border-radius:16px;padding:17px 8px;background:white;color:#655079;cursor:pointer}.pet-gift>span{display:block;font-size:35px;margin-bottom:10px;color:#9367ce}.pet-gift strong{display:block;font-size:15px;margin-bottom:5px}.pet-gift small{font-size:12px}.pet-gift.equipped{border:2px solid #9975d4;background:#f3ecfd}.pet-gift:disabled{opacity:.55;cursor:default}.pet-note{font-size:13px;line-height:1.7;color:#7d6f88;margin:22px 0 0}.pet-sequence,.pet-symbols{display:flex;gap:18px;justify-content:center;margin:30px 0}.pet-sequence>span{position:relative;width:100px;height:105px;display:grid;place-items:center;background:#ece3fa;border-radius:19px;color:#8a5cca;font-size:50px}.pet-sequence small{position:absolute;font-size:12px;left:10px;top:8px;color:#9481ac}.pet-symbols button{width:100px;min-height:90px;border:2px solid #d8c9ee;border-radius:18px;background:white;color:#8a5cca;font-size:43px}.pet-symbols button:hover{background:#eee5fb}.pet-progress>span{background:#f0f6f1;color:#6f997b}.welcome-yasha{width:92px;height:132px;object-fit:contain;flex:0 0 92px}.pet-actions button:disabled,.pet-reward button:disabled{opacity:.65}
@media(max-width:760px){.pet-hero{grid-template-columns:105px 1fr;gap:14px;padding:15px}.pet-portrait img{width:100px;height:165px}.pet-spark{font-size:24px;right:0;top:3px}.pet-hero h2{font-size:26px}.pet-date{font-size:11px}.pet-greeting{font-size:16px;margin-bottom:12px}.pet-meters{grid-template-columns:1fr;gap:8px}.pet-meters label{font-size:13px}.pet-friendship{display:block;line-height:1.6}.pet-actions{grid-template-columns:1fr;gap:10px}.pet-actions article{padding:17px;display:grid;grid-template-columns:32px 1fr;column-gap:13px}.pet-task-icon{grid-row:1/3}.pet-actions h3{margin:2px 0 5px;font-size:18px}.pet-actions p{grid-column:2;font-size:15px;margin:0 0 12px}.pet-actions button{grid-column:2}.pet-today h3{font-size:22px}.pet-reward{display:block;padding:18px}.pet-reward button{width:100%;margin-top:14px}.pet-collection{grid-template-columns:1fr 1fr}.pet-gift{min-height:130px}.pet-note{font-size:14px}.pet-sequence,.pet-symbols{gap:10px}.pet-sequence>span,.pet-symbols button{width:80px;min-height:80px;height:90px}.welcome-yasha{float:right;width:65px;height:94px;margin:0 0 8px 10px}.pet-summary{padding:10px 15px}.pet-summary img{height:70px}}
@media(max-width:760px){.pet-summary{grid-column:1/-1}.pet-hero{grid-template-columns:90px 1fr;gap:12px}.pet-hero>div:last-child{display:contents}.pet-date{grid-column:1/-1;grid-row:1}.pet-portrait{grid-column:1;grid-row:2/4}.pet-portrait img{width:90px;height:145px}.pet-hero h2{grid-column:2;grid-row:2;font-size:25px;margin:0;align-self:end}.pet-greeting{grid-column:2;grid-row:3;margin:0;align-self:start}.pet-meters{grid-column:1/-1;grid-row:4;grid-template-columns:1fr 1fr;margin:3px 0 0;gap:18px}.pet-friendship{grid-column:1/-1;grid-row:5}.pet-summary img{width:55px}.pet-summary strong{font-size:20px}}