@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sky:#87ceeb;--ocean:#20b2aa;--ocean-deep:#178f89;--sand:#f4d03f;--sand-dark:#e8c547;--grass:#7ec850;--grass-dark:#5a9e3a;--coral:#ff6b6b;--sun:#ffd93d;--white:#fff;--text:#2c3e50;--text-light:#5d6d7e;--panel:#fffdf7;--panel-border:#e8dcc8;--accent:#e74c3c;--accent-hover:#c0392b;--shadow:#2c3e5026;color:var(--text);font-family:Nunito,system-ui,sans-serif;line-height:1.5}:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}html,body,#root{height:100dvh;overflow:hidden}body{background:var(--sky)}button{cursor:pointer;border:none;font-family:inherit}.app{flex-direction:column;height:100%;display:flex}.btn{border-radius:12px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--ocean);color:#fff}.btn-secondary:hover{background:var(--ocean-deep)}.btn-ghost{color:var(--text);border:2px solid var(--panel-border);background:0 0}.btn-ghost:hover{background:var(--panel)}.btn-small{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:.3rem .7rem;font-size:.82rem}.btn-large{padding:.85rem 2rem;font-size:1.15rem}.btn-danger{color:var(--accent);background:#ffeaea;border-color:#ffcaca}.welcome{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.welcome-sound{z-index:2;position:absolute;top:1rem;right:1rem}.sound-toggle{align-items:center;gap:.35rem;display:inline-flex}.sound-toggle__icon{font-size:1.1rem;line-height:1}.sound-toggle__label{font-weight:700}.sound-toggle--muted{opacity:.85}.interior-header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.welcome-scene{z-index:0;position:absolute;inset:0}.welcome-scene-svg{width:100%;height:100%;display:block}.welcome-cloud-1{animation:38s linear infinite cloud-drift}.welcome-cloud-2{animation:52s linear infinite reverse cloud-drift}.welcome-cloud-3{animation:45s linear -10s infinite cloud-drift}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(60px)}}.welcome-boat{animation:5s ease-in-out infinite yacht-bob}@keyframes yacht-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.welcome-beach-roo{animation:3s ease-in-out infinite roo-hop}@keyframes roo-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}50%{transform:translateY(-8px)translate(4px)}60%{transform:translateY(-3px)}}.welcome-distant-village{animation:6s ease-in-out infinite village-shimmer}@keyframes village-shimmer{0%,to{opacity:.92}50%{opacity:.82}}.welcome-seagull{animation:16s linear infinite seagull-fly}@keyframes seagull-fly{0%{opacity:0;transform:translate(180px,180px)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(820px,140px)}}.welcome-lighthouse-glow{animation:2s ease-in-out infinite lighthouse-pulse}@keyframes lighthouse-pulse{0%,to{opacity:1}50%{opacity:.5}}.welcome-wave-line{animation:5s ease-in-out infinite wave-shift}.welcome-wave-line-2{animation:7s ease-in-out infinite reverse wave-shift}@keyframes wave-shift{0%,to{transform:translate(0)}50%{transform:translate(15px)}}.welcome-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;max-width:480px;box-shadow:0 8px 32px var(--shadow);border:3px solid var(--sand);z-index:1;background:#fffdf7eb;border-radius:24px;padding:2.5rem 3rem;position:relative}.welcome-mascot{font-size:4rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.welcome-card h1{color:var(--accent);margin:.5rem 0;font-size:2.8rem;font-weight:800}.welcome-tagline{color:var(--text-light);margin-bottom:.5rem;font-size:1.05rem}.welcome-safe{color:var(--ocean-deep);margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.welcome-features{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.welcome-features span{background:#e8f8f5;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.welcome-actions{flex-direction:column;gap:.75rem;display:flex}.install-app-banner{text-align:left;border-top:2px dashed #20b2aa59;margin-top:1.25rem;padding-top:1rem}.install-app-banner-inner{flex-direction:column;gap:.75rem;display:flex}.install-app-banner-text strong{color:var(--ocean-deep);margin-bottom:.35rem;font-size:.95rem;display:block}.install-app-banner-text p{color:var(--text-light);margin:0;font-size:.85rem;line-height:1.45}.install-app-banner-actions{flex-wrap:wrap;gap:.5rem;display:flex}.install-app-dismiss{border-color:var(--panel-border);color:var(--text-light);background:0 0}.play-anywhere-panel{text-align:left;border-top:2px dashed #20b2aa59;flex-direction:column;gap:.85rem;margin-top:1.25rem;padding-top:1rem;display:flex}.play-anywhere-row{flex-direction:column;gap:.35rem;display:flex}.play-anywhere-row p{color:var(--text-light);margin:0;font-size:.85rem;line-height:1.45}.play-anywhere-row--highlight{background:#e8f8f5;border-radius:12px;margin:0 -.5rem;padding:.65rem .5rem}.play-anywhere-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ocean-deep);background:#20b2aa1f;border-radius:999px;align-self:flex-start;padding:.2rem .55rem;font-size:.75rem;font-weight:800}.play-anywhere-actions{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.play-anywhere-installed{color:var(--ocean-deep);margin:0;font-size:.85rem;font-weight:700}.get-app-overlay{z-index:2000;background:#1428328c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.get-app-modal{background:var(--panel);border:3px solid var(--panel-border);border-radius:20px;width:min(520px,100%);max-height:min(90vh,720px);padding:1.35rem 1.35rem 1.1rem;position:relative;overflow-y:auto;box-shadow:0 16px 48px #0003}.get-app-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.get-app-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-right:1.5rem;display:flex}.get-app-icon{border-radius:16px;flex-shrink:0;box-shadow:0 4px 12px #0000001f}.get-app-header h2{color:var(--ocean-deep);margin:0 0 .35rem;font-size:1.25rem}.get-app-subtitle{color:var(--text-light);margin:0;font-size:.88rem;line-height:1.45}.get-app-sections{flex-direction:column;gap:1rem;display:flex}.get-app-section{background:#f8fcfb;border:2px solid #20b2aa33;border-radius:14px;padding:.85rem 1rem}.get-app-section h3{color:var(--ocean-deep);margin:0 0 .45rem;font-size:.95rem}.get-app-section p{color:var(--text-light);margin:0;font-size:.85rem;line-height:1.5}.get-app-section--tip{background:#fff8f0;border-color:#c4956a59}.get-app-url-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.65rem;display:flex}.get-app-url{border:1px solid var(--panel-border);word-break:break-all;min-width:0;color:var(--text);background:#fff;border-radius:8px;flex:1;padding:.4rem .55rem;font-size:.72rem}.get-app-steps{color:var(--text-light);margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.55}.get-app-steps li+li{margin-top:.35rem}.get-app-install-btn{width:100%;margin-top:.65rem}.get-app-success{font-weight:700;color:var(--ocean-deep)!important}.get-app-qr{flex-direction:column;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.get-app-qr p{text-align:center;font-size:.8rem!important}.get-app-done{width:100%;margin-top:1rem}.get-app-btn{white-space:nowrap}.screen-header{background:var(--panel);border-bottom:2px solid var(--panel-border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.screen-header h2{font-size:1.3rem}.header-spacer{width:80px}.screen-footer{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));text-align:center;background:var(--panel);border-top:2px solid var(--panel-border);flex-shrink:0}.avatar-creator .screen-footer{z-index:10;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000014}.placement-ghost{opacity:.55;pointer-events:none;z-index:4;filter:saturate(.9);justify-content:center;align-items:flex-end;display:flex;position:absolute}.placement-ghost:after{content:"";pointer-events:none;border:2px dashed #20b2aaa6;border-radius:6px;position:absolute;inset:-4px}.import-save-summary{grid-template-columns:1fr 1fr;gap:.65rem 1rem;margin:1rem 0;font-size:.9rem;display:grid}.import-save-summary dt{text-transform:uppercase;letter-spacing:.03em;color:var(--text-light);font-size:.75rem;font-weight:700}.import-save-summary dd{color:var(--ocean-deep);margin:.15rem 0 0;font-weight:700}.import-save-preview-list{color:var(--text-light);margin:0 0 .75rem;font-size:.85rem;line-height:1.45}.import-save-modal{max-width:440px}.avatar-creator{background:#f0f8ff;flex-direction:column;height:100%;display:flex}.avatar-creator-body{flex:1;gap:1.5rem;min-height:0;padding:1.5rem 1.5rem .5rem;display:flex;overflow:auto}.avatar-preview-panel{flex-direction:column;flex:0 0 240px;align-items:center;gap:1rem;display:flex}.avatar-preview-bg{background:linear-gradient(#e8eef4 0%,#f0f0f0 55%,#e0e0e0 100%);border:3px solid #d0d0d0;border-radius:20px;justify-content:center;width:100%;padding:2rem 1.5rem 1rem;display:flex}.avatar-sprite{filter:none}.name-input-label{flex-direction:column;gap:.35rem;width:100%;font-weight:700;display:flex}.name-input{border:2px solid var(--panel-border);border-radius:10px;padding:.6rem .85rem;font-family:inherit;font-size:1rem}.avatar-options-panel{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.picker-group{background:var(--panel);border:2px solid var(--panel-border);border-radius:14px;padding:.85rem 1rem}.picker-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.color-row{flex-wrap:wrap;gap:.45rem;display:flex}.color-swatch{border:3px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--accent);transform:scale(1.15)}.option-row{flex-wrap:wrap;gap:.4rem;display:flex}.option-btn{background:#f5f0e8;border:2px solid #0000;border-radius:10px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.option-btn.selected{border-color:var(--ocean);color:var(--ocean-deep);background:#e8f8f5}.coastal-world{flex-direction:column;height:100%;display:flex}.world-header{background:var(--panel);border-bottom:2px solid var(--panel-border);justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex}.world-header-left{align-items:baseline;gap:1rem;display:flex}.world-header-left h2{color:var(--accent);font-size:1.4rem;font-weight:800}.player-name{color:var(--text-light);font-weight:600}.world-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.time-controls{gap:.25rem;display:flex}.local-time-display{cursor:default;pointer-events:none;white-space:nowrap}.coastal-map,.placed-building,.player-avatar,.building-card,.category-tab{touch-action:none}.placed-building svg{filter:none;pointer-events:none}.placed-building .toca-ground-shadow,.placed-building .beach-sand-base{display:none}.building-art--placed{width:100%;height:100%}.building-preview svg{filter:none}.map-moon{opacity:0;background:beige;border-radius:50%;width:50px;height:50px;transition:opacity 1.5s;position:absolute;top:10%;right:15%;box-shadow:0 0 20px #f5f5dc66}.map-stars{opacity:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 15%,#fff,#0000),radial-gradient(1.5px 1.5px at 80% 25%,#fff,#0000),radial-gradient(1px 1px at 40% 20%,#fff,#0000),radial-gradient(1px 1px at 10% 10%,#fff,#0000),radial-gradient(1px 1px at 70% 8%,#fff,#0000);transition:opacity 1.5s;position:absolute;inset:0 0 45%}.coastal-map--sunset .map-sky{background:linear-gradient(#ff8c42 0%,#ff6b6b 40%,#c44569 100%)}.coastal-map--night .map-sky{background:linear-gradient(#0b1d3a 0%,#1a3a5c 100%)}.coastal-map--night .map-moon,.coastal-map--night .map-stars{opacity:1}.coastal-map--night .map-ocean,.coastal-map--night .map-land{background:0 0}.coastal-map--dawn .map-sky{background:linear-gradient(#ffb347 0%,#ffccbc 50%,#87ceeb 100%)}.sidebar-right{background:var(--panel);border-left:2px solid var(--panel-border);flex-direction:column;width:240px;min-height:0;display:flex;overflow:hidden}.sidebar-right-tabs{border-bottom:2px solid var(--panel-border);flex-shrink:0;display:flex}.sidebar-right-tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex:1;padding:.65rem .5rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.sidebar-right-tab:hover{background:#faf8f4}.sidebar-right-tab.active{color:var(--ocean-deep);box-shadow:inset 0 -3px 0 var(--ocean);background:#faf8f4}.personalization-panel{flex-direction:column;flex:1;gap:1rem;padding:.85rem 1rem 1rem;display:flex;overflow-y:auto}.personalization-preview{flex-direction:column;align-items:center;gap:.65rem;display:flex}.avatar-preview-bg-sm{width:100%;padding:1.25rem 1rem .75rem}.personalization-section{border:2px solid var(--panel-border);background:#faf8f4;border-radius:12px;padding:.75rem}.personalization-heading{margin-bottom:.25rem;font-size:.9rem}.personalization-note{color:var(--text-light);margin-bottom:.6rem;font-size:.72rem;line-height:1.4}.personalization-save-btn{width:100%;margin-top:.5rem}.save-status{color:var(--ocean-deep);background:#e8f8f5;border-radius:8px;padding:.45rem .6rem;font-size:.75rem;font-weight:600}.save-status-flash{color:#1e6b3a;background:#d4edda}.personalization-stats{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.personalization-stats div{text-align:center;border:1px solid var(--panel-border);background:#fff;border-radius:8px;padding:.5rem}.personalization-stats dt{color:var(--text-light);margin-bottom:.15rem;font-size:.65rem}.personalization-stats dd{color:var(--ocean-deep);margin:0;font-size:1.1rem;font-weight:800}.welcome-save-note{color:var(--text-light);text-align:center;margin:0;font-size:.78rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quest-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.quest-title{padding:.85rem 1rem .25rem;font-size:1.1rem}.quest-subtitle{color:var(--text-light);padding:0 1rem .75rem;font-size:.78rem}.quest-list{flex-direction:column;flex:1;gap:.5rem;padding:0 .65rem .65rem;display:flex;overflow-y:auto}.quest-card{border:2px solid var(--panel-border);background:#faf8f4;border-radius:12px;padding:.65rem .75rem}.quest-card strong{margin-bottom:.2rem;font-size:.88rem;display:block}.quest-card p{color:var(--text-light);margin-bottom:.4rem;font-size:.75rem}.quest-hint{font-style:italic;margin-bottom:0!important;font-size:.68rem!important}.quest-progress-bar{background:#e8e0d4;border-radius:3px;height:6px;margin-bottom:.25rem;overflow:hidden}.quest-progress-fill{background:var(--ocean);border-radius:3px;height:100%;transition:width .3s}.quest-progress-text{color:var(--ocean-deep);font-size:.7rem;font-weight:700}.quest-done{border-color:var(--ocean);opacity:.85;background:#e8f8f5}.quest-badge{background:var(--ocean);color:#fff;border-radius:8px;margin-bottom:.35rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.quest-all-done{text-align:center;padding:1rem;font-size:.85rem;font-weight:600}.quest-all-done span{margin-bottom:.5rem;font-size:2rem;display:block}.celebration-toast{background:var(--accent);color:#fff;z-index:100;box-shadow:0 6px 20px var(--shadow);border-radius:14px;padding:.75rem 1.5rem;font-weight:700;animation:.4s ease-out toast-pop;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.world-body{flex:1;min-height:0;display:flex}.sidebar-left{border-right:2px solid var(--panel-border);background:var(--panel);flex-direction:column;width:260px;min-height:0;display:flex}.sidebar-left .building-palette{border-right:none;flex:1;width:100%;min-height:0}.palette-dimmed{opacity:.55;pointer-events:none}.item-edit-panel{border-top:3px solid var(--ocean);background:#e8f8f5;flex-shrink:0;padding:.85rem}.item-edit-header{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.item-edit-header strong{font-size:.95rem;display:block}.item-edit-facing{color:var(--ocean-deep);font-size:.75rem;font-weight:600;display:block}.item-edit-hint{color:var(--text-light);margin-bottom:.65rem;font-size:.72rem}.item-edit-actions{flex-direction:column;gap:.4rem;display:flex}.btn-edit{border:2px solid var(--panel-border);text-align:center;background:#fff;border-radius:10px;width:100%;padding:.55rem .75rem;font-size:.88rem;font-weight:700}.btn-edit:hover{border-color:var(--ocean);background:#f5fffe}.btn-edit.btn-delete{color:var(--accent);background:#ffeaea;border-color:#ffcaca}.btn-edit.btn-delete:hover{background:#ffd5d5}.item-edit-done{width:100%;margin-top:.25rem}.item-float-controls{z-index:12;pointer-events:auto;gap:.3rem;display:flex;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.float-btn{border:2px solid var(--ocean);width:32px;height:32px;box-shadow:0 2px 8px var(--shadow);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;line-height:1;display:flex}.float-btn:hover{background:#e8f8f5}.float-btn-delete{border-color:var(--accent);color:var(--accent);font-size:.85rem}.building-palette{background:var(--panel);border-right:2px solid var(--panel-border);flex-direction:column;width:260px;display:flex;overflow:hidden}.palette-title{padding:.85rem 1rem .25rem;font-size:1.1rem}.palette-hint{color:var(--text-light);padding:0 1rem .75rem;font-size:.78rem}.category-tabs{flex-direction:column;gap:2px;max-height:220px;padding:0 .5rem;display:flex;overflow-y:auto}.category-tab{text-align:left;background:0 0;border-radius:8px;padding:.45rem .65rem;font-size:.82rem;font-weight:600}.category-tab:hover{background:#f5f0e8}.category-tab.active{color:var(--ocean-deep);background:#e8f8f5}.building-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.45rem;padding:.5rem;display:grid;overflow-y:auto}.building-card{background:#faf8f4;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .3rem;transition:border-color .15s,background .15s;display:flex}.building-card:hover{border-color:var(--sand-dark);background:#fff}.building-card.selected{border-color:var(--ocean);background:#e8f8f5}.building-emoji{font-size:1.6rem}.building-name{text-align:center;font-size:.68rem;font-weight:700;line-height:1.2}.palette-footer{border-top:1px solid var(--panel-border);padding:.65rem}.palette-tip{color:var(--text-light);font-size:.72rem;line-height:1.4}.map-container{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.placement-hint{background:var(--panel);z-index:10;box-shadow:0 4px 12px var(--shadow);border:2px solid var(--ocean);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.item-toolbar{background:var(--panel);z-index:10;box-shadow:0 4px 12px var(--shadow);border:2px solid var(--ocean);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:95%;padding:.5rem .85rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.coastal-map{cursor:default;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.coastal-map.placing-mode{cursor:crosshair}.map-terrain{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.map-terrain--day{filter:saturate(1.05)brightness(1.02)}.map-terrain--night{filter:saturate(.8)brightness(.9)}.map-terrain--sunset{filter:saturate(1.1)brightness(.98)}.map-terrain--dawn{filter:saturate(1.06)brightness(1.03)}.map-weather{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.weather-fog{background:linear-gradient(#dce4ec8c 0%,#c8d2dc59 45%,#b4c3d233 100%);position:absolute;inset:0}.weather-rain-drop{background:linear-gradient(#0000,#aed6f1d9);border-radius:1px;width:1.5px;height:18px;animation:linear infinite weather-rain-fall;position:absolute;top:-12%;transform:rotate(12deg)}.weather-rain-drop--heavy{opacity:.9;width:2px;height:24px}@keyframes weather-rain-fall{0%{transform:translateY(-10%)rotate(12deg)}to{transform:translateY(115vh)rotate(12deg)}}.weather-snow-flake{background:#ffffffeb;border-radius:50%;width:5px;height:5px;animation:linear infinite weather-snow-fall;position:absolute;top:-5%;box-shadow:0 0 4px #fff9}@keyframes weather-snow-fall{0%{transform:translateY(-5%)translate(0)}to{transform:translateY(110vh)translate(24px)}}.weather-wind-streak{background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:35%;height:2px;animation:linear infinite weather-wind-sweep;position:absolute;left:-20%}@keyframes weather-wind-sweep{0%{opacity:0;transform:translate(0)}15%{opacity:.7}to{opacity:0;transform:translate(420%)}}.weather-storm-flash{pointer-events:none;background:#ffffff14;animation:7s ease-in-out infinite weather-storm-flash;position:absolute;inset:0}@keyframes weather-storm-flash{0%,92%,to{opacity:0}93%{opacity:1}94%{opacity:0}96%{opacity:.85}97%{opacity:0}}.coastal-map--wx-windy .terrain-wave-1,.coastal-map--wx-storm .terrain-wave-1{animation-duration:3s}.coastal-map--wx-windy .terrain-wave-2,.coastal-map--wx-storm .terrain-wave-2{animation-duration:4s}.coastal-map--wx-windy .terrain-wave-3,.coastal-map--wx-storm .terrain-wave-3{animation-duration:5s}.coastal-map--wx-windy .terrain-cloud--fast,.coastal-map--wx-storm .terrain-cloud--fast{animation-duration:28s}.terrain-wave{transform-box:fill-box;transform-origin:50%}.terrain-wave-1{animation:5s ease-in-out infinite terrain-wave-drift}.terrain-wave-2{animation:7s ease-in-out -1.5s infinite reverse terrain-wave-drift}.terrain-wave-3{animation:9s ease-in-out -3s infinite terrain-wave-drift}@keyframes terrain-wave-drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}.terrain-cloud{transform-box:fill-box;transform-origin:50%}.terrain-cloud--slow{animation:90s linear infinite terrain-cloud-drift}.terrain-cloud--mid{animation:65s linear infinite reverse terrain-cloud-drift}.terrain-cloud--fast{animation:45s linear -12s infinite terrain-cloud-drift}@keyframes terrain-cloud-drift{0%{transform:translate(0)}to{transform:translate(80px)}}.terrain-birds{transform-box:fill-box;transform-origin:50%;opacity:.85}.terrain-birds--a{animation:38s ease-in-out infinite terrain-bird-glide}.terrain-birds--b{animation:52s ease-in-out -8s infinite reverse terrain-bird-glide}.terrain-birds--c{animation:44s ease-in-out -20s infinite terrain-bird-glide}.terrain-birds--d{animation:60s ease-in-out -15s infinite reverse terrain-bird-glide}.terrain-birds--e{animation:48s ease-in-out -5s infinite terrain-bird-glide}@keyframes terrain-bird-glide{0%,to{transform:translate(0)}25%{transform:translate(45px,-8px)}50%{transform:translate(90px,4px)}75%{transform:translate(130px,-5px)}}.map-sky{background:linear-gradient(180deg, #6ec6ff 0%, var(--sky) 100%);position:absolute;inset:0 0 45%}.map-ocean{background:linear-gradient(180deg, #48d1cc 0%, var(--ocean) 40%, var(--ocean-deep) 100%);height:38%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wave{background:#ffffff26;border-radius:50%;width:200%;height:30px;animation:4s ease-in-out infinite wave-move;position:absolute}.wave-1{animation-duration:3s;top:5%;left:-10%}.wave-2{opacity:.6;animation-duration:4.5s;top:15%;left:-30%}.wave-3{opacity:.4;animation-duration:5.5s;top:25%;left:-5%}@keyframes wave-move{0%,to{transform:translate(0)}50%{transform:translate(25px)}}.map-beach{background:linear-gradient(180deg, var(--sand) 0%, var(--sand-dark) 100%);height:12%;position:absolute;bottom:30%;left:0;right:0;box-shadow:inset 0 8px 16px #0000000f}.map-land{background:linear-gradient(180deg, var(--grass) 0%, var(--grass-dark) 100%);position:absolute;inset:0 0 42%;box-shadow:inset 0 -12px 24px #0000000d}.map-coastline{pointer-events:none;position:absolute;inset:0}.coast-deco{opacity:.7;font-size:2rem;position:absolute}.placed-road{z-index:2;transform-origin:50%;align-items:center}.placed-road.selected{z-index:7}.placed-road .selection-ring{border-color:#8b7355}.item-float-controls-road{top:auto;bottom:-42px}.placement-rotation-label{color:#8b7355;font-weight:700}.placed-building{cursor:grab;z-index:5;justify-content:center;align-items:flex-end;transition:filter .15s;display:flex;position:absolute;overflow:visible}.placed-building:active{cursor:grabbing}.placed-building.selected{z-index:6}.placed-emoji{filter:drop-shadow(2px 3px 2px #0003);pointer-events:none;font-size:2.8rem}.selection-ring{border:3px dashed var(--ocean);pointer-events:none;border-radius:10px;animation:8s linear infinite dash-spin;position:absolute;inset:-6px}@keyframes dash-spin{to{stroke-dashoffset:-100px}}.player-avatar{z-index:8;cursor:grab;flex-direction:column;align-items:center;display:flex;position:absolute}.player-avatar .avatar-map-scale{width:100%;height:auto;display:block}.player-avatar:active{cursor:grabbing}.avatar-name-tag{background:var(--panel);border:1px solid var(--panel-border);white-space:nowrap;border-radius:8px;margin-top:-4px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}@media (width<=1100px){.sidebar-right{width:200px}}.mobile-header-menu{display:none;position:relative}.time-controls--mobile{display:none}@media (width<=900px){.coastal-world{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))}.world-header{padding:calc(.45rem + env(safe-area-inset-top,0px)) .65rem .45rem;gap:.35rem}.world-header-left h2{font-size:1.1rem}.player-name--mobile-compact{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-size:.78rem;overflow:hidden}.save-indicator--desktop,.time-controls--desktop,.world-header-help-desktop,.world-header-btn-desktop{display:none!important}.time-controls--mobile{color:var(--text-light);white-space:nowrap;font-size:.72rem;font-weight:700;display:inline}.mobile-header-menu{display:block}.get-app-btn{display:none}.save-indicator{text-overflow:ellipsis;white-space:nowrap;max-width:28vw;font-size:.68rem;overflow:hidden}.mobile-header-menu-btn{min-width:44px;min-height:44px;padding:.5rem .75rem}.mobile-header-menu-dropdown{z-index:900;background:var(--panel);border:2px solid var(--panel-border);min-width:180px;box-shadow:0 8px 24px var(--shadow);border-radius:12px;position:absolute;top:calc(100% + .35rem);right:0;overflow:hidden}.mobile-header-menu-dropdown button{text-align:left;border:none;border-bottom:1px solid var(--panel-border);width:100%;min-height:48px;color:var(--text);background:0 0;padding:.85rem 1rem;font-family:inherit;font-size:.92rem;font-weight:700;display:block}.mobile-header-menu-dropdown button:last-child{border-bottom:none}.mobile-menu-danger{color:var(--accent)}.sidebar-right{display:none}.world-body{position:relative}.map-container{flex:1;width:100%;min-height:0}.coastal-world--map-fullscreen .map-container,.coastal-world--build-open .map-container{flex:1}.sidebar-left--mobile-hidden{display:none!important}.sidebar-left--mobile-sheet{left:0;right:0;bottom:calc(3.75rem + env(safe-area-inset-bottom,0px));z-index:860;border-right:none;border-radius:16px 16px 0 0;max-height:min(72vh,560px);position:fixed;box-shadow:0 -8px 32px #0003;width:100%!important}.mobile-build-backdrop{z-index:855;cursor:pointer;background:#00000059;border:none;margin:0;padding:0;position:fixed;inset:0}.building-palette{width:100%;max-height:min(52vh,420px)}.category-tab,.building-card,.btn-small,.btn{min-height:44px}.building-card{padding:.65rem .35rem}.float-btn{width:44px;height:44px;font-size:1.15rem}.item-float-controls{gap:.45rem;top:-48px}.enter-building-btn,.exit-building-btn{min-height:48px;padding:.65rem 1.15rem;font-size:1rem}.placement-hint,.item-toolbar{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 1rem);padding:.55rem .75rem;font-size:.82rem}.placement-hint .btn,.item-toolbar .btn{min-height:44px}.mobile-world-nav{z-index:800;background:var(--panel);border-top:2px solid var(--panel-border);padding:.15rem 0 calc(.15rem + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-world-nav-btn{min-height:56px;color:var(--text-light);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.45rem .25rem;font-family:inherit;font-size:.72rem;font-weight:700;display:flex;position:relative}.mobile-world-nav-btn.active{color:var(--ocean-deep);background:#48b5b014}.mobile-world-nav-emoji{font-size:1.35rem}.mobile-nav-badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:18px;position:absolute;top:.35rem;right:calc(50% - 1.5rem)}.mobile-drawer-overlay{z-index:850;padding-bottom:env(safe-area-inset-bottom,0px);background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer{background:var(--panel);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:min(78vh,640px);display:flex;overflow:hidden}.mobile-drawer .sidebar-right{border-left:none;width:100%;max-height:min(78vh,640px);display:flex;overflow-y:auto}.mobile-drawer-header{border-bottom:2px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.mobile-drawer-header h3{color:var(--accent);margin:0;font-size:1rem}.mobile-drawer-header .btn{min-width:44px;min-height:44px}.undo-toast{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.undo-toast-btn{min-height:44px;padding:.45rem .85rem}.interior-body{flex-direction:column}.interior-room-container{flex:1;order:1;min-height:0}.interior-palette{border-right:none;border-top:2px solid var(--panel-border);flex-shrink:0;order:2;width:100%;max-height:min(42vh,360px)}.interior-furniture-grid{grid-template-columns:repeat(3,1fr);gap:.55rem}.interior-furniture-btn,.interior-wallpaper-btn,.interior-tab,.interior-furniture-category{min-height:44px}.interior-header{padding:.45rem .65rem}.interior-mode-toggle .btn{min-height:44px}.interior-exit-btn{min-height:44px;padding:.5rem .85rem}.welcome-card,.tutorial-card,.modal-card{max-height:calc(100dvh - 1.5rem);margin:.75rem;overflow-y:auto}.avatar-creator-body{flex-direction:column}.avatar-preset-btn{min-height:44px;padding:.5rem .85rem}.option-btn,.color-swatch{min-width:44px;min-height:44px}}@media (width<=768px){.item-float-controls{top:-48px}.avatar-creator-body{flex-direction:column}.avatar-preview-panel{flex:none}}.building-interior{background:#f5f0e8;flex-direction:column;height:100%;display:flex}.interior-header{background:var(--panel);border-bottom:2px solid var(--panel-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.interior-header-left{align-items:center;gap:1rem;display:flex}.interior-header h2{color:var(--accent);font-size:1.3rem;font-weight:800}.interior-subtitle{color:var(--text-light);font-size:.85rem;font-weight:600;display:block}.interior-exit-btn{white-space:nowrap}.interior-body{flex:1;min-height:0;display:flex}.interior-palette{background:var(--panel);border-right:2px solid var(--panel-border);width:200px;padding:.75rem;overflow-y:auto}.interior-furniture-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.interior-furniture-categories{flex-direction:column;gap:.35rem;margin-bottom:.65rem;display:flex}.interior-furniture-category{border:2px solid var(--panel-border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:.38rem .5rem;font-family:inherit;font-size:.68rem;font-weight:700;line-height:1.2}.interior-furniture-category.active{border-color:var(--ocean);color:var(--accent);background:#48b5b01f}.interior-furniture-category:hover{border-color:var(--ocean)}.interior-palette-tabs{gap:.35rem;margin-bottom:.65rem;display:flex}.interior-palette-tabs-3,.interior-palette-tabs-4{flex-wrap:wrap}.interior-palette-tabs-3 .interior-tab{flex:30%;min-width:0;padding:.35rem .25rem;font-size:.62rem}.interior-palette-tabs-4 .interior-tab{flex:45%;min-width:0;padding:.32rem .2rem;font-size:.6rem}.interior-tab{border:2px solid var(--panel-border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;flex:1;padding:.4rem .35rem;font-size:.68rem;font-weight:700;line-height:1.2}.interior-tab:hover{background:var(--accent-soft)}.interior-tab.active{background:var(--accent);border-color:var(--accent-dark);color:#fff}.interior-style-section{margin-bottom:.85rem}.interior-style-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .4rem;font-size:.72rem;font-weight:800}.interior-wallpaper-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.interior-wallpaper-btn{border:2px solid var(--panel-border);background:var(--bg);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem;font-size:.85rem;display:flex}.interior-wallpaper-btn:hover{border-color:var(--accent)}.interior-wallpaper-btn.selected{border-color:var(--accent-dark);box-shadow:0 0 0 2px var(--accent-soft)}.interior-color-row{flex-wrap:wrap;gap:.35rem;display:flex}.interior-color-swatch{border-radius:50%;width:28px;min-width:28px;height:28px;padding:0}.interior-color-swatch-sm{width:22px;min-width:22px;height:22px}.interior-style-subsection{border-top:1px dashed var(--panel-border);padding-top:.25rem}.interior-style-note{color:var(--text-muted);margin:0 0 .35rem;font-size:.65rem;line-height:1.3}.interior-window-grid{grid-template-columns:repeat(3,1fr)}.opening-scale-presets{gap:.35rem;margin-bottom:.45rem;display:flex}.opening-scale-btn{border:2px solid var(--panel-border);background:var(--bg);cursor:pointer;border-radius:8px;flex:1;padding:.35rem .25rem;font-size:.62rem;font-weight:700;line-height:1.2}.opening-scale-btn:hover{border-color:var(--accent)}.opening-scale-btn.selected{border-color:var(--accent-dark);background:var(--accent-soft)}.opening-scale-slider-row{align-items:center;gap:.5rem;display:flex}.opening-scale-slider{accent-color:var(--accent);flex:1;height:6px}.opening-scale-value{color:var(--text-muted);text-align:right;min-width:2.5rem;font-size:.68rem;font-weight:800}.interior-card{padding:.4rem}.interior-card .building-card-name{font-size:.62rem;line-height:1.15}.interior-preview{justify-content:center;align-items:center;width:100%;height:40px;display:flex;overflow:hidden}.interior-preview svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.interior-room-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:1rem;display:flex;position:relative}.interior-room{aspect-ratio:640/480;border:4px solid var(--panel-border);touch-action:none;border-radius:16px;width:min(100%,820px);position:relative;overflow:hidden;box-shadow:0 8px 24px #4e342e26}.interior-room.placing-mode{cursor:crosshair}.interior-room.placing-mode--window{cursor:cell}.interior-room.placing-mode--door{cursor:crosshair}.opening-place-section{border-bottom:1px solid #4e342e1f;margin-bottom:.25rem;padding-bottom:.75rem}.opening-selected-banner{background:#48b5b01f;border-radius:10px;padding:.5rem .65rem}.opening-style-section+.opening-style-section{border-top:1px solid #4e342e1a;margin-top:.35rem;padding-top:.65rem}.interior-wallpaper-btn:disabled{opacity:.35;cursor:not-allowed}.interior-room-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.interior-furniture{cursor:grab;z-index:3;transform-origin:50%;justify-content:center;align-items:center;display:flex;position:absolute}.interior-furniture.is-rug{z-index:1}.interior-furniture.selected{z-index:5}.interior-furniture:active{cursor:grabbing}.interior-furniture svg{filter:drop-shadow(3px 4px #4e342e2e)drop-shadow(0 6px 10px #4e342e14);pointer-events:none}.interior-opening{cursor:grab;z-index:2;touch-action:none;position:absolute;overflow:visible}.interior-opening--door{z-index:3}.interior-opening.selected{z-index:5}.interior-opening:active{cursor:grabbing}.interior-opening svg{pointer-events:none;filter:drop-shadow(2px 3px #4e342e24)}.interior-nav{z-index:12;border:2px solid var(--ocean);color:var(--accent);cursor:pointer;text-align:center;background:#fffffff0;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;max-width:88px;padding:.45rem .65rem;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1.1;transition:transform .12s,background .12s;display:flex;position:absolute;box-shadow:0 3px 10px #4e342e26}.interior-nav:hover{background:#fff;transform:scale(1.05)}.interior-nav-arrow{font-size:1.25rem;line-height:1}.interior-nav-label{font-size:.68rem}.interior-nav--left{top:50%;left:6px;transform:translateY(-50%)}.interior-nav--left:hover{transform:translateY(-50%)scale(1.05)}.interior-nav--right{top:50%;right:6px;transform:translateY(-50%)}.interior-nav--right:hover{transform:translateY(-50%)scale(1.05)}.interior-nav--up{top:6px;left:50%;transform:translate(-50%)}.interior-nav--up:hover{transform:translate(-50%)scale(1.05)}.interior-nav--down{bottom:6px;left:50%;transform:translate(-50%)}.interior-nav--down:hover{transform:translate(-50%)scale(1.05)}.interior-room--upstairs{box-shadow:inset 0 0 0 3px #48b5b02e}.interior-room--outdoor{box-shadow:inset 0 0 0 3px #20b2aa47}.interior-room--lantern-deck{box-shadow:inset 0 0 0 3px #b74a4259}.interior-room--zoo-topdown{background:#7cb342;box-shadow:inset 0 0 0 3px #689f3859}.interior-room--zoo-topdown .interior-room-svg{opacity:1}.interior-room--zoo-topdown .interior-avatar-wrap{z-index:12}.lighthouse-lantern-art{animation:2.4s ease-in-out infinite lantern-glow}@keyframes lantern-glow{0%,to{opacity:1}50%{opacity:.88}}.opening-resize-handle{border:2px solid var(--ocean);cursor:nwse-resize;z-index:2;background:#fff;border-radius:4px;width:18px;height:18px;padding:0;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 6px #4e342e33}.opening-resize-handle:after{content:"";border-right:2px solid var(--ocean);border-bottom:2px solid var(--ocean);opacity:.7;position:absolute;inset:4px}.opening-place-row{gap:.4rem;display:flex}.opening-place-btn{flex:1;font-size:.68rem}.opening-place-btn.active{background:var(--accent-soft);border-color:var(--accent-dark)}.interior-avatar{z-index:6;cursor:grab;touch-action:none;filter:drop-shadow(2px 4px #4e342e33);position:absolute;transform:translate(-50%,-50%)}.interior-avatar:active{cursor:grabbing}.interior-toolbar{margin-bottom:.75rem}.interior-placement-hint{position:static;transform:none}.btn-enter{border-color:var(--ocean);color:var(--ocean-deep);background:#e8f8f5}.enter-building-btn{z-index:12;border:3px solid var(--ocean);color:var(--ocean-deep);cursor:pointer;white-space:nowrap;background:#fff8f0;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;font-weight:800;animation:1.2s ease-in-out infinite enter-bounce;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000026}@keyframes enter-bounce{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 6px))}}.enter-building-btn:hover{background:#e8f8f5}.exit-building-btn{z-index:12;border:3px solid var(--accent);color:#8b4513;cursor:pointer;white-space:nowrap;background:#fff8f0;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:800;animation:1.2s ease-in-out infinite enter-bounce;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000026}.exit-building-btn:hover{background:#fff0e0}.interior-opening--exit-ready{z-index:11;filter:drop-shadow(0 0 8px #ff8c428c)}.interior-opening--exit-ready:after{content:"Exit";color:var(--accent);border:2px solid var(--accent);pointer-events:none;background:#fff8f0;border-radius:8px;padding:.1rem .45rem;font-size:.62rem;font-weight:800;position:absolute;bottom:-1.1rem;left:50%;transform:translate(-50%)}.error-boundary{text-align:center;background:linear-gradient(180deg, var(--sky) 0%, var(--sand) 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;padding:2rem;display:flex}.error-boundary h1{color:var(--accent);font-size:1.75rem}.error-boundary-detail{color:var(--text-light);word-break:break-word;max-width:420px;font-size:.85rem}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tutorial-overlay,.modal-overlay{z-index:1000;background:#0b1d3a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tutorial-card,.modal-card{background:var(--panel);border:2px solid var(--panel-border);border-radius:16px;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 12px 40px #0003}.tutorial-emoji{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.tutorial-progress{text-align:center;color:var(--text-light);font-size:.8rem}.tutorial-title{text-align:center;color:var(--accent);margin:.5rem 0}.tutorial-body{text-align:center;color:var(--text);line-height:1.5}.tutorial-dots{justify-content:center;gap:.4rem;margin:1rem 0;display:flex}.tutorial-dot{background:var(--sand-dark);border-radius:50%;width:8px;height:8px}.tutorial-dot.active{background:var(--ocean)}.tutorial-actions,.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.modal-warning{color:#c0392b;font-size:.85rem;font-weight:600}.undo-toast{z-index:900;color:#fff;background:#2c3e50;border-radius:999px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:fixed;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.undo-toast-btn{color:#2c3e50;background:#fff}.placement-tip-toast{z-index:900;border:2px solid var(--ocean);color:var(--ocean-deep);text-align:center;background:#fff8f0;border-radius:999px;max-width:90vw;padding:.65rem 1.25rem;font-weight:700;position:fixed;top:4.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001f}.save-indicator{color:var(--text-light);font-size:.75rem;font-weight:600}.save-indicator-flash{color:var(--ocean-deep)}.palette-search-row{gap:.35rem;padding:0 .75rem .5rem;display:flex}.palette-search-input{border:2px solid var(--panel-border);border-radius:8px;flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.82rem}.palette-fav-toggle.active{background:#fff3cd;border-color:#ffc107}.category-tab.suggested{border-left:3px solid var(--accent)}.category-suggested-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:.35rem;display:inline-block}.building-card-wrap{position:relative}.building-fav-btn{z-index:2;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;width:22px;height:22px;padding:0;font-size:.75rem;line-height:1;position:absolute;top:2px;right:2px}.building-fav-btn.active{color:#ffc107}.building-room-label{color:var(--text-light);font-size:.62rem;line-height:1.2}.palette-empty{color:var(--text-light);text-align:center;grid-column:1/-1;padding:.5rem;font-size:.78rem}.quest-active{border-color:var(--ocean);background:#f0faf8}.quest-active-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ocean-deep);background:#e8f8f5;border-radius:6px;margin-bottom:.35rem;padding:.15rem .45rem;font-size:.68rem;font-weight:800;display:inline-block}.quest-progress-lines{color:var(--text-light);margin:.25rem 0 0;padding:0;font-size:.78rem;list-style:none}.save-backup-row{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.import-message{color:var(--ocean-deep);margin-top:.35rem;font-size:.78rem}.avatar-presets-section{margin-bottom:.75rem}.avatar-presets-row{flex-wrap:wrap;gap:.35rem;display:flex}.avatar-preset-btn{border:2px solid var(--panel-border);cursor:pointer;background:#faf8f4;border-radius:999px;padding:.35rem .6rem;font-family:inherit;font-size:.78rem;font-weight:600}.avatar-preset-btn:hover{border-color:var(--ocean);background:#e8f8f5}.interior-mode-toggle{gap:.25rem;display:flex}.interior-room-map{background:var(--panel);border-bottom:1px solid var(--panel-border);padding:.5rem .75rem}.interior-room-map-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.interior-room-map-grid{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.interior-room-map-btn{cursor:pointer;background:#faf8f4;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;min-width:64px;padding:.35rem .5rem;font-family:inherit;font-size:.68rem;display:flex}.interior-room-map-btn.active{border-color:var(--ocean);background:#e8f8f5}.interior-room-map-name{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-weight:700;overflow:hidden}.interior-room-map-floor{color:var(--text-light);font-size:.6rem}.quick-furnish-btn{margin:.5rem .75rem 0}.enter-building-btn--highlight{border-color:var(--accent);animation:1s ease-in-out infinite enter-pulse}@keyframes enter-pulse{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 0 0 6px #ff8c4259}}.mobile-world-nav,.mobile-drawer-overlay{display:none}