/* Scoped editor styles; main map and gameplay are unaffected. */
.avatar-onboarding .avatar-setup{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:20px;min-height:0;padding:22px;background:linear-gradient(120deg,#0b483ad9,#286744a8),url('avatar-stage.png') center/cover;border-radius:23px;overflow:hidden;isolation:isolate}
.avatar-onboarding .avatar-display{min-height:760px;position:relative;border:9px solid #8d5d30;border-top-color:#bc8b4b;border-left-color:#b1864b;border-radius:23px;box-shadow:inset 0 0 0 3px #efcb77,0 6px 0 #553e27,0 10px 22px #052f2855;background:linear-gradient(0deg,#183f2344,transparent 55%),url('avatar-stage.png') 22% center/cover;overflow:hidden}
.avatar-onboarding .avatar-welcome{max-width:90%;margin:22px auto 0;padding:12px 15px;transform:none;text-align:center;border:3px solid #c19a52;background:linear-gradient(#ebc889,#a9753b);box-shadow:inset 0 2px #ffe6a7,0 5px 0 #674426;color:#fff0bc;border-radius:12px}.avatar-onboarding .avatar-welcome>span{font-size:10px;letter-spacing:1px}.avatar-onboarding .avatar-welcome h1{font-size:29px;line-height:1.3;margin:3px 0;text-shadow:0 2px #674426}.avatar-onboarding .avatar-welcome p{font-size:12px;line-height:1.7;margin:6px 0;color:#fff4d4}
.avatar-onboarding .avatar-display:after{content:'';position:absolute;bottom:84px;left:7%;right:7%;height:70px;border:5px solid #a97739;border-top-color:#f7d77f;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#ffeaa7,#d8a351 60%,#987038);box-shadow:0 13px 0 #83562e,0 21px 0 #6a4a2c,0 28px 16px #123b2a77;z-index:0}
.avatar-onboarding .avatar-figure{position:absolute;top:auto;bottom:103px;left:24%;width:78%;height:auto;aspect-ratio:1;transform:none;z-index:2;isolation:isolate;overflow:hidden}.avatar-onboarding .avatar-figure>.avatar-sprite{position:absolute;inset:0;display:block;width:100%;height:100%;background-repeat:no-repeat;filter:drop-shadow(0 8px 5px #173d3455)}
.avatar-onboarding .avatar-name-plaque{left:10%;right:10%;bottom:22px;padding:10px 12px;background:linear-gradient(#f5d497,#b7894e);border:3px solid #ddb46b;border-bottom-color:#9f6c32;box-shadow:inset 0 2px #fff1bd,0 5px 0 #624528;z-index:4}.avatar-onboarding .avatar-name-plaque>span{font-size:24px;line-height:1.3}.avatar-onboarding .avatar-name-plaque small{font-size:10px}
.avatar-onboarding .companion-preview{position:absolute;left:3%;bottom:113px;width:40%;height:auto;aspect-ratio:1;background:none;border:0;border-radius:0;box-shadow:none;z-index:3}.avatar-onboarding .companion-preview .discovery-animal{display:block;position:relative;inset:auto;width:100%;height:100%;aspect-ratio:1;animation:none;border-radius:15px;filter:drop-shadow(0 8px 5px #14382a66)}.avatar-onboarding .companion-preview>.companion-label{bottom:-8px;left:50%;max-width:150px;white-space:normal;text-align:center;font-size:11px;line-height:1.4;padding:5px 9px}
.avatar-onboarding .avatar-form{width:100%;max-width:none;margin:0;align-self:stretch;padding:20px 18px 15px;background:radial-gradient(ellipse at 30% 0%,#fff4d0,#f3dfae 70%,#e5c789);border:7px solid #a9773d;border-top-color:#e7be6b;border-radius:23px;box-shadow:inset 0 0 0 3px #ffe6a6,0 6px 0 #684829,0 12px 22px #062b2444;min-width:0}.avatar-onboarding .setup-step{font-size:11px;letter-spacing:1px;margin-bottom:12px;color:#566333}.avatar-onboarding .avatar-field{margin:0 0 16px;min-width:0}.avatar-onboarding .field-wood{font-size:14px;margin-bottom:9px;line-height:1.6}.avatar-onboarding .avatar-field>input{font-size:17px;min-height:46px;padding:9px 12px;background:#fff7df;border:2px solid #b8904e;box-shadow:inset 0 3px 5px #9b713e28}.avatar-onboarding .avatar-field>small{font-size:11px}
.avatar-onboarding .appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.avatar-onboarding .appearance-option{display:flex;flex-direction:column;gap:7px;min-width:0;width:100%;padding:10px 4px;font-size:12px;text-align:center;border:2px solid #bd9652;background:linear-gradient(#fff4d2,#e2c080);box-shadow:inset 0 2px #fffbe5,0 4px 0 #a57c42;border-radius:13px}.avatar-onboarding .appearance-option .option-avatar{display:block;flex:none;width:min(100%,105px);height:auto;aspect-ratio:1;min-height:0;border-radius:10px;overflow:hidden;background-repeat:no-repeat}.avatar-onboarding .appearance-option.is-selected{border-color:#427d3a;background:linear-gradient(#e5f5bc,#9acd70);box-shadow:inset 0 2px #f5ffdb,0 4px 0 #4c7134,0 0 0 2px #c2ec7c,0 0 13px #83bd6177}.avatar-onboarding .appearance-option.is-selected>span:last-child:after{content:' ✓';color:#315c28;font-weight:700}
.avatar-onboarding .avatar-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 17px}.avatar-onboarding .avatar-attributes>.avatar-field{margin:0;padding:10px 10px 12px;border:2px solid #c6a364;border-radius:13px;background:linear-gradient(115deg,#fff2ce,#edd39e);box-shadow:inset 0 2px #fff8df,0 3px 0 #ba9559}.avatar-onboarding .avatar-attributes>[hidden]{display:none!important}.avatar-onboarding .avatar-attributes .field-wood{background:none;border:0;box-shadow:none;padding:0 4px;font-size:13px;margin:0 0 7px}.avatar-onboarding .skin-options{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start}.avatar-onboarding .skin-swatch{width:36px;height:36px;border:2px solid #fff1bc;border-radius:50%;background:radial-gradient(circle at 32% 22%,#ffffffbb 0%,#ffffff33 20%,transparent 48%),radial-gradient(circle at 35% 30%,var(--swatch) 40%,#0006 100%)!important;box-shadow:inset 0 2px 1px #fff6,inset 0 -3px 4px #3522144d,0 3px 0 #987647,0 4px 5px #7d5b2933;outline-offset:2px}.avatar-onboarding .skin-swatch.is-selected{outline:3px solid #547b32!important}.avatar-onboarding .swatch-check{color:white;text-shadow:0 1px 3px #242b19;font-size:16px}.avatar-onboarding .palette-caption{font-size:11px;line-height:1.5;margin:8px 0 0;color:#4f5c36}.avatar-onboarding .glasses-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.avatar-onboarding .glasses-options>button{font-size:12px;padding:8px 6px;min-height:44px;gap:3px;border-radius:11px}.avatar-onboarding .glasses-options>button.is-selected{background:linear-gradient(#e3f4b2,#a3ca6e);border-color:#557c35;box-shadow:0 3px #718d45}
.avatar-onboarding .companion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-onboarding .companion-options>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:110px;padding:10px 5px;font-size:12px;line-height:1.5;text-align:center;border-radius:13px;box-shadow:inset 0 2px #fffbe2,0 4px #ae864b;background:linear-gradient(#fff4d5,#efd399)}.avatar-onboarding .companion-options>button.is-selected{background:linear-gradient(#d6f4b8,#a1d17b);border-color:#4b7b35;box-shadow:0 4px #527736,0 0 0 2px #d4ee91}.avatar-onboarding .companion-options .discovery-animal,.avatar-onboarding .companion-none{position:relative;inset:auto;display:block;flex:0 0 56px;width:56px;height:56px;aspect-ratio:1;border-radius:10px;animation:none;transform:none;filter:none}.avatar-onboarding .companion-options img{width:56px;height:56px;object-fit:cover;border-radius:10px;flex-shrink:0}.avatar-onboarding .companion-none{font-size:44px;line-height:56px;color:#997944}.avatar-onboarding .companion-note{font-size:11px;margin:10px 0 0;line-height:1.7}
.avatar-onboarding .avatar-cta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:20px}.avatar-onboarding .setup-actions{display:flex;gap:9px;margin:0}.avatar-onboarding .setup-actions .wood-button{min-height:48px;padding:9px 12px;font-size:12px;flex:none}.avatar-onboarding .start-adventure{margin:0;min-height:55px;padding:10px 14px;font-size:14px;gap:8px;border:2px solid #d7bb66;background:linear-gradient(#78bf62,#3c8b48 49%,#226d38 51%,#3a8e43);box-shadow:inset 0 2px #cbf4a1,0 5px #215135;text-shadow:0 1px #19452b}.avatar-onboarding .setup-footer{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}.avatar-onboarding .setup-footer>button{font-size:12px}.avatar-onboarding .setup-save-note{font-size:11px;margin:10px 0 0}
/* Rounded, reflective frames aligned with the eyes in the single atlas cell. */
.avatar-onboarding .avatar-sprite .avatar-glasses{left:var(--glasses-left);top:28.6%;width:32%;height:10.5%;gap:8%;align-items:center;filter:drop-shadow(0 2px 1px #472f3166)}.avatar-onboarding .avatar-glasses i{width:46%;height:94%;border:clamp(2px,.3vw,5px) solid #493325;border-radius:46%;background:linear-gradient(130deg,#fff9 0%,#fff1 30%,#bce9ee33 55%,#fff5 58%,#fff0 75%);box-shadow:inset 1px 1px 1px #f6dfb7,0 1px 0 #a57746,inset -1px -1px 1px #201a16;position:relative}.avatar-onboarding .avatar-glasses:after{left:44%;width:12%;top:43%;height:8%;min-height:2px;background:linear-gradient(#bc965c,#493325);border-radius:4px;box-shadow:0 1px #2e241f}.avatar-onboarding .avatar-glasses:before{content:'';position:absolute;left:-5%;right:-5%;top:34%;height:8%;background:#493325;z-index:-1;border-radius:3px}
@media(max-width:1150px){.avatar-onboarding .avatar-setup{gap:15px;padding:15px}.avatar-onboarding .avatar-form{padding:16px 12px}.avatar-onboarding .avatar-cta{grid-template-columns:1fr}.avatar-onboarding .setup-actions{justify-content:flex-start}.avatar-onboarding .avatar-attributes{gap:10px}.avatar-onboarding .skin-swatch{width:33px;height:33px}.avatar-onboarding .avatar-attributes>.avatar-field{padding:9px 7px}.avatar-onboarding .skin-options{gap:8px}}
@media(max-width:1000px){.avatar-onboarding .avatar-setup{grid-template-columns:minmax(0,1fr)}.avatar-onboarding .avatar-display{min-height:490px;max-width:none}.avatar-onboarding .avatar-figure{width:320px;left:calc(50% - 95px);bottom:100px}.avatar-onboarding .companion-preview{width:145px;left:calc(50% - 190px);bottom:112px}.avatar-onboarding .avatar-welcome{max-width:390px;margin-top:16px}.avatar-onboarding .avatar-form{padding:20px}.avatar-onboarding .avatar-name-plaque{left:20%;right:20%}.avatar-onboarding .avatar-display:after{left:13%;right:13%}.avatar-onboarding .avatar-cta{grid-template-columns:auto minmax(0,1fr)}.avatar-onboarding .skin-swatch{width:38px;height:38px}}
@media(max-width:650px){.avatar-onboarding .avatar-setup{padding:10px;gap:18px;border-radius:16px}.avatar-onboarding .avatar-display{min-height:450px;border-width:6px}.avatar-onboarding .avatar-figure{width:280px;left:calc(50% - 95px);bottom:100px}.avatar-onboarding .companion-preview{width:120px;left:calc(50% - 155px);bottom:110px}.avatar-onboarding .avatar-form{padding:16px 11px;border-width:5px}.avatar-onboarding .avatar-welcome{max-width:92%;padding:9px 10px}.avatar-onboarding .avatar-welcome h1{font-size:25px}.avatar-onboarding .avatar-welcome p{font-size:11px}.avatar-onboarding .appearance-options{gap:6px}.avatar-onboarding .appearance-option{padding:7px 3px;font-size:10px}.avatar-onboarding .avatar-attributes{gap:10px}.avatar-onboarding .skin-swatch{width:33px;height:33px}.avatar-onboarding .skin-options{gap:8px}.avatar-onboarding .companion-options{gap:8px}.avatar-onboarding .companion-options>button{font-size:11px;padding:9px 4px}.avatar-onboarding .avatar-cta{grid-template-columns:1fr;gap:14px}.avatar-onboarding .setup-actions .wood-button{flex:1}.avatar-onboarding .avatar-name-plaque{left:12%;right:12%}.avatar-onboarding .glasses-options{grid-template-columns:1fr}.avatar-onboarding .avatar-glasses i{border-width:3px}}
@media(prefers-reduced-motion:reduce){.avatar-onboarding .avatar-setup *{animation:none!important;transition:none!important}}
body.avatar-onboarding.avatar-editing{background:radial-gradient(ellipse at 70% 8%,#2b8561,#155a46 42%,#073d32)}
@media(min-width:1001px){.avatar-onboarding .avatar-display{align-self:start;position:sticky;top:20px;height:calc(100vh - 120px);min-height:590px;max-height:760px}.avatar-onboarding .avatar-cta{grid-template-columns:auto minmax(0,1fr)}.avatar-onboarding .setup-actions .wood-button{padding:9px 8px;font-size:11px}}
.avatar-onboarding .avatar-setup{overflow:clip}
.avatar-onboarding .avatar-display{background-position:left center;background-size:auto 120%}
.avatar-onboarding .avatar-sprite .avatar-glasses{left:calc(var(--glasses-left) + .75%);top:27.6%;width:30.5%;height:13%}.avatar-onboarding .avatar-glasses i{border-radius:50%;background:linear-gradient(130deg,#fff6 0%,#fff0 32%,#bce9ee22 55%,#fff3 58%,#fff0 75%)}