/* WhatDew World — Phase 4B: server-persisted cosmetic customization. */
.world-customize-open{display:grid;grid-template-columns:auto 1fr auto;width:100%;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid rgba(85,73,132,.18);border-radius:16px;background:linear-gradient(135deg,rgba(249,246,255,.96),rgba(239,255,246,.94));color:#355446;text-align:left;box-shadow:0 10px 25px rgba(48,76,62,.09);cursor:pointer}.world-customize-open>span:first-child{font-size:1.35rem}.world-customize-open strong,.world-customize-open small{display:block}.world-customize-open strong{font-size:.82rem}.world-customize-open small{margin-top:2px;color:#66766f;font-size:.67rem;font-weight:700}.world-customize-open>span:last-child{font-weight:900}
.world-customization-dialog{position:fixed;inset:auto 0 18px;width:min(760px,calc(100% - 24px));max-height:min(70dvh,700px);margin:auto;padding:0;border:0;border-radius:28px;background:transparent;color:#294b3c;box-shadow:0 30px 90px rgba(19,44,34,.3)}.world-customization-dialog::backdrop{background:rgba(24,40,35,.32);backdrop-filter:blur(4px)}.world-customization-sheet{display:grid;max-height:min(70dvh,700px);overflow:hidden;border:1px solid rgba(50,92,70,.15);border-radius:28px;background:rgba(252,255,250,.98)}.world-customization-handle{display:none}.world-customization-header{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px 20px 12px;border-bottom:1px solid rgba(51,91,71,.1)}.world-customization-header h2,.world-customization-header p{margin:0}.world-customization-header h2{font-size:1.55rem;letter-spacing:-.03em}.world-customization-header>div>p:last-child{max-width:620px;margin-top:6px;color:#60756b;font-size:.78rem;font-weight:650}.world-customization-close{width:38px;height:38px;border:1px solid rgba(55,82,70,.15);border-radius:50%;background:#fff;color:#496458;font-size:1.35rem;cursor:pointer}.world-customization-categories{display:grid;gap:10px;padding:14px 18px 8px;overflow:auto}.world-customization-category{padding:12px;border:1px solid rgba(47,88,68,.13);border-radius:18px;background:#fff;box-shadow:0 7px 18px rgba(45,78,60,.06)}.world-customization-category>header>div{display:flex;align-items:center;gap:9px}.world-customization-category>header>div>span:first-child{font-size:1.2rem}.world-customization-category strong,.world-customization-category small{display:block}.world-customization-category header strong{font-size:.82rem}.world-customization-category header small{margin-top:1px;color:#708078;font-size:.65rem;font-weight:750}.world-customization-category.locked{background:#f5f7f5;opacity:.7}.world-cosmetic-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.world-cosmetic-option{min-height:64px;padding:8px 9px;border:1px solid rgba(62,98,78,.13);border-radius:13px;background:#f8fbf8;color:#405c4f;text-align:left;cursor:pointer}.world-cosmetic-option strong{font-size:.72rem}.world-cosmetic-option small{margin-top:3px;color:#728078;font-size:.6rem;line-height:1.25;font-weight:650}.world-cosmetic-option.selected{border-color:rgba(78,71,154,.42);background:#f2efff;box-shadow:inset 0 0 0 1px rgba(98,83,183,.1)}.world-cosmetic-option:disabled{cursor:not-allowed;opacity:.55}.world-customization-status{min-height:18px;margin:4px 20px 0;color:#527060;font-size:.7rem;font-weight:750}.world-customization-status.error{color:#a34141}.world-customization-actions{display:flex;padding:11px 18px calc(14px + env(safe-area-inset-bottom));justify-content:flex-end;gap:8px;border-top:1px solid rgba(48,91,70,.1);background:rgba(249,252,248,.96)}.world-customization-saved{position:absolute;left:50%;bottom:18px;z-index:11;margin:0;padding:9px 13px;border:1px solid rgba(39,104,65,.18);border-radius:999px;background:rgba(246,255,244,.96);box-shadow:0 10px 30px rgba(31,75,51,.17);color:#2e6744;font-size:.72rem;font-weight:850;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.world-customization-saved.show{opacity:1;transform:translate(-50%,0)}
.world-map[data-world-cosmetic-flowers="wildflowers"] .world-upgrade-blooms span:nth-child(3n+1){color:#f0a2bb}.world-map[data-world-cosmetic-flowers="wildflowers"] .world-upgrade-blooms span:nth-child(3n+2){color:#f3d15c}.world-map[data-world-cosmetic-flowers="wildflowers"] .world-upgrade-blooms span:nth-child(3n){color:#d8b2ef}.world-map[data-world-cosmetic-flowers="sunflowers"] .world-upgrade-blooms span{color:#f3bd37;text-shadow:0 1px #7c6c36}.world-map[data-world-cosmetic-flowers="roses"] .world-upgrade-blooms span{color:#e4789b;text-shadow:0 0 5px rgba(229,117,153,.2)}
.world-map[data-world-cosmetic-town-flag="purple"] .town-flag{fill:#7d5bd1}.world-map[data-world-cosmetic-town-flag="green"] .town-flag{fill:#3f9566}.world-map[data-world-cosmetic-town-flag="gold"] .town-flag{fill:#d8a62c;filter:drop-shadow(0 0 5px rgba(245,211,87,.55))}
.world-map[data-world-cosmetic-bench="rustic"] .world-upgrade-bench{background:#9b6b49}.world-map[data-world-cosmetic-bench="stone"] .world-upgrade-bench{background:#9ca4a3;box-shadow:0 4px 0 #6f7978}.world-map[data-world-cosmetic-bench="garden"] .world-upgrade-bench{background:#7a9b6d;box-shadow:0 4px 0 #56724f,0 -5px 0 -2px #d987a4}
.world-map[data-world-cosmetic-lanterns="classic"] .world-upgrade-lamp i{background:#ffe296}.world-map[data-world-cosmetic-lanterns="iron"] .world-upgrade-lamp{filter:brightness(.86)}.world-map[data-world-cosmetic-lanterns="iron"] .world-upgrade-lamp i{background:#fff0bb;box-shadow:0 0 10px rgba(255,232,158,.9)}.world-map[data-world-cosmetic-lanterns="firefly"] .world-upgrade-lamp i{background:#d9f59a;box-shadow:0 0 13px rgba(196,240,111,.95)}.world-map[data-world-cosmetic-lanterns="firefly"] .world-upgrade-lamp:nth-child(2n){transform:translate(-50%,-100%) scale(.92)}
.world-map[data-world-cosmetic-cafe-awning="cream"] .world-location-cafe .awning{fill:#f7f1df;stroke:#be625a}.world-map[data-world-cosmetic-cafe-awning="striped"] .world-location-cafe .awning{fill:#f3c6cf;stroke:#b85770;stroke-width:4}.world-map[data-world-cosmetic-cafe-awning="garden"] .world-location-cafe .awning{fill:#b9d6ad;stroke:#58865d}
.world-map[data-world-cosmetic-fountain="stone"] .world-upgrade-fountain-ring{color:#f7e6bd}.world-map[data-world-cosmetic-fountain="floral"] .world-upgrade-fountain-ring{color:#ef8eb1;text-shadow:10px 4px #f2cc5e,-10px 4px #e8a0c1}.world-map[data-world-cosmetic-fountain="starlit"] .world-upgrade-fountain-ring{color:#fff1a8;filter:drop-shadow(0 0 8px rgba(255,238,154,.9));animation:world-cosmetic-starlight 2.4s ease-in-out infinite alternate}.world-map[data-world-daypart="night"][data-world-cosmetic-fountain="starlit"] .world-fountain{filter:drop-shadow(0 0 10px rgba(140,216,230,.55))}
.world-tree-visual-wrap{position:relative}.world-map[data-world-cosmetic-tree-decor="birdhouse"] .world-tree-visual-wrap::after{content:"🏠";position:absolute;right:18%;top:42%;font-size:16px;transform:rotate(4deg)}.world-map[data-world-cosmetic-tree-decor="ribbons"] .world-tree-visual-wrap::after{content:"🎀  🎀";position:absolute;left:50%;top:31%;width:78%;font-size:13px;letter-spacing:38px;transform:translateX(-50%)}.world-map[data-world-cosmetic-tree-decor="stars"] .world-tree-visual-wrap::after{content:"✦   ✦   ✦";position:absolute;left:50%;top:20%;width:100%;color:#ffe78a;font-size:14px;text-align:center;filter:drop-shadow(0 0 6px rgba(255,224,111,.8));transform:translateX(-50%);animation:world-cosmetic-starlight 2.2s ease-in-out infinite alternate}
@keyframes world-cosmetic-starlight{from{opacity:.55}to{opacity:1}}
@media(max-width:720px){.world-customization-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:64dvh;margin:0;border-radius:26px 26px 0 0}.world-customization-sheet{max-height:64dvh;border-radius:26px 26px 0 0}.world-customization-handle{display:block;width:42px;height:5px;margin:9px auto 0;border-radius:999px;background:rgba(58,81,70,.2)}.world-customization-header{padding:10px 15px}.world-customization-header h2{font-size:1.25rem}.world-customization-categories{padding:10px 12px 6px}.world-cosmetic-options{grid-template-columns:1fr}.world-cosmetic-option{min-height:0}.world-customization-actions{padding-inline:12px}.world-customization-actions .btn{flex:1}.world-customization-saved{bottom:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.world-customization-saved,.world-map[data-world-cosmetic-fountain="starlit"] .world-upgrade-fountain-ring,.world-map[data-world-cosmetic-tree-decor="stars"] .world-tree-visual-wrap::after{animation:none!important;transition:none!important}}