/* Asya has a role in each screen; art stays lightweight and never catches taps. */
.pack{min-height:236px;padding-bottom:16px}
.pack-indicator{order:0;margin-bottom:12px}
.pack-quantity{order:1}
.pack-word{order:2;margin-bottom:0}
.pack-art{order:3;display:block;width:100%;height:70px;object-fit:contain;margin:7px 0 10px;pointer-events:none;transition:transform .32s var(--spring)}
.pack-price{order:4}.pack-unit{order:5}
.pack[aria-checked=true] .pack-art{transform:translateY(-2px) rotate(-3deg)}
.packs{margin-bottom:24px}
.asya-home-card:not([data-empty=true])>img{width:51%;height:215px;object-fit:contain;right:-1%;bottom:-5px}
.asya-home-card:not([data-empty=true]):before{background:linear-gradient(90deg,#f7c7ad 0%,#f7c7ad 39%,#f7c7ad00 61%)}
:root[data-theme=dark] .asya-home-card:not([data-empty=true]):before{background:linear-gradient(90deg,#363036 0%,#363036 39%,#36303600 61%)}
.asya-manual-heading{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:6px}
.asya-manual-avatar{width:112px;height:150px;overflow:visible;background:transparent;border:0;border-radius:0}
.asya-manual-avatar img{position:static;width:112px;height:150px;max-width:100%;object-fit:contain}
:root[data-theme=dark] .asya-manual-avatar{background:transparent;border:0}
.asya-guide-heading{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:7px}
.asya-guide-heading h1{font-size:35px}
.asya-guide-heading>img{width:105px;height:140px;object-fit:contain;align-self:end;pointer-events:none}
.atelier-context-heading{display:grid;grid-template-columns:minmax(0,1fr) 106px;align-items:center;gap:10px;margin:0 0 5px}
.atelier-context-heading .atelier-heading{font-size:33px;margin-bottom:0}
.atelier-context-heading .atelier-kicker{line-height:1.5}
.atelier-asya{width:106px;height:142px;object-fit:contain;pointer-events:none;animation:asya-arrive .38s ease-out both}
.transfer-asya{display:block;width:96px;height:128px;object-fit:contain;margin:0 auto 4px}
.onboard-portrait>img{object-fit:contain;object-position:center bottom}
.onboard-profile>img{object-fit:contain;object-position:center top}
.onboard-chat-asya{object-fit:contain;object-position:center top;width:170px;height:185px;transform:translateX(-8px)}
.onboard-group>div>img,.onboard-answer>img{object-fit:cover;object-position:center 12%}
.asya-react>img{animation:asya-respond .44s ease-out both}
@keyframes asya-arrive{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes asya-respond{35%{transform:rotate(-2deg) translateY(-3px)}100%{transform:rotate(0) translateY(0)}}
@media(hover:hover) and (pointer:fine){.pack:hover .pack-art{transform:translateY(-3px) rotate(-3deg)}}
@media(max-width:359px){.pack{padding:13px 9px;min-height:225px}.pack-art{height:63px}.asya-home-card:not([data-empty=true])>img{width:52%;height:199px;right:-1%;bottom:-5px}.asya-manual-heading{grid-template-columns:minmax(0,1fr) 88px}.asya-manual-avatar,.asya-manual-avatar img{width:88px;height:118px}.asya-manual-heading h1{font-size:30px}.asya-guide-heading{grid-template-columns:minmax(0,1fr) 82px}.asya-guide-heading>img{width:82px;height:110px}.asya-guide-heading h1{font-size:30px}.atelier-context-heading{grid-template-columns:minmax(0,1fr) 88px;gap:7px}.atelier-asya{width:88px;height:118px}.atelier-context-heading .atelier-heading{font-size:30px}}
@media(prefers-reduced-motion:reduce){.atelier-asya,.asya-react>img{animation:none}.pack-art{transition:none}}

.asya-home-card:after{content:none!important}.asya-home-card:not([data-empty=true])>img{right:0;bottom:2px;width:52%;height:218px;object-fit:contain}.asya-home-card:not([data-empty=true]):before{background:linear-gradient(90deg,#f7c7ad 0%,#f7c7ad 34%,#f7c7ad00 52%)}:root[data-theme=dark] .asya-home-card:not([data-empty=true]):before{background:linear-gradient(90deg,#363036 0%,#363036 34%,#36303600 52%)}
.paint-thought{max-width:210px}.paint-artwork .desk-lamp{display:none}

.asya-home-copy small{white-space:normal;width:175px;max-width:175px}.asya-home-card[data-empty=true] .asya-home-copy small{width:168px}
