.avatar{--avatar-size:48px;--avatar-bg:#d7efd4;position:relative;display:inline-block;flex:0 0 auto;width:var(--avatar-size);height:var(--avatar-size);border-radius:30%;background:var(--avatar-bg);isolation:isolate;border:3px solid transparent;box-sizing:border-box;vertical-align:middle;overflow:hidden;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;line-height:1;letter-spacing:0}.avatar-creature{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(var(--avatar-size)*.64);z-index:2}.avatar-dressed .avatar-creature{top:42%;font-size:calc(var(--avatar-size)*.59)}.avatar-clothing{position:absolute;z-index:1;bottom:-8%;left:50%;transform:translateX(-50%);font-size:calc(var(--avatar-size)*.53)}.avatar-accessory{position:absolute;z-index:3;font-size:calc(var(--avatar-size)*.31)}.accessory-head{top:-3%;left:50%;transform:translateX(-50%) rotate(-10deg)}.accessory-eyes{left:50%;top:35%;transform:translateX(-50%);font-size:calc(var(--avatar-size)*.48)}.accessory-side{right:0;bottom:9%;transform:rotate(12deg)}.avatar-large{--avatar-size:240px;border-width:9px}.avatar-particles{position:absolute;inset:0;z-index:4;pointer-events:none}.avatar-particles>span{position:absolute;font-size:calc(var(--avatar-size)*.14);animation:avatar-twinkle 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}.avatar-particles>span:nth-child(1){left:7%;top:16%}.avatar-particles>span:nth-child(2){right:5%;top:26%}.avatar-particles>span:nth-child(3){left:12%;bottom:14%}.avatar-particles>span:nth-child(4){right:11%;bottom:6%}.avatar-particles>span:nth-child(5){left:48%;top:3%}.frame-leaf{border-color:#318351}.frame-ocean{border-color:#268dca}.frame-gold{border-color:#edb333;box-shadow:0 0 0 1px #ad731d}.frame-rose{border-color:#d86ba3}.frame-ice{border-color:#72d7e1;box-shadow:0 0 0 2px #e6ffff}.frame-fire{border-color:#ed692c;box-shadow:0 0 9px #ffb936}.frame-rainbow{border-color:transparent;background:linear-gradient(var(--avatar-bg),var(--avatar-bg)) padding-box,conic-gradient(#ed6964,#f0ca4c,#57b485,#64b4e6,#b793e0,#ed6964) border-box}.frame-cosmic{border-color:#8b66d1;box-shadow:0 0 0 2px #b5a5eb,0 0 12px #8b66d177}.avatar-name{display:flex!important;align-items:center;gap:12px;overflow-wrap:anywhere;min-width:0}.avatar-link{display:inline-flex;flex:0 0 auto;border-radius:30%;text-decoration:none;transition:transform .15s}.avatar-link:hover{transform:rotate(-5deg) scale(1.05)}.avatar-link:focus-visible{outline:3px solid #167960;outline-offset:4px}.podium-place .avatar-name{flex-direction:column;gap:8px;text-align:center}.podium-place .avatar{--avatar-size:48px}.profile-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.profile-action{display:inline-flex;gap:7px;align-items:center;border:1.5px solid #b4d1b8;border-bottom-width:3px;background:#edf8e9;border-radius:12px;padding:10px 13px;text-decoration:none;color:#275c3e;font-size:14px;font-weight:750;min-height:44px}.profile-action-gold{border-color:#ddbf63;background:#fff5cf;color:#705521}.profile-action:hover{filter:brightness(.97)}.reward-toast{position:fixed;bottom:22px;right:22px;z-index:1000;max-width:min(380px,calc(100vw - 32px));border:2px solid #dfb857;border-bottom-width:5px;background:#fff9e7;color:#3c4e2c;border-radius:20px;padding:19px 40px 19px 20px;box-shadow:0 10px 35px #1a49322e;font-size:16px;line-height:1.5}.reward-toast-icon{display:inline-block;font-size:26px;margin-right:10px}.reward-toast strong{font-size:17px}.reward-toast p{font-size:14px;margin:8px 0}.reward-toast a{font-size:14px;font-weight:750;color:#356743}.reward-toast-close{position:absolute;right:6px;top:5px;width:36px;height:36px;border:0;background:none;font-size:25px;color:#576742;cursor:pointer}.collection-main{padding-top:12px}.collection-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.collection-nav a{font-size:16px;font-weight:750;text-decoration:none;padding:12px 17px;border-radius:12px;color:#536b56;border:1.5px solid transparent}.collection-nav a[aria-current]{border-color:#c3d8bc;background:#fff;color:#236345;box-shadow:0 3px 0 #dce8d3}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.collection-heading h1{font-size:clamp(32px,4vw,45px)}.collection-heading>img{object-fit:contain;flex:0 0 auto}.profile-greeting{font-size:21px;font-weight:750;line-height:1.3;margin:19px 0 0}.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.collection-stats p{margin:0;background:#fff;border:1.5px solid #d4e2cd;border-radius:16px;padding:18px;font-size:15px;color:#527052}.collection-stats strong{display:block;font-size:25px;line-height:1.4;color:#245c43;margin-bottom:3px}.character-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:26px;align-items:start}.character-preview{position:sticky;top:20px;text-align:center;border:2px solid #b9d0a9;border-top:6px solid #518253;border-radius:24px;padding:27px 20px;background:linear-gradient(150deg,#fafff2,#eaf3dc);box-shadow:0 5px 0 #dce7ca}.character-preview h2{font-size:26px;line-height:1.3;margin:18px 0 8px}.character-preview>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#53714b;margin:0 0 15px}.character-preview .eyebrow{margin-bottom:22px}.character-save{border-top:1px solid #cadabd;padding-top:19px;display:flex;flex-direction:column;gap:13px}.character-save p{font-size:14px;line-height:1.6;margin:0;color:#43653c;min-height:44px}.character-save .button{white-space:normal}.character-wardrobe{background:#fff;border:1.5px solid #d5e1cf;border-radius:24px;padding:25px;min-width:0}.wardrobe-intro h2{font-size:24px;margin:0 0 9px}.wardrobe-intro p{font-size:16px;line-height:1.6;color:#5b6e51;margin:0 0 20px}.collection-tabs{display:flex;flex-wrap:wrap;gap:8px}.collection-tabs button{border:1.5px solid #d5dfcb;background:#f7faf3;color:#4c6547;border-radius:10px;min-height:44px;font-size:14px;font-weight:700;padding:9px 12px;line-height:1.4;cursor:pointer}.collection-tabs button[aria-pressed=true]{background:#236447;color:white;border-color:#236447}.collection-tabs button:hover{filter:brightness(.96)}#wardrobe-title{font-size:21px;line-height:1.4;margin:25px 0 7px}#wardrobe-note{font-size:14px;line-height:1.65;color:#647359;margin:0 0 18px}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0;padding:15px 10px;border:2px solid #dce6d2;border-bottom-width:4px;border-radius:16px;background:#f8fbf4;color:#36543b;cursor:pointer;font-family:inherit}.avatar-option[aria-pressed=true]{border-color:#377850;background:#e4f4dc;box-shadow:0 0 0 2px #b2d4a0}.avatar-option.is-locked{background:#f6f5f0;border-color:#e3e2d9}.avatar-option.is-locked .option-icon{opacity:.58}.avatar-option.is-rare{background-image:linear-gradient(145deg,#f4efff80,#fff6d680)}.avatar-option strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.option-icon{font-size:44px;line-height:1.2;display:block;min-height:53px}.unlock-requirement,.unlock-progress{font-size:14px;line-height:1.5;color:#5d7054}.unlock-progress{font-weight:750}.rarity-label{font-size:12px;font-weight:750;color:#77569b;background:#eee4f7;border-radius:8px;padding:3px 7px}.avatar-colors{display:grid;gap:25px;background:#f6faef;padding:24px;border-radius:15px}.avatar-colors label{display:flex;flex-direction:column;gap:15px;font-size:16px;font-weight:650}.avatar-colors input[type=color]{width:100%;max-width:240px;height:65px;border:1px solid #bdd4af;border-radius:10px;padding:5px;background:#fff;cursor:pointer}.avatar-colors input[type=range]{width:100%;accent-color:#277551}.avatar-colors p,#locked-explanation{font-size:14px;line-height:1.7;color:#576d4a}.achievement-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0 24px}.achievement-intro h2{font-size:27px;line-height:1.3;margin:0 0 9px}.achievement-intro p{font-size:16px;line-height:1.6;color:#58704e;margin:0}.achievement-filters{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.achievement-filters label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}.achievement-filters select{font:inherit;min-height:44px;background:#fff;border:1.5px solid #c8d7be;border-radius:10px;padding:8px;color:#355d3d}#achievement-count{font-size:14px;color:#59704e;margin:20px 0}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.achievement-card{display:flex;flex-direction:column;background:#fff;border:2px solid #d7e0cf;border-bottom-width:5px;border-radius:20px;padding:22px;min-width:0}.achievement-card.is-earned{border-color:#d4b455;background:linear-gradient(135deg,#fffdf1,#fff7d9)}.achievement-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.achievement-icon{font-size:34px;line-height:1;display:grid;place-items:center;width:62px;height:62px;background:#f0f5e8;border-radius:18px}.is-earned .achievement-icon{background:#f6de91}.achievement-state{font-size:13px;font-weight:750;color:#557345;line-height:1.4}.is-earned .achievement-state{color:#836021}.achievement-card h3{font-size:19px;line-height:1.4;margin:0 0 9px;letter-spacing:-.2px}.achievement-card>p{font-size:15px;line-height:1.6;color:#576c4f;margin:0 0 16px;flex-grow:1}.achievement-card progress{width:100%;height:10px;accent-color:#418359}.is-earned progress{accent-color:#c69b2c}.achievement-progress{font-size:14px;font-weight:750;color:#61774e;margin:7px 0 0}.achievement-rewards{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #dddcc5;margin-top:16px;padding-top:14px}.achievement-rewards>span:first-child{width:100%;font-size:13px;color:#647355}.reward-chip{font-size:13px;font-weight:650;background:#f2eedb;padding:6px 8px;border-radius:8px;line-height:1.5}.collection-footnote{font-size:14px;line-height:1.75;color:#617455;margin-top:27px}.collection-notice{background:#fff8df;border:2px solid #d9bf71;border-radius:20px;padding:25px;line-height:1.7;font-size:16px}.collection-notice h2{font-size:24px}.collection-notice p{font-size:16px}.collection-notice .button{margin-top:6px}
@keyframes avatar-twinkle{0%,100%{opacity:.45;transform:translateY(2px) scale(.9)}50%{opacity:1;transform:translateY(-3px) scale(1.08)}}
@media(max-width:1020px){.character-layout{grid-template-columns:270px minmax(0,1fr);gap:20px}.avatar-large{--avatar-size:200px}.character-wardrobe{padding:20px}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.character-layout{grid-template-columns:1fr}.character-preview{position:static;padding:24px}.avatar-large{--avatar-size:210px}.character-save{max-width:360px;margin:auto}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.character-wardrobe{padding:20px 16px}.collection-stats{gap:9px}.collection-stats p{padding:13px 10px;font-size:14px}.collection-stats strong{font-size:22px}.collection-heading>img{width:75px;height:90px}.collection-nav{gap:3px;margin-bottom:24px}.collection-nav a{font-size:14px;padding:11px 12px}.achievement-intro{align-items:flex-start;flex-direction:column;gap:15px}.achievement-grid{gap:13px}.achievement-card{padding:17px}.profile-greeting{font-size:19px}}
@media(max-width:450px){.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-grid{grid-template-columns:1fr}.collection-stats{grid-template-columns:1fr}.collection-stats p{display:flex;gap:10px;align-items:center}.collection-stats strong{margin:0;min-width:78px}.collection-heading>img{width:60px;height:75px}.achievement-filters label{flex-wrap:wrap}.avatar-name{gap:8px}.profile-action{font-size:14px}}
@media(prefers-reduced-motion:reduce){.avatar-particles>span{animation:none}.avatar-link{transition:none}}