#environment-controls{position:absolute;left:28px;top:244px;pointer-events:auto;width:258px;color:#dcded7;font-size:12px}
#environment-toggle{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#172326eb;border:1px solid #84857470;color:#d8d6c5;border-radius:5px;cursor:pointer;min-width:178px;font:inherit;letter-spacing:.05em}
.weather-icon{color:#d8b978;font-size:20px;line-height:18px}.weather-chevron{margin-left:auto;color:#a8b0ad}
#environment-panel{margin-top:7px;padding:16px;background:#121f23f2;border:1px solid #69716b88;border-radius:5px;box-shadow:0 12px 32px #0005}
#environment-panel[hidden]{display:none}#environment-panel header{display:flex;justify-content:space-between;align-items:center;color:#e1d7bf;font-size:13px;margin-bottom:15px;letter-spacing:.12em}
#environment-close{background:none;border:0;color:#b7c5c4;cursor:pointer;font-size:20px;line-height:15px}
.weather-options,.time-presets{display:flex;gap:5px}.weather-options button,.time-presets button{flex:1;border:1px solid #566260;background:#1b2b30;color:#b8c8c9;border-radius:3px;padding:7px 0;cursor:pointer;font:inherit}
.weather-options button[aria-pressed=true]{border-color:#c4ad77;color:#efe3c5;background:#474333}.time-presets button{padding:5px 0;background:transparent;border-color:transparent;color:#a6b6b7;font-size:11px}
.time-presets button:hover{color:#f5dfad;border-color:#7e795f}.time-label{display:flex;justify-content:space-between;margin:20px 0 8px;color:#b1c0c1}.time-label output{font-variant-numeric:tabular-nums;color:#e4d5b0}
#environment-time{width:100%;accent-color:#c4ad77;margin:0}.cycle-label{display:flex;gap:7px;align-items:center;margin:16px 0;color:#b6c2c0}.cycle-label input{accent-color:#bda978}
.quality-label{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #55645f66}.quality-label select{background:#233237;border:1px solid #65706b;color:#d7ded8;padding:5px 8px;border-radius:3px;font:inherit}
#environment-perf{display:block;color:#738b8f;font-size:10px;margin-top:10px;font-variant-numeric:tabular-nums}
.panel{border-color:#828b7c66!important;border-radius:6px!important;background:#122126ed!important}.slot{border-radius:4px!important;background:#182a2de8!important;border-color:#69747088!important}.slot.selected{border-color:#c7b47f!important;background:#40473b!important}
#start{background:radial-gradient(ellipse at 50% 45%,#4d656166,#0e181cf2)!important}#start button{background:#d1bb85!important;color:#202a2c!important}
@media(max-width:1000px){#environment-controls{left:14px;top:225px;width:242px}}
body.protocol-mode #environment-controls{display:none}