/* v5.13: illustrated masthead and four distinct school adventurers.
   Artwork stays inside normal document flow, away from learning controls. */
#homeBtn.quest-wordmark.playful-wordmark{display:block;flex:0 1 264px;width:264px;max-width:100%;min-height:0;padding:4px 6px;overflow:hidden;border:1px solid #ddd2bc;border-radius:16px;background:#f6f3ec;box-shadow:0 3px 0 #d5c6a3,0 5px 14px #34265b0d;line-height:0}
#homeBtn.playful-wordmark img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;border-radius:9px}
#homeBtn.playful-wordmark:hover{box-shadow:0 3px 0 #c6b484,0 6px 18px #7256ac26}
#homeBtn.playful-wordmark:focus-visible{outline:3px solid #624191;outline-offset:4px}
#loginView .login-hero h1.playful-brand-title{width:min(100%,420px);margin:0;padding:0;transform:none;line-height:0;text-shadow:none;overflow:hidden;border-radius:16px;background:#f6f3ec}
#loginView .playful-brand-title img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
#loginView .hero-party{aspect-ratio:3/2;width:min(90%,720px);height:auto;background:#dce7ec}
#loginView .school-adventure-cover{object-fit:contain;object-position:center}
.dashboard .quest-panel .party-map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.party-map-heading>div{min-width:0;flex:1}
.party-map-heading h3{overflow-wrap:anywhere}
.party-map-heading #lessonCount{display:inline-block;margin-top:10px}
.party-map-heading .map-party{flex:0 0 174px;width:174px;margin:0;padding:4px;overflow:hidden;background:#fffdf5;border:1px solid #d5c4a4;border-radius:16px;box-shadow:0 4px 0 #ded5ec}
.map-party img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:11px}
.map-party figcaption{padding:6px 2px 3px;color:#56416e;text-align:center;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.07em}
@media(min-width:901px) and (min-height:650px){#loginView .hero-party{width:min(90%,720px,calc((100dvh - 440px)*1.5))}}
@media(max-width:640px){
 .quest-school-brand{align-items:center;gap:10px}
 #homeBtn.quest-wordmark.playful-wordmark{flex:0 1 52%;width:52%;padding:3px;min-height:44px;border-radius:11px}
 #homeBtn.playful-wordmark img{border-radius:7px}
 #loginView .login-hero h1.playful-brand-title{width:min(100%,330px);margin:0 auto}
 #loginView .hero-party{width:100%;max-width:560px}
 .dashboard .quest-panel .party-map-heading{gap:10px}
 .party-map-heading .map-party{flex-basis:112px;width:112px;padding:3px;border-radius:12px}
 .map-party figcaption{font-size:10px;letter-spacing:0;padding:5px 0 2px}
}
@media(prefers-reduced-motion:reduce){#homeBtn.playful-wordmark{transition:none}}