#environment-status{font-size:.8125rem;white-space:normal;color:var(--chrome-text)}
#field-map .environment-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;transition:background-color 1.5s;contain:strict}
#field-map[data-day-phase="morning"] .environment-layer{background:#f4cd7520}
#field-map[data-day-phase="day"] .environment-layer{background:transparent}
#field-map[data-day-phase="evening"] .environment-layer{background:#bb602642}
#field-map[data-day-phase="night"] .environment-layer{background:#071b4a70}
#field-map[data-weather="cloudy"] .environment-layer{box-shadow:inset 0 0 140px #52647444}
#field-map[data-weather="rain"] .environment-layer{box-shadow:inset 0 0 140px #334b7055}
#field-map .weather-particle{position:absolute;left:var(--particle-x);top:-12%;width:1px;height:20px;background:#d4e8ff9c;animation:field-rain .85s linear infinite;animation-delay:var(--particle-delay);pointer-events:none}
#field-map[data-weather="snow"] .weather-particle{width:4px;height:4px;border-radius:50%;background:#fffceb;animation:field-snow 6s linear infinite;animation-delay:var(--particle-delay)}
#field-map .weather-particle:nth-child(n+17){margin-left:3%;animation-delay:-.33s}
#field-map .field-place,#field-map .field-label,#field-map .field-name,#field-map .cell-label,#field-map .character-avatar{z-index:4}
#field-map .story-map-marker{z-index:5}
#field-map[data-environment-town="true"][data-day-phase="night"] [data-world-x="4"][data-world-y="6"]::before,
#field-map[data-environment-town="true"][data-day-phase="evening"] [data-world-x="4"][data-world-y="6"]::before{content:"";position:absolute;bottom:25%;left:40%;width:7px;height:10px;background:#ffd17a;border:1px solid #8a5324;border-radius:2px;box-shadow:0 0 16px 10px #ffcc6870;z-index:3;pointer-events:none}
#field-map[data-weather-effects="off"] .weather-particle{display:none}
.environment-wait{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.environment-wait button{font-size:.8125rem;flex:1}
.weather-settings{display:grid;gap:6px;padding:8px 0}.weather-settings label{font-size:.8125rem}.weather-settings select{max-width:100%}
@keyframes field-rain{from{transform:translate(10px,-10%)}to{transform:translate(-45px,85vh)}}
@keyframes field-snow{from{transform:translate(0,-10%)}to{transform:translate(35px,85vh)}}
@media(prefers-reduced-motion:reduce){#field-map .weather-particle{animation:none;top:35%;opacity:.45}#field-map .environment-layer{transition:none}}
#field-map .weather-particle-0{--particle-x:2%;--particle-delay:-0.0s}
#field-map .weather-particle-1{--particle-x:8%;--particle-delay:-0.43s}
#field-map .weather-particle-2{--particle-x:14%;--particle-delay:-0.86s}
#field-map .weather-particle-3{--particle-x:20%;--particle-delay:-1.29s}
#field-map .weather-particle-4{--particle-x:26%;--particle-delay:-1.72s}
#field-map .weather-particle-5{--particle-x:32%;--particle-delay:-2.15s}
#field-map .weather-particle-6{--particle-x:38%;--particle-delay:-2.58s}
#field-map .weather-particle-7{--particle-x:44%;--particle-delay:-3.01s}
#field-map .weather-particle-8{--particle-x:50%;--particle-delay:-3.44s}
#field-map .weather-particle-9{--particle-x:56%;--particle-delay:-3.87s}
#field-map .weather-particle-10{--particle-x:62%;--particle-delay:-4.3s}
#field-map .weather-particle-11{--particle-x:68%;--particle-delay:-4.73s}
#field-map .weather-particle-12{--particle-x:74%;--particle-delay:-5.16s}
#field-map .weather-particle-13{--particle-x:80%;--particle-delay:-5.59s}
#field-map .weather-particle-14{--particle-x:86%;--particle-delay:-6.02s}
#field-map .weather-particle-15{--particle-x:92%;--particle-delay:-6.45s}