.creator[hidden],.shell[hidden]{display:none!important}
.sprite{width:132px;height:150px;background-size:1536px 1024px;background-position:-5px -2px;transform:scale(1.16);transform-origin:center bottom}
.sprite.sprite-b{background-position:-5px -151px}
.sprite.sprite-c{background-position:-5px -299px}
.world-avatar{width:92px;height:108px;background-size:1075px 717px;background-position:-5px -2px}
.world-avatar.sprite-b{background-position:-5px -106px}
.world-avatar.sprite-c{background-position:-5px -210px}

/* V16 production world: painted environment only; every control is a real DOM layer. */
.shell[data-view="garden"]{padding-bottom:0;background:#dce9c5}
.shell[data-view="garden"] .topbar{display:flex}
#garden.on{height:calc(100dvh - 72px)}
#garden.on .world{height:100%;min-height:0;background:#dce9c5}
#garden.on .world>picture,#garden.on .world>picture>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;pointer-events:none}
#garden.on .world-avatar{display:block}
#garden.on .quest{display:none}
#garden.on .shared{display:block;position:absolute;z-index:9;left:10px;right:10px;top:10px;margin:0;padding:9px 11px;background:#fff9e8e8;backdrop-filter:blur(3px)}
#garden.on .shared p{display:none}
#garden.on .hotspot{display:none!important}
.shell[data-view="garden"] .dock{height:75px;background:#fff9e8f2;border-top:2px solid #a98064;backdrop-filter:blur(8px);padding:6px 7px calc(6px + env(safe-area-inset-bottom))}
.shell[data-view="garden"] .dock button{opacity:1}

/* V12 Garden Club: bolder enamel accents while preserving the painted cozy world. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.club-view{min-height:calc(100dvh - 147px);background:linear-gradient(180deg,#193d38 0 158px,#f7edcf 158px)}
.club-head{padding:20px 16px 16px;color:#fff8df;display:flex;justify-content:space-between;align-items:flex-start;background:radial-gradient(circle at 82% 20%,#e8837040 0 12%,transparent 13%),linear-gradient(135deg,#193d38,#285e50)}
.club-head small{font-size:9px;letter-spacing:1.7px;color:#f1c45f;font-weight:900}.club-head h1{margin:3px 0 1px;font-size:25px}.club-head p{margin:0;font-size:11px;color:#cfe4d2}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fe08a;box-shadow:0 0 0 4px #6fe08a22;margin-right:4px}.club-badge{border:2px solid #f4cd70;border-radius:15px;background:#102c29;color:#f4cd70;padding:9px 11px;font-weight:1000;box-shadow:0 4px 0 #0b211f}
.room-tabs{display:flex;gap:7px;padding:10px 12px;background:#e9d7a9;border-bottom:2px solid #7b5645;overflow:auto}.room-tabs button{border:2px solid #775242;border-radius:999px;background:#fff8e7;padding:7px 11px;white-space:nowrap;font-size:11px;font-weight:900}.room-tabs button.on{background:#e88370;color:#fff;border-color:#663d36}
.chat-messages{height:calc(100dvh - 335px);min-height:300px;overflow:auto;padding:14px 12px 24px;display:flex;flex-direction:column;gap:11px;background:radial-gradient(#d3c49c66 1px,transparent 1px);background-size:18px 18px}
.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:end}.message.mine{grid-template-columns:minmax(0,1fr) 38px}.message.mine .message-face{order:2}.message.mine .bubble{justify-self:end;background:#d7ead0;border-color:#3c7056}.message-face{width:38px;height:38px;border:2px solid #6b4639;border-radius:13px;background:#f3c67a;display:grid;place-items:center;font-size:20px}.bubble{max-width:88%;background:#fffaf0;border:2px solid #7c5947;border-radius:17px 17px 17px 5px;padding:8px 10px;box-shadow:0 3px 0 #6b493520}.mine .bubble{border-radius:17px 17px 5px 17px}.bubble header{display:flex;gap:7px;align-items:center;margin-bottom:2px}.bubble header b{font-size:11px}.bubble header span{font-size:8px;color:#8b6a5a}.bubble p{font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}.bubble .rank-chip{font-size:8px;background:#183d37;color:#f4cd70;padding:2px 5px;border-radius:99px}.share-card{margin-top:7px;border:2px solid #7e5846;border-radius:13px;background:#f5dfaa;overflow:hidden}.share-card-art{height:68px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#d7e7c8,#f2c986)}.share-card-body{padding:7px}.share-card-body b,.share-card-body span{display:block}.share-card-body span{font-size:10px}.share-card-body button{width:100%;margin-top:6px;border:2px solid #52382f;background:#e88370;color:white;border-radius:9px;padding:6px;font-weight:900}.delivery{display:block;text-align:right;font-size:8px;color:#68806c;margin-top:3px}
.composer{position:sticky;bottom:75px;display:grid;grid-template-columns:40px 1fr 52px;gap:7px;padding:9px 10px;background:#fff7e4;border-top:2px solid #8a634f}.composer>button{border:2px solid #654438;border-radius:13px;background:#efc467;font-weight:1000}.composer label input{width:100%;height:42px;border:2px solid #8c6856;border-radius:14px;background:#fffdf5;padding:0 11px;outline:none}.composer label input:focus{box-shadow:0 0 0 4px #52a48b44}.composer .send{background:#1f574b;color:white}.chat-actions{position:fixed;z-index:25;left:50%;bottom:128px;transform:translateX(-50%);width:min(calc(100% - 24px),456px);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px;background:#fff8e7;border:2px solid #674537;border-radius:17px;box-shadow:0 10px 30px #38231f44}.chat-actions[hidden]{display:none}.chat-actions button{border:2px solid #8b6652;border-radius:12px;background:#e3edd4;padding:9px 4px;font-size:10px}.reply-preview{padding:7px 12px;background:#e1ebd4;border-left:4px solid #e88370;font-size:10px}
@media(max-height:700px){.chat-messages{height:calc(100dvh - 300px);min-height:220px}.club-head{padding-top:12px;padding-bottom:10px}}
.atlas-art{display:block;width:64px;height:64px;background-image:url('../assets/item-atlas-v13.png');background-size:400% 400%;background-position:calc(var(--col) * 33.333%) calc(var(--row) * 33.333%);border-radius:10px}.atlas-art.large{width:180px;height:180px;margin:auto}.item .atlas-art{font-size:0}.product .product-art{overflow:hidden}.product .product-art .atlas-art{width:100%;height:100%;border-radius:0}.product-detail{text-align:center}.product-detail h3{margin:8px 0}.product-detail .notice{text-align:left}