.hero-look{position:relative;display:flex;align-items:flex-end;justify-content:center;width:160px;height:170px;flex-shrink:0}.hero-look:has(.hero-companion) .block-avatar{margin-right:40px}.hero-companion{position:absolute;bottom:3px;right:0;z-index:3;filter:drop-shadow(0 5px 0 #3b5e4020)}.preview-note{position:absolute;bottom:13px;left:8px;right:8px;text-align:center;font-size:9px;color:#637651}.shop-preview{overflow:hidden;min-width:0}.shop-preview .hero-look{z-index:1}.shop-detail{min-width:0}.shop-detail .shop-feedback{color:#617353}.shop-categories{display:flex;gap:6px;flex-wrap:wrap;margin-top:23px}.shop-categories button{border:1px solid #dce3cb;background:#f4f4e8;border-radius:24px;padding:10px 12px;min-height:43px;font-size:11px;font-weight:800}.shop-categories button[aria-pressed=true]{background:#285b43;color:#fffbe9;border-color:#285b43}.shop-collection-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 10px;font-size:13px}.shop-collection-title small{font-size:10px;color:#758264}.hero-shop .cosmetic-grid{margin-top:0}.hero-shop .cosmetic-card{min-width:0;padding:10px 8px 14px;background:#f4f3e6;border:2px solid #e9ebdc;transition:background .15s,border-color .15s}.hero-shop .cosmetic-card.selected{background:#e4eecf;border-color:#71975a}.hero-shop .cosmetic-card b{font-size:11px;line-height:1.35}.hero-shop .cosmetic-card small{color:#687857}.merch-stage{display:flex;align-items:center;justify-content:center;width:100%;height:76px;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#dfe6cc,transparent 70%)}.wearing-tools{flex-wrap:wrap}.hero-shop button:focus-visible{outline:3px solid #bd842b;outline-offset:3px}
.pet-art{position:relative;display:block;width:66px;height:65px;--fur:#d49a65;--dark:#96603e}.pet-art i{display:block;position:absolute}.pet-body{width:36px;height:32px;left:16px;bottom:5px;background:var(--fur);border-radius:13px 14px 8px 8px;box-shadow:inset -6px -4px #00000015}.pet-head{width:39px;height:30px;left:13px;top:13px;background:var(--fur);border-radius:11px;box-shadow:inset -4px -3px #0000000c}.pet-ears{left:15px;top:3px;width:33px;height:20px;background:var(--fur);clip-path:polygon(0 0,38% 30%,62% 30%,100% 0,100% 100%,0 100%)}.pet-eyes{top:12px;left:9px;width:4px;height:5px;border-radius:50%;background:#253c37;box-shadow:17px 0 #253c37}.pet-nose{left:18px;top:21px;width:5px;height:3px;background:var(--dark);border-radius:50%}.pet-feet{bottom:0;left:16px;width:12px;height:8px;background:var(--dark);border-radius:4px;box-shadow:23px 0 var(--dark)}.pet-tail{right:0;bottom:9px;width:20px;height:30px;border:7px solid var(--fur);border-left:0;border-bottom:0;border-radius:0 18px 0 0;transform:rotate(20deg)}.pet-rabbit{--fur:#e7d9cf;--dark:#b9a294}.pet-rabbit .pet-ears{top:-6px;left:18px;height:30px;width:10px;clip-path:none;border-radius:50%;box-shadow:17px 0 var(--fur);border:3px solid var(--fur);background:#dbb1ad}.pet-rabbit .pet-tail{width:12px;height:12px;right:6px;bottom:13px;background:#f5eee8;border:0;border-radius:50%}.pet-turtle{--fur:#8dad68;--dark:#526f45}.pet-turtle .pet-body{width:45px;height:33px;left:8px;background:repeating-linear-gradient(60deg,transparent 0 10px,#709652 11px 13px),#9fb974;border:3px solid #6f914e;border-radius:50% 50% 25% 25%}.pet-turtle .pet-head{left:35px;top:28px;width:29px;height:24px}.pet-turtle .pet-eyes{left:8px;top:9px;box-shadow:11px 0 #253c37}.pet-turtle .pet-nose{left:13px;top:17px}.pet-turtle .pet-ears,.pet-turtle .pet-tail{display:none}.pet-robot{--fur:#89b7bb;--dark:#497e84}.pet-robot .pet-head{background:#416e79;border:4px solid #9ec9ca;border-radius:6px}.pet-robot .pet-eyes{top:7px;left:5px;background:#caffc0;box-shadow:17px 0 #caffc0}.pet-robot .pet-nose{background:#adcbd0;top:17px;left:12px;width:8px}.pet-robot .pet-ears{width:3px;height:10px;background:#5c9497;left:31px;top:4px;clip-path:none;border-radius:2px}.pet-robot .pet-body{border:4px solid #a6c9c8;border-radius:5px;background:radial-gradient(circle,#eac963 0 4px,transparent 5px),#6e9eaa}.pet-robot .pet-tail{display:none}.pet-hornbill{--fur:#344b54;--dark:#dca45a}.pet-hornbill .pet-body{background:linear-gradient(90deg,#344b54 60%,#f0eadb 60%);border-radius:50%}.pet-hornbill .pet-head{width:29px;left:19px}.pet-hornbill .pet-ears{width:24px;height:12px;background:#e6b34f;left:33px;top:6px;border-radius:12px 12px 3px 3px;clip-path:none}.pet-hornbill .pet-nose{width:28px;height:13px;left:20px;top:10px;background:#f4cb6c;border-radius:0 80% 60% 0}.pet-hornbill .pet-eyes{background:#fff8df;box-shadow:none;left:13px}.pet-hornbill .pet-tail{border:0;background:#eee8d5;width:13px;height:26px;right:3px;bottom:2px;border-radius:2px;transform:rotate(-25deg)}.pet-dragon{--fur:#ac9ac7;--dark:#74618e}.pet-dragon .pet-tail{border-color:#ac9ac7;transform:rotate(55deg)}.pet-dragon .pet-body:before{content:'';position:absolute;left:-14px;top:-3px;width:55px;height:27px;background:#d5c3df;clip-path:polygon(0 0,40% 45%,60% 45%,100% 0,88% 100%,55% 75%,40% 75%,12% 100%)}.pet-dragon .pet-ears{background:#e9d8a4}.pet-dragon .pet-body{background:linear-gradient(90deg,#ac9ac7 35%,#e8d8bc 35% 70%,#ac9ac7 70%)}
.merch-frog,.block-hat.frog{background:#8daf68;border-radius:16px 16px 5px 5px;box-shadow:inset 0 -5px #719255}.merch-frog:before,.block-hat.frog:before{content:'';position:absolute;left:5px;top:-7px;width:12px;height:12px;border:4px solid #a2c37f;background:#294539;border-radius:50%;box-shadow:25px 0 0 -4px #294539,25px 0 #a2c37f}.block-hat.frog{height:23px;top:4px}.merch-astronaut{width:43px;height:42px;border:7px solid #e8e5d7;border-radius:50%;background:#dfba68;box-shadow:inset 4px 3px #fae4a4,2px 3px 0 #b6bbaf}.block-hat.astronaut{left:7px;top:7px;width:66px;height:62px;border:7px solid #ece9dd;border-radius:20px;background:transparent;box-shadow:inset 0 5px #dfba6855,2px 2px #b5bbae;z-index:3}.merch-wings{width:58px;height:38px;background:#ceb9df;clip-path:polygon(0 0,45% 35%,50% 70%,55% 35%,100% 0,90% 65%,65% 100%,50% 75%,35% 100%,10% 65%)}.block-accessory-back.wings{position:absolute;left:-34px;top:54px;width:148px;height:80px;background:#c6b1d9;clip-path:polygon(0 0,44% 35%,50% 65%,56% 35%,100% 0,88% 70%,65% 100%,50% 75%,35% 100%,12% 70%)}.merch-jetpack{height:38px;width:35px;border-radius:7px;background:linear-gradient(90deg,#7898a2 0 24%,#d1d7cc 24% 76%,#7898a2 76%);border-bottom:6px solid #e7b959}.block-accessory-back.jetpack{position:absolute;left:2px;top:64px;width:77px;height:62px;background:linear-gradient(90deg,#8bafb7 0 20%,transparent 20% 80%,#8bafb7 80%);border-bottom:8px solid #e8b859;border-radius:9px}.merch-sunglasses{height:21px;width:48px;border-top:4px solid #439e99;margin-top:8px}.merch-sunglasses:before,.merch-sunglasses:after{content:'';position:absolute;width:20px;height:16px;top:-2px;background:#456269;border:2px solid #439e99;border-radius:3px 3px 8px 8px}.merch-sunglasses:after{right:0}.block-accessory-face.sunglasses{position:absolute;left:17px;top:33px;width:46px;height:15px;background:linear-gradient(90deg,#354e59 0 43%,transparent 43% 57%,#354e59 57%);border-top:3px solid #439e99;z-index:4;border-radius:4px 4px 8px 8px}.merch-raincoat,.merch-spacesuit,.merch-ranger{width:43px;height:42px;clip-path:polygon(20% 0,80% 0,100% 20%,90% 55%,77% 40%,77% 100%,23% 100%,23% 40%,10% 55%,0 20%);background:linear-gradient(90deg,#e2b343 49%,#fff0ab 49% 53%,#e2b343 53%)}.merch-spacesuit{background:linear-gradient(0deg,#7599a2 0 15%,#e4e4db 15% 55%,#789da7 55% 70%,#e4e4db 70%)}.merch-ranger{background:linear-gradient(90deg,#829062 40%,#d7ba79 40% 60%,#829062 60%)}.outfit-raincoat .block-body,.outfit-raincoat .block-arm{background:#e7bd51}.outfit-raincoat .block-body:after{content:'';position:absolute;left:26px;top:0;width:3px;height:48px;background:#fff0ad}.outfit-spacesuit .block-body,.outfit-spacesuit .block-arm{background:#e5e6dc}.outfit-spacesuit .block-body:after{content:'';position:absolute;left:10px;top:9px;width:33px;height:20px;border:4px solid #9bb3b5;background:linear-gradient(90deg,#e9b752 0 35%,#71949e 35%);border-radius:3px}.outfit-spacesuit .block-leg{background:#cad6d5}.outfit-ranger .block-body,.outfit-ranger .block-arm{background:#84976b}.outfit-ranger .block-body:after{content:'';position:absolute;left:22px;top:0;height:48px;width:10px;background:#d7b87c}.outfit-ranger .block-leg{background:#897a61}
@media(max-width:700px){.hero-shop .shop-showcase{grid-template-columns:145px 1fr;gap:15px}.hero-shop .shop-preview{height:250px}.shop-preview .hero-look{transform:scale(.82)}.hero-shop .shop-detail h3{font-size:24px}.hero-shop .shop-detail p{font-size:11px}.shop-categories{gap:5px}.shop-categories button{font-size:10px;padding:9px 11px}.hero-shop .cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-shop .cosmetic-card b{font-size:10px}.merch-stage{height:72px}}
@media(max-width:420px){.hero-shop .shop-showcase{grid-template-columns:1fr}.hero-shop .shop-preview{height:205px}.shop-preview .hero-look{transform:scale(.86);margin-top:15px}.hero-shop .shop-detail h3{font-size:26px}.shop-detail .shop-feedback{min-height:0}.hero-shop .shop-detail .primary-button{font-size:12px}.hero-shop .cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-categories button{flex:1 0 28%}.preview-floor{bottom:24px}.shop-collection-title{font-size:12px}.hero-shop .wearing-tools{justify-content:flex-start}.avatar-display .hero-look{transform:scale(.8)}}
.character-options{display:flex;gap:12px}.character-options>button{display:grid;grid-template-columns:65px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:end;min-height:84px;flex:1;max-width:220px;border:2px solid #dfe6d2;border-radius:15px;background:#f0f3e6;padding:8px 14px;column-gap:8px}.character-options>button[aria-pressed=true]{background:#dfedcc;border-color:#78995c}.character-options b{font-size:15px}.character-options small{align-self:start;color:#547345;font-size:11px}.character-portrait{position:relative;display:block;width:65px;height:68px;overflow:hidden;grid-row:1/3}.character-portrait .hero-look{position:absolute;left:-46px;top:-5px;transform:scale(.7);transform-origin:top center}.character-portrait .block-avatar{animation:none}.character-note{font-size:11px;color:#62775b;line-height:1.6;margin-top:10px}.character-picker{margin-bottom:24px}.block-hair{position:absolute;background:var(--hair);left:10px;top:13px;width:60px;height:50px;border-radius:6px}.hairstyle-short .block-hair{display:none}.hairstyle-bob .block-hair{height:61px;border-radius:8px 8px 13px 13px}.hairstyle-ponytail .block-hair:after{content:'';position:absolute;right:-14px;top:9px;width:22px;height:66px;background:var(--hair);border-radius:8px 12px 16px 6px;transform:rotate(-10deg);border-top:6px solid #dba05e}.hairstyle-pigtails .block-hair:before,.hairstyle-pigtails .block-hair:after{content:'';position:absolute;left:-17px;top:17px;width:20px;height:43px;background:var(--hair);border-radius:7px 4px 12px 12px;transform:rotate(12deg);border-top:5px solid #dba05e}.hairstyle-pigtails .block-hair:after{left:auto;right:-17px;transform:rotate(-12deg)}
.merch-bow,.block-hat.bow{width:43px;height:24px;background:#de87a0;clip-path:polygon(0 0,43% 27%,57% 27%,100% 0,100% 100%,57% 73%,43% 73%,0 100%);box-shadow:none;border-radius:3px}.merch-bow:after,.block-hat.bow:after{content:'';position:absolute;width:8px;left:18px;top:3px;bottom:3px;background:#b95479;border-radius:3px}.block-hat.bow{left:45px;top:10px;width:32px;height:20px;transform:rotate(12deg)}.block-hat.bow:after{left:13px;width:6px}.merch-flowercrown,.block-hat.flowercrown{background:#71995e;width:55px;height:9px;border-radius:8px;box-shadow:none}.merch-flowercrown:before,.block-hat.flowercrown:before{content:'';position:absolute;left:3px;top:-6px;width:13px;height:13px;border:4px solid #efb4c4;background:#efcf74;border-radius:50%;box-shadow:18px 0 #efb4c4,36px 0 #efb4c4}.block-hat.flowercrown{top:18px;left:12px}.merch-dress,.merch-baju_kurung{width:44px;height:51px;background:linear-gradient(#b298ce 0 45%,#8c72af 45% 50%,#b298ce 50%);clip-path:polygon(28% 0,72% 0,91% 20%,80% 37%,70% 29%,100% 100%,0 100%,30% 29%,20% 37%,9% 20%)}.merch-baju_kurung{background:linear-gradient(#56a39e 0 63%,#e0c284 63% 68%,#448681 68%);clip-path:polygon(23% 0,77% 0,100% 15%,94% 59%,77% 59%,84% 100%,16% 100%,23% 59%,6% 59%,0 15%)}.outfit-dress .block-body,.outfit-dress .block-arm{background:#b298ce}.block-skirt{display:none;position:absolute;left:3px;top:103px;width:74px;height:33px;background:#b298ce;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);border-top:5px solid #8c72af}.outfit-dress .block-skirt,.outfit-baju_kurung .block-skirt{display:block}.outfit-baju_kurung .block-body,.outfit-baju_kurung .block-arm{background:#56a39e}.outfit-baju_kurung .block-arm{border-bottom-width:9px}.outfit-baju_kurung .block-skirt{height:43px;top:104px;background:linear-gradient(#56a39e 0 39%,#e0c284 39% 48%,#448681 48%);border-top:0;left:8px;width:64px}.outfit-baju_kurung .block-body:after{content:'';position:absolute;left:25px;top:0;width:5px;height:24px;background:#e0c284}