.trip-avatar{display:block;width:100%;height:100%;overflow:hidden;contain:paint}.avatar-profile-card{display:flex;align-items:center;gap:22px;border:1px solid #d5ddc9;border-radius:22px;background:radial-gradient(ellipse at 20% 60%,#e3ead4,transparent 65%),#f7f7ed;padding:12px 24px;margin:12px 0 22px;min-width:0}.avatar-card-art{width:124px;height:174px;flex-shrink:0}.avatar-card-copy{display:grid;gap:8px;min-width:0;color:#41614e}.avatar-card-copy>small{font-size:9px;letter-spacing:1.1px}.avatar-card-copy>strong{font:28px var(--serif);overflow-wrap:anywhere}.avatar-card-copy>span{font-size:12px}.avatar-card-copy .secondary{min-height:44px;background:#fffef6;border-color:#94aa8d;padding:10px 16px}.avatar-tab{width:42px!important;height:42px!important;overflow:hidden!important;border-radius:50%!important;background:#e8eddc!important;padding:0!important}.avatar-nav{display:inline-block!important;width:30px;height:30px;vertical-align:middle;border-radius:50%;overflow:hidden;background:#e7eddd}.avatar-nav[hidden]{display:none!important}#desktopAvatar{width:32px;height:32px}.mobile-switch #mobilePassport{position:relative}#mobilePassport .avatar-nav{margin-right:3px}#avatarDialog{width:880px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #cdd8c2;border-radius:26px;background:#f8f7ef;overflow:auto;overscroll-behavior:contain}#avatarDialog::backdrop{background:#173528a8;backdrop-filter:blur(4px)}.avatar-editor-head{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 26px 14px;gap:12px}.avatar-editor-head h2{margin:4px 0 0;font:32px var(--serif);color:#294f3f}.avatar-editor-head .eyebrow{font-size:9px}.avatar-editor-head>button{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid #cbd6c1;background:#fffff7;font-size:25px}.avatar-editor-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;padding:0 26px 24px}.avatar-preview-wrap{align-self:start;position:sticky;top:16px;background:radial-gradient(ellipse at 50% 70%,#dbe5cc,#edf1e1 70%);border:1px solid #d4dec6;border-radius:24px;text-align:center;padding:18px 10px}.avatar-preview-wrap>strong{font:23px var(--serif);display:block;overflow-wrap:anywhere}#avatarPreview{height:290px;max-width:210px;margin:10px auto}.avatar-preview-wrap>small{font-size:10px;letter-spacing:.6px;color:#536c58}.avatar-preview-wrap p{font-size:12px;margin:9px 0 0;line-height:1.4}.avatar-preview-wrap #avatarProgress{font-weight:800;color:#345a43}.avatar-editor-main{min-width:0}.avatar-editor-help{font-size:12px;line-height:1.65;color:#68745f;margin:0 0 14px}.avatar-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:15px}.avatar-sections button,.avatar-choice-group button{min-width:0;min-height:44px;border:1px solid #d5ddca;border-radius:11px;background:#fffef8;color:#59705b;font:inherit;font-size:11px;line-height:1.35;padding:9px 5px}.avatar-sections button[aria-pressed=true]{background:#335e49;color:#fffef0;border-color:#335e49}.avatar-choice-group{border:0;padding:0;margin:18px 0}.avatar-choice-group legend{font-size:13px;font-weight:750;color:#34523f;margin-bottom:9px}.avatar-choice-group p{font-size:11px;color:#76806a;margin:0 0 10px}.avatar-kind-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-kind-options .trip-avatar{height:84px;max-width:84px;margin:auto}.avatar-choice-group button[aria-pressed=true],.avatar-item[aria-pressed=true]{border:2px solid #416d50;background:#eaf0df;box-shadow:0 0 0 2px #416d5018}.avatar-swatches{display:flex;flex-wrap:wrap;gap:8px}.avatar-swatches button{background:var(--swatch);width:44px;height:44px;border:3px solid #fff;box-shadow:0 0 0 1px #bdc8b6;color:white;text-shadow:0 1px 3px #000;font-size:20px}.avatar-swatches button[aria-pressed=true]{background:var(--swatch);border:3px solid #315943;box-shadow:0 0 0 2px #a0b491}.avatar-hair-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.avatar-hair-options .trip-avatar{height:62px;max-width:62px;margin:auto}.avatar-owned-control{display:flex;gap:8px;align-items:center;min-height:44px;margin:3px 0 12px;font-size:12px;color:#435c47}.avatar-owned-control input{width:20px;height:20px;accent-color:#386048}.avatar-owned-control[hidden]{display:none}.avatar-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px;padding:12px 8px;border:1px solid #d1d9c5;background:#fffef9;border-radius:15px;color:#355640;text-align:center;cursor:pointer}.avatar-item-art{height:75px;max-width:100%;width:95px;display:grid;place-items:center}.avatar-item-art>svg{width:100%;height:100%}.avatar-item-art>span{font-size:35px;color:#86967b}.avatar-item strong{font-size:11px;line-height:1.4}.avatar-item small{font-size:9px;line-height:1.4;color:#738168}.avatar-item-state{font-size:9px;font-weight:650;line-height:1.35;display:block;margin-top:auto;padding-top:5px;color:#3e704d}.avatar-item:disabled{cursor:default;background:#eeeede;border-style:dashed}.avatar-item:disabled .avatar-item-art{opacity:.55;filter:saturate(.5)}.avatar-item:disabled .avatar-item-state{color:#7b745d}.avatar-hint{font-size:12px;line-height:1.65;color:#728068}.avatar-editor-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;background:#f8f7eff5;border-top:1px solid #d7deca;padding:14px 26px calc(14px + env(safe-area-inset-bottom,0px));z-index:2;backdrop-filter:blur(8px)}.avatar-editor-footer button{min-height:48px;padding:10px 20px}.avatar-editor-footer .primary{background:#345c45;border-color:#345c45}#avatarError{font-size:12px;color:#a14334;margin:0;flex:1}.avatar-sound-note{font-size:11px;color:#77816c;line-height:1.6;margin-top:22px}.avatar-sound-note summary{cursor:pointer;min-height:44px}.avatar-sound-note a{color:#47634d}.avatar-loot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:0 0 145px;align-items:center}.avatar-loot>i{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d5c68a66;background:#f6ebd5;border-radius:10px;animation:avatar-loot-pop .5s cubic-bezier(.18,.9,.28,1.3) calc(var(--loot-order)*.18s) both}.avatar-loot svg{width:38px;height:38px}.xp-reward[data-phase=wardrobe]{display:block}.xp-reward[data-phase=wardrobe]>.xp-reward-icon,.xp-reward[data-phase=wardrobe]>.xp-reward-copy{display:none}.xp-reward[data-paused=true] .avatar-loot>i{animation-play-state:paused}.xp-reward[data-phase=wardrobe] .xp-country-copy{min-width:0}.xp-reward[data-phase=wardrobe] .xp-country-copy>strong{font-size:20px}.xp-reward[data-phase=wardrobe] .xp-country-copy>span{font-size:11px}.quick-reward-dock .avatar-loot{flex-basis:99px;gap:4px}.quick-reward-dock .avatar-loot>i{width:30px;height:34px;border-radius:6px}.quick-reward-dock .avatar-loot svg{width:27px;height:29px}.quick-reward-dock .xp-reward[data-phase=wardrobe] .xp-country-copy>strong{font-size:14px}.quick-reward-dock .xp-reward[data-phase=wardrobe] .xp-country-copy>span{font-size:9px}.quick-reward-dock .xp-reward[data-phase=wardrobe] .xp-milestone-reward{gap:10px}@keyframes avatar-loot-pop{from{opacity:0;transform:translateY(15px) scale(.6) rotate(-12deg)}to{opacity:1;transform:none}}#avatarDialog button:focus-visible{outline:3px solid #b68040;outline-offset:3px}
@media(max-width:760px){#avatarDialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:20px}.avatar-editor-head{padding:18px 16px 10px}.avatar-editor-head h2{font-size:27px}.avatar-editor-layout{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 16px 18px}.avatar-preview-wrap{position:static;display:grid;grid-template-columns:minmax(0,1fr) 130px;grid-template-rows:auto auto auto;column-gap:10px;text-align:left;padding:12px 16px;align-items:center;min-height:173px}.avatar-preview-wrap>strong{align-self:end;font-size:23px}.avatar-preview-wrap>small{align-self:start}.avatar-preview-wrap p{margin-top:0}#avatarPreview{grid-column:2;grid-row:1/4;width:125px;height:169px;margin:0}.avatar-editor-help{font-size:11px;margin-bottom:9px}.avatar-sections{gap:5px}.avatar-sections button{font-size:10px;padding:6px 3px}.avatar-editor-footer{padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px))}.avatar-editor-footer button{flex:1;padding:9px 10px;font-size:13px}#avatarError:empty{display:none}.avatar-profile-card{gap:12px;padding:10px 14px;border-radius:18px}.avatar-card-art{width:100px;height:141px}.avatar-card-copy>strong{font-size:23px}.avatar-card-copy>small{font-size:8px}.avatar-card-copy>span{font-size:11px}.avatar-card-copy .secondary{font-size:11px;padding:9px}.avatar-item-grid{gap:6px}.avatar-item{padding:10px 6px}.avatar-item-art{height:68px;width:77px}.avatar-item strong{font-size:10px}.avatar-nav{width:24px;height:26px}.mobile-switch #mobilePassport{font-size:10px}#mobilePassport small{display:block}.avatar-loot{flex-basis:116px;gap:4px}.avatar-loot>i{width:36px;height:39px}.avatar-loot svg{width:32px;height:34px}.xp-reward[data-phase=wardrobe] .xp-country-copy>strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.avatar-loot>i{animation:none;opacity:1;transform:none}}

@media(max-width:760px){.avatar-editor-layout{display:block}.avatar-preview-wrap{position:sticky;top:0;z-index:2;min-height:145px;grid-template-columns:minmax(0,1fr) 106px;box-shadow:0 8px 14px #f8f7efcc}.avatar-editor-main{padding-top:15px}#avatarPreview{height:141px;width:103px}.avatar-preview-wrap>strong{font-size:21px}}
@media(max-width:760px) and (max-height:540px){.avatar-preview-wrap{min-height:90px;grid-template-columns:minmax(0,1fr) 70px;padding:7px 14px}#avatarPreview{height:94px;width:68px}.avatar-preview-wrap>small{font-size:8px}.avatar-preview-wrap>strong{font-size:18px}}

@media(max-width:760px){.mobile-switch #mobilePassport{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px 3px;line-height:1.1}.mobile-switch .nav-collection-label{display:block!important;font-size:10px}#mobilePassport .avatar-nav{height:22px;width:22px;margin:0}#mobilePassport #mobileLevel{line-height:1.1;margin-top:1px;font-size:8px}}

/* Character selection stage: warm rim light, deep greens, and a quiet idle pose. */
.avatar-preview-wrap{background:radial-gradient(ellipse at 50% 44%,#748264 0%,#3b5947 42%,#243f34 78%);border:1px solid #8b9876;box-shadow:inset 0 1px 0 #fff4c82b,0 10px 25px #203d2b18;color:#f6edcf;isolation:isolate}
.avatar-preview-wrap>small,.avatar-preview-wrap p,.avatar-preview-wrap #avatarProgress{color:#e3d8b5}.avatar-preview-wrap>strong{color:#fff5d9;text-shadow:0 2px 12px #13291f88}
#avatarPreview{height:308px;max-width:222px;filter:drop-shadow(0 6px 5px #11281e33)}
.avatar-card-art{width:146px;height:200px;background:radial-gradient(ellipse at 50% 40%,#e6dbb8,#d3dbbd 55%,#afc2a8);border:1px solid #b9c8ae;border-radius:24px;padding:3px 0;box-shadow:inset 0 1px 0 #fff9df,0 7px 16px #25472d12}
.avatar-kind-options button,.avatar-hair-options button{background:radial-gradient(ellipse at 50% 28%,#f8edd4,#f3f2e6 80%)}
.avatar-kind-options button[aria-pressed=true],.avatar-hair-options button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 30%,#dbe7bd,#d2dfc5)}
.avatar-item-art{filter:drop-shadow(0 4px 2px #1f352118)}
.avatar-preview-wrap .avatar-figure{transform-origin:120px 315px;animation:avatar-character-idle 5s ease-in-out infinite}.avatar-preview-wrap .avatar-eyes{transform-origin:120px 92px;animation:avatar-character-blink 7.8s linear infinite}
@keyframes avatar-character-idle{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-1.5px) rotate(.25deg)}}
@keyframes avatar-character-blink{0%,92%,95%,100%{transform:scaleY(1)}93.5%{transform:scaleY(.08)}}
@media(max-width:760px){.avatar-card-art{width:116px;height:163px;border-radius:19px}#avatarPreview{height:157px;width:112px}.avatar-preview-wrap{grid-template-columns:minmax(0,1fr) 114px;box-shadow:0 7px 13px #f8f7efa6}.avatar-preview-wrap>strong{font-size:21px}}
@media(max-width:760px) and (max-height:540px){#avatarPreview{height:100px;width:73px}.avatar-preview-wrap{grid-template-columns:minmax(0,1fr) 75px}}
@media(prefers-reduced-motion:reduce){.avatar-preview-wrap .avatar-figure,.avatar-preview-wrap .avatar-eyes{animation:none;transform:none}}

/* A portrait owns a fixed viewport; its label is a separate layout row. */
.avatar-kind-options,.avatar-hair-options{align-items:start}
.avatar-kind-options>button,.avatar-hair-options>button{display:grid;grid-template-rows:auto minmax(24px,auto);align-items:start;align-content:start;gap:6px;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:8px 6px;border-radius:16px}
.avatar-choice-art{display:block;position:relative;width:100%;min-width:0;height:96px;overflow:hidden;contain:paint;isolation:isolate;border-radius:10px;background:radial-gradient(ellipse at 50% 35%,#ece8cd,#e4e9d6)}
.avatar-hair-options .avatar-choice-art{height:68px}
.avatar-kind-options .avatar-choice-art>.trip-avatar,.avatar-hair-options .avatar-choice-art>.trip-avatar{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;overflow:hidden}
.avatar-choice-label{display:block;position:relative;z-index:1;min-width:0;line-height:1.4;font-size:12px;font-weight:650;color:#34553e;text-align:center;overflow-wrap:anywhere;padding:2px 0}
.avatar-kind-options button[aria-pressed=true] .avatar-choice-art,.avatar-hair-options button[aria-pressed=true] .avatar-choice-art{background:radial-gradient(ellipse at 50% 30%,#d6e2bd,#c5d6b5)}
#avatarPreview,.avatar-card-art{position:relative;overflow:hidden;contain:paint;isolation:isolate}
.avatar-card-art{background:none;border:0;box-shadow:none;border-radius:0}
.avatar-profile-card{background:radial-gradient(ellipse at 15% 45%,#dce4c7,transparent 58%),#f5f6ec}
.avatar-preview-wrap{overflow:hidden;isolation:isolate}
.avatar-editor-main{min-width:0;position:relative}.avatar-choice-group{clear:both}.avatar-hint{position:relative;clear:both;margin:18px 0 0}
@media(max-width:760px){
  .avatar-editor-layout{display:block;padding:0 14px 18px}
  .avatar-preview-wrap{position:relative;top:auto;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) 108px;min-height:156px;padding:14px;box-shadow:inset 0 1px 0 #fff4c82b;margin-bottom:16px}
  #avatarPreview{width:108px;height:154px;max-width:100%;margin:0;filter:none}
  .avatar-preview-wrap>strong{font-size:22px;line-height:1.2}.avatar-preview-wrap>small{font-size:8px;line-height:1.5}.avatar-preview-wrap p{font-size:11px;line-height:1.5}
  .avatar-editor-main{padding-top:0}.avatar-sections{position:static;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 18px}
  .avatar-kind-options>button{gap:5px;padding:7px 5px;grid-template-rows:92px minmax(24px,auto)}
  .avatar-kind-options .avatar-choice-art{height:92px}.avatar-hair-options>button{gap:4px;padding:6px 4px;grid-template-rows:62px minmax(24px,auto)}
  .avatar-hair-options .avatar-choice-art{height:62px}.avatar-choice-label{font-size:11px;line-height:1.4}
  .avatar-editor-footer{position:sticky;bottom:0;z-index:4}.avatar-preview-wrap .avatar-figure{animation:none}
}
@media(max-width:760px) and (max-height:540px){.avatar-preview-wrap{grid-template-columns:minmax(0,1fr) 75px;min-height:110px}#avatarPreview{width:73px;height:104px}}
/* Avatar art must never inherit the outline treatment of navigation icons. */
svg.trip-avatar,svg.avatar-item-svg{stroke:none;stroke-width:0;fill:none}
.avatar-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.avatar-sections button{min-height:50px;font-size:12px;font-weight:700}
.avatar-section-note{font-size:12px;line-height:1.7;color:#647661;margin:12px 0 16px}.avatar-return-pieces{margin-bottom:16px;min-height:44px}
.avatar-outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.avatar-outfit-card{border:1px solid #d1dbc6;border-radius:19px;overflow:hidden;background:#fffdf5;min-width:0;box-shadow:0 3px 12px #233c2710}.avatar-outfit{width:100%;border:0;display:block;text-align:left;padding:0;background:none;min-width:0}.avatar-outfit-art{display:block;height:225px;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#e5e4c9,#d6e0c7 65%,#b0c2a5)}.avatar-outfit-art svg{height:100%;width:100%;max-width:100%;margin:0;filter:none}.avatar-outfit-copy{display:grid;gap:6px;padding:13px 12px 14px}.avatar-outfit-copy>small{font-size:8px;letter-spacing:1px;color:#778366;font-weight:700}.avatar-outfit-copy>strong{font:700 15px/1.25 var(--sans);color:#2f4f40}.avatar-outfit-copy>span{font-size:10px;line-height:1.5;color:#718069}.avatar-outfit-copy>b{font-size:10px;line-height:1.5;color:#376748}.avatar-outfit[aria-pressed=true]{box-shadow:inset 0 0 0 2px #547d55;border-radius:17px;background:#e5edd9}.avatar-outfit[aria-pressed=true] .avatar-outfit-art{background:radial-gradient(ellipse at 50% 38%,#d5e4ba,#adc39d)}.avatar-outfit-card>p{font-size:10px;line-height:1.6;padding:0 12px;margin:0 0 7px;color:#748069}.avatar-outfit-card>a{display:block;margin:0 12px 12px;font-size:10px;line-height:1.6;color:#456c4d;text-underline-offset:3px;min-height:26px}.avatar-outfit:disabled{opacity:1;cursor:default}.is-locked .avatar-outfit-art{filter:saturate(.55);opacity:.6}.is-locked .avatar-outfit-copy>b{color:#91876c}.is-locked .avatar-outfit-copy>strong{color:#64715a}.avatar-piece-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.avatar-piece-tabs button{min-height:42px;border:1px solid #ccd7c0;border-radius:12px;background:#fffdf5;padding:9px 11px;font-size:11px;color:#5a715c}.avatar-piece-tabs button[aria-pressed=true]{background:#345d47;color:#fff9e8;border-color:#345d47}.avatar-xp-progress{padding:15px;background:#e7eddd;border:1px solid #cedac2;border-radius:16px}.avatar-xp-progress>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.avatar-xp-progress strong{font-size:19px;color:#31523f}.avatar-xp-progress span{font-size:10px;color:#6a7a60}.avatar-xp-progress progress{display:block;width:100%;height:8px;margin:12px 0 8px;accent-color:#547d55;border:0;border-radius:5px;overflow:hidden}.avatar-xp-progress progress::-webkit-progress-bar{background:#cfdbc1;border-radius:5px}.avatar-xp-progress progress::-webkit-progress-value{background:#547d55;border-radius:5px}.avatar-xp-progress small{font-size:10px;line-height:1.6;color:#58734f}.avatar-xp-progress p{font-size:10px;line-height:1.6;margin:8px 0 0;color:#7a836f}.avatar-item-art{height:105px;width:108px}.avatar-item{padding:14px 8px;background:linear-gradient(150deg,#fffdf4,#eef1e5);border-radius:17px}.avatar-item:disabled{opacity:1}.avatar-item:disabled .avatar-item-art{opacity:.5}.avatar-item strong{font-size:11px}.avatar-suit-reveal{display:block;flex:0 0 104px;width:104px;height:156px;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse,#e3dbc0,#b7c4a5);animation:avatar-loot-pop .6s cubic-bezier(.18,.9,.28,1.3) both}.avatar-suit-reveal svg{width:100%;height:100%}.xp-reward[data-phase=xpWardrobe]{display:block}.xp-reward[data-phase=xpWardrobe]>.xp-reward-icon,.xp-reward[data-phase=xpWardrobe]>.xp-reward-copy{display:none}.quick-reward-dock .avatar-suit-reveal{flex-basis:72px;width:72px;height:98px}.quick-reward-dock .xp-reward[data-phase=xpWardrobe] .xp-country-copy>strong{font-size:14px}.quick-reward-dock .xp-reward[data-phase=xpWardrobe] .xp-country-copy>span{font-size:9px}
@media(max-width:760px){.avatar-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-sections button{font-size:11px;min-height:48px}.avatar-outfit-grid{gap:9px}.avatar-outfit-art{height:186px}.avatar-outfit-copy{padding:10px;gap:5px}.avatar-outfit-copy>strong{font-size:13px}.avatar-outfit-copy>small{font-size:7px;line-height:1.5}.avatar-outfit-card>p{font-size:9px;padding:0 10px}.avatar-outfit-copy>b{font-size:9px}.avatar-outfit-card>a{font-size:9px;margin-left:10px;margin-right:10px;min-height:36px}.avatar-item-art{width:90px;height:90px}.avatar-item strong{font-size:10px}.avatar-piece-tabs button{font-size:10px;padding:8px 10px}.avatar-xp-progress{padding:12px}.avatar-xp-progress strong{font-size:17px}}
@media(max-width:360px){.avatar-outfit-art{height:166px}.avatar-outfit-copy>strong{font-size:12px}.avatar-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.avatar-suit-reveal{animation:none}}

/* The taller character keeps its full silhouette visible in the editor and wardrobe. */
#avatarPreview{height:360px;max-width:222px}
.avatar-card-art{height:225px;width:146px}
.avatar-preview-wrap .avatar-figure{transform-origin:120px 402px}
.avatar-preview-wrap .avatar-eyes{transform-origin:120px 91px}
.avatar-outfit-art{height:246px}
.avatar-suit-reveal{height:168px}
@media(max-width:760px){
  .avatar-preview-wrap{grid-template-columns:minmax(0,1fr) 116px;min-height:204px;position:relative;top:auto}
  #avatarPreview{width:116px;height:196px}
  .avatar-card-art{width:116px;height:196px}
  .avatar-outfit-art{height:210px}
}
@media(max-width:360px){.avatar-outfit-art{height:184px}.avatar-card-art{width:100px;height:177px}}
@media(max-width:760px) and (max-height:540px){.avatar-preview-wrap{grid-template-columns:minmax(0,1fr) 78px;min-height:132px}#avatarPreview{width:78px;height:124px}}

/* Four distinct bases, with comfortable targets on a narrow phone. */
.avatar-kind-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.avatar-kind-options>button{grid-template-rows:132px minmax(28px,auto);padding:10px}
.avatar-kind-options .avatar-choice-art{height:132px}
.avatar-base-reset{min-height:48px;margin:4px 0 12px;width:100%}
@media(max-width:760px){.avatar-kind-options>button{grid-template-rows:120px minmax(28px,auto);padding:8px}.avatar-kind-options .avatar-choice-art{height:120px}}
@media(max-width:360px){.avatar-kind-options>button{grid-template-rows:104px minmax(28px,auto)}.avatar-kind-options .avatar-choice-art{height:104px}.avatar-choice-label{font-size:10px}}

/* Territory wardrobe: bounded pages keep 644 variants usable on a phone. */
.avatar-variant-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#e6eddd;border-radius:12px;margin-bottom:15px;font-size:12px;color:#365c44}
.avatar-variant-note button,.avatar-pagination button{border:1px solid #bdcdb3;border-radius:10px;background:#fffdf6;color:#34573f;min-height:44px;padding:8px 12px;font:inherit;font-size:12px}
.avatar-search-label{display:block;font-size:12px;font-weight:700;color:#42644e;margin-bottom:7px}
#avatarTerritorySearch{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #c3d0b9;border-radius:12px;background:#fffef8;color:#294c3a;font:inherit;font-size:16px;padding:12px;margin-bottom:12px}
.avatar-search-count{font-size:11px;color:#687b5c;line-height:1.5;margin:0 0 13px}.avatar-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;font-size:12px;color:#45644f}.avatar-pagination button:disabled{opacity:.4}.avatar-pagination button:not(:disabled){cursor:pointer}#avatarTerritoryResults{scroll-margin-top:18px}

.avatar-suit-pair{display:flex;flex:0 0 148px;width:148px;height:155px;gap:0;align-items:end}.avatar-suit-pair>svg{flex:1;min-width:0;width:50%;height:100%}.quick-reward-dock .avatar-suit-pair{flex-basis:106px;width:106px;height:105px}
@media(max-width:480px){.avatar-suit-pair{flex-basis:116px;width:116px;height:131px}.xp-reward[data-phase=wardrobe] .xp-country-copy>strong{font-size:15px}}

/* Lead with the territory; the outfit name is supporting information. */
.avatar-outfit-copy>.avatar-outfit-territory{font:800 22px/1.2 var(--sans);letter-spacing:-.3px;color:#2f4f40;min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
.avatar-outfit-copy>.avatar-outfit-name{font:600 13px/1.4 var(--sans);color:#65755d;overflow-wrap:anywhere}
@media(max-width:760px){.avatar-outfit-copy>.avatar-outfit-territory{font-size:20px}.avatar-outfit-copy>.avatar-outfit-name{font-size:12px}}
@media(max-width:360px){.avatar-outfit-copy>.avatar-outfit-territory{font-size:18px}}

/* Animate the supplied face as one piece; hair selection never replaces its eyes or smile. */
.avatar-preview-wrap .avatar-head-motion{transform-origin:120px 139px;animation:avatar-head-look 6.5s ease-in-out infinite}.avatar-preview-wrap .avatar-figure{animation:avatar-character-idle 5s ease-in-out infinite}@keyframes avatar-head-look{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-1.4deg)}60%{transform:rotate(1.2deg)}80%{transform:rotate(.3deg)}}@media(prefers-reduced-motion:reduce){.avatar-preview-wrap .avatar-head-motion,.avatar-preview-wrap .avatar-figure{animation:none;transform:none}}