.buddy-portrait{position:relative;width:260px;max-width:100%;flex-shrink:0;container-type:inline-size;isolation:isolate}.buddy-portrait img{display:block;width:100%;height:auto}.buddy-badge{position:absolute;left:52%;top:57%;transform:translate(-50%,-50%);display:grid;place-items:center;width:12%;height:12%;font-size:10cqw;line-height:1;filter:drop-shadow(0 1px 1px #80601d30)}.buddy-small{width:145px;margin:5px auto 10px}.daily-card>.buddy-small{align-self:center}.buddy-panel{display:flex;gap:28px;align-items:center;background:#eaf5ee;border:1px solid #d2e6d9;border-radius:24px;padding:24px 32px;margin:0 0 26px}.buddy-intro{flex:1;min-width:0}.buddy-intro h2{font-size:30px;letter-spacing:-.6px;margin:8px 0}.buddy-intro>p{font-size:16px;line-height:1.65;color:#54715e;max-width:520px}.buddy-badge-label{display:flex;align-items:center;gap:12px;background:#fffaf0;border:1px solid #e8dfbe;border-radius:14px;padding:12px 16px;margin:18px 0}.buddy-badge-label>span{font-size:29px}.buddy-badge-label small{display:block;color:#7d6c46;font-size:12px;margin-bottom:3px}.buddy-badge-label b{font-size:17px;color:#455c45}.buddy-intro .buddy-instruction{font-size:14px}.buddy-shelf .buddy-portrait{width:88px}.buddy-shelf .shelf-copy{min-width:0}.daily-card h2{font-size:24px}.daily-card .daily-details{margin-bottom:18px}.daily-card .buddy-small+.daily-title{margin-top:0}@media(max-width:700px){.buddy-panel{flex-direction:column;padding:20px;gap:4px;text-align:center}.buddy-intro h2{font-size:27px}.buddy-intro>p{font-size:16px}.buddy-badge-label{text-align:left;justify-content:center}.buddy-intro .button{width:100%}.daily-card>.buddy-small{grid-column:2;grid-row:2/5;width:115px;margin:0;align-self:center}.daily-card .daily-details{margin-bottom:0}.daily-card h2{font-size:23px}.buddy-shelf .buddy-portrait{width:80px}.buddy-shelf .shelf-copy{flex-basis:calc(100% - 98px)}}@media(max-width:370px){.daily-card>.buddy-small{width:85px}.daily-card h2{font-size:21px}}

.buddy-treasure{position:absolute;display:grid;place-items:center;line-height:1;pointer-events:none;filter:drop-shadow(0 3px 2px #233f4733);transform:translate(-50%,-50%)}.treasure-hand{left:79%;top:38%;width:25%;height:25%;font-size:24cqw;rotate:-10deg}.treasure-crown{left:45.5%;top:-7%;width:34%;height:auto;aspect-ratio:3/2;transform:translateX(-50%) rotate(-17deg);transform-origin:50% 85%;filter:drop-shadow(0 2px 1px #70432933)}.treasure-companion{left:15%;top:80%;width:30%;height:30%;font-size:29cqw}.buddy-panel{overflow:visible}@keyframes treasure-hello{0%{opacity:0;scale:.65}65%{opacity:1;scale:1.12}100%{scale:1}}

.treasure-art{display:inline-block;width:48px;aspect-ratio:9/8;background-image:url('/treasure-atlas.webp');background-size:400% 300%;background-repeat:no-repeat;vertical-align:middle;flex-shrink:0}.illustrated-treasure{left:var(--prop-x);top:var(--prop-y);width:var(--prop-width);height:auto;aspect-ratio:9/8;transform:translate(-50%,-50%) rotate(var(--prop-angle));rotate:none;transform-origin:50% 50%;font-size:initial;filter:drop-shadow(0 2px 1px #243d3a24)}.illustrated-treasure .treasure-art{display:block;width:100%;height:100%}.illustrated-treasure.treasure-companion{filter:drop-shadow(0 3px 2px #314d392c)}.treasure-icon .treasure-art{width:115%;max-width:none}.new-treasure>span .treasure-art{width:100px}.buddy-badge-label>span .treasure-art{width:48px}.next-treasure>span .treasure-art{width:65px}.explorer-label>span .treasure-art{width:42px}.buddy-panel .buddy-treasure{animation:treasure-hello .65s ease-out}@media(prefers-reduced-motion:reduce){.buddy-panel .buddy-treasure{animation:none}}
.buddy-stage{width:260px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:24px}
.buddy-stage .buddy-message{position:relative;box-sizing:border-box;width:100%;min-height:84px;margin:0;padding:16px 18px;border:2px solid #a4d5bd;border-radius:24px;background:#fffdf3;color:#285940;font-size:16px;font-weight:800;line-height:1.5;text-align:center;box-shadow:0 5px 0 #c8e3d780;display:grid;place-items:center;transform-origin:50% 100%}
.buddy-stage .buddy-message::after{content:"";position:absolute;bottom:-10px;left:46%;width:16px;height:16px;background:#fffdf3;border-right:2px solid #a4d5bd;border-bottom:2px solid #a4d5bd;transform:rotate(45deg)}
.buddy-stage .buddy-portrait{transform-origin:50% 90%}
@media(max-width:700px){.buddy-stage{width:260px;margin-bottom:12px}.buddy-stage .buddy-portrait{width:210px}}
.dragon-friend{position:relative;display:block;width:100%;aspect-ratio:1;margin:0 auto}.dragon-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.dragon-blink,.dragon-greeting{opacity:0}
.treasure-icon .dragon-friend{width:115%;max-width:none}.new-treasure>span .dragon-friend{width:100px}.featured-treasure-art .dragon-friend{width:100%}
@media(prefers-reduced-motion:no-preference){.dragon-idle{animation:dragon-rest 7.13s infinite}.dragon-blink{animation:dragon-blink 7.13s infinite}.dragon-greeting{animation:dragon-wave 7.13s infinite}}
@keyframes dragon-blink{0%,30.8%{opacity:0}30.9%,32.8%{opacity:1}32.9%,85.3%{opacity:0}85.4%,87.3%{opacity:1}87.4%,100%{opacity:0}}
@keyframes dragon-wave{0%,45%{opacity:0}47%,58.5%{opacity:1}60.5%,100%{opacity:0}}
@keyframes dragon-rest{0%,47%{opacity:1}47.1%,58.4%{opacity:0}58.5%,100%{opacity:1}}