.doll-sprite{display:inline-block;background-image:var(--doll-sheet,url('/assets/city-dolls.png'));background-size:400% 200%;background-position:var(--doll-x) var(--doll-y);background-repeat:no-repeat;aspect-ratio:3/4;flex-shrink:0;vertical-align:middle}
.avatar-small{width:33px;height:44px}.avatar-card{width:110px;height:auto;max-width:100%}.avatar-full{width:231px;height:308px}.legacy-avatar.avatar-full{display:grid;place-items:center;font-size:115px;width:231px;height:308px}.legacy-avatar.avatar-small{display:inline-grid;place-items:center;font-size:27px}.user-chip{display:inline-flex;align-items:center;gap:7px}.utility{align-items:center;min-height:36px}.user-chip .avatar-small{width:23px;height:30px}#hello{display:flex;align-items:center;gap:6px}.leader-avatar{display:flex;align-items:center;justify-content:center}.feed-list article>.doll-sprite{width:32px;height:43px}.look-note{font-size:11px;color:#708494;line-height:1.6;margin:9px 0}.doll-tabs{display:flex;gap:6px;border-bottom:1px solid #dce6ed;padding-bottom:8px;margin-bottom:10px}.doll-tabs button{min-width:85px;background:#f5f8fa;color:#617e90}.doll-tabs button[aria-pressed=true]{background:linear-gradient(#6eb3db,#478fbd);color:#fff;border-color:#448bbb}.doll-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.doll-choice{display:flex;align-items:center;flex-direction:column;background:#fff;border:1px solid #d9e2e8;position:relative;overflow:hidden;padding:9px 5px 7px;min-width:0}.doll-choice:hover:not(:disabled){background:#f2f8fc}.doll-choice.selected,.background-choice.selected{border:2px solid #5b9ecb;background:#eef7fd;padding:8px 4px 6px}.doll-choice b{font-size:12px;color:#456782;margin-top:6px}.doll-choice small{font-size:10px;color:#7892a2;margin-top:3px}.register-dolls{border:1px solid #dbe5eb;border-radius:5px;padding:13px;margin:15px 0;max-width:600px}.register-dolls legend{font-size:14px;color:#497791;padding:0 8px}.register-dolls .doll-gallery{max-width:570px}.register-dolls .avatar-card{width:100px}.register-mode .auth-card>div:last-child{min-width:0}.register-mode .auth-card input[type=hidden]{display:none}.appearance-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.appearance-preview{border:1px solid #cbdce7;border-radius:6px;background:#fff;overflow:hidden;position:sticky;top:18px;text-align:center}.appearance-caption{padding:14px;border-top:1px solid #dce7ed}.appearance-caption h2{font-size:23px;color:#426c85;margin:0}.appearance-caption>p{font-size:12px;color:#758b98;margin:3px 0 13px}.appearance-preview>.primary{margin:0 12px;width:calc(100% - 24px);padding:10px}.appearance-preview>.look-note{padding:0 13px 9px}.appearance-settings{min-width:0}.wardrobe-panel{margin-bottom:15px}.wardrobe-panel h2{display:flex;align-items:center;justify-content:space-between;gap:8px}.wardrobe-panel h2 small{font-size:10px;color:#7d929e;font-weight:normal}.background-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.background-choice{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:#fff;padding:5px;border:1px solid #d4e1e9;min-width:0}.background-choice.selected{padding:4px}.background-choice b{font-size:12px;margin:7px 0 3px;color:#54738a}.background-choice small{font-size:11px;color:#669143;margin-bottom:4px}.background-swatch{height:78px;border-radius:2px}.scene{position:relative;isolation:isolate;overflow:hidden}.scene-decor{position:absolute;inset:0;pointer-events:none;z-index:-1}#look-stage{height:340px;display:flex;align-items:end;justify-content:center}#look-avatar{position:relative;z-index:1;line-height:0;margin-bottom:4px}.preview-badge{position:absolute;top:10px;right:10px;background:#ffffffe0;color:#6b8191;font-size:10px;border:1px solid #d0dfe8;border-radius:3px;padding:3px 7px}.scene-sky{background:linear-gradient(#a6ddf4,#eefbff 78%,#d9edb9 78%,#aed18a)}.scene-sky .scene-decor{background:radial-gradient(ellipse 45px 14px at 21% 22%,#fff 98%,transparent),radial-gradient(ellipse 55px 19px at 80% 39%,#fff 98%,transparent),radial-gradient(ellipse 35px 12px at 40% 50%,#ffffffbd 98%,transparent)}.scene-paper{background:repeating-linear-gradient(0deg,#edf5fb 0,#edf5fb 1px,#fffef7 1px,#fffef7 22px)}.scene-paper .scene-decor{background:linear-gradient(90deg,transparent 13%,#efb7bc 13% 13.5%,transparent 13.5%)}.scene-paper .scene-decor:after{content:'✎  ☆  ♡';position:absolute;top:12%;left:13%;transform:rotate(-12deg);color:#83a8c5;font:24px Georgia}.scene-garden{background:radial-gradient(circle at 78% 20%,#fff4ac 0 10%,transparent 10.5%),linear-gradient(#d9efec 0 52%,#afcd81 53% 70%,#88b25e 71%)}.scene-garden .scene-decor{background:radial-gradient(ellipse 70px 100px at 0% 45%,#83b671 98%,transparent),radial-gradient(ellipse 80px 100px at 100% 45%,#74aa67 98%,transparent)}.scene-garden .scene-decor:after{content:'✿   ❀    ✿    ❀';position:absolute;bottom:8%;inset-inline:0;color:#ffe8ec;font-size:25px;word-spacing:8px}.scene-sunset{background:radial-gradient(circle at 72% 35%,#fff1a7 0 15%,transparent 15.5%),linear-gradient(#f5b1b8,#f9d3ae 59%,#81b9c8 60% 82%,#edd5b4 83%)}.scene-sunset .scene-decor{background:repeating-linear-gradient(0deg,transparent 0 12px,#ffffff45 13px 14px,transparent 15px 23px);clip-path:polygon(0 65%,100% 65%,100% 82%,0 82%)}.scene-night{background:radial-gradient(ellipse at 50% 110%,#b29ad8,transparent 65%),linear-gradient(#343b67,#756491)}.scene-night .scene-decor{background:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 44% 15%,#fff 0 1px,transparent 2px);background-size:85px 90px}.scene-night .scene-decor:after{content:'☾';color:#ffefc0;position:absolute;top:6%;left:9%;font-size:70px;line-height:1}.scene-candy{background:linear-gradient(135deg,#f9d8e5,#efdffa 60%,#cfe5f7)}.scene-candy .scene-decor{background:radial-gradient(circle,#ffffff90 0 2px,transparent 3px);background-size:25px 25px}.scene-candy .scene-decor:after{content:'♡  ♥  ♡';position:absolute;top:17%;inset-inline:8%;font-size:37px;color:#dc8fb4;transform:rotate(-10deg);word-spacing:8px}#background-summary{border-top:1px dotted #ccdae3;padding-top:12px}#background-summary>b{font-size:14px;color:#55778d}#background-summary p{font-size:12px;color:#8295a2;margin:3px 0 8px}.owned-look{font-size:11px;color:#679147}#background-summary button{font-size:12px;background:#fff6e3;border-color:#dbc28e;color:#917131}.wardrobe-inventory{margin-top:18px}.wardrobe-inventory .inventory{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.wardrobe-inventory .muted{grid-column:1/-1}
@media(max-width:850px){.appearance-layout{grid-template-columns:240px minmax(0,1fr);gap:12px}.doll-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.register-dolls .doll-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.background-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-panel{padding:15px}.wardrobe-panel h2{display:block}.wardrobe-panel h2 small{display:block;margin-top:4px}#look-stage{height:315px}.avatar-full{width:210px;height:280px}}
@media(max-width:600px){.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:static;max-width:none}.appearance-settings{width:100%}.doll-gallery,.register-dolls .doll-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-card{width:115px}.background-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.background-swatch{height:65px}.background-choice b{font-size:11px}.appearance-preview>.primary{max-width:340px}.wardrobe-panel h2{display:flex}.wardrobe-panel h2 small{display:block}.register-mode .auth-card{padding:13px}.register-dolls{padding:9px}.legacy-avatar.avatar-small{font-size:22px}#look-stage{height:310px}.appearance-caption{padding:10px}.page-head h2{font-size:22px}}