[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;background:#dce7ee;color:#233b31;font:13px/1.45 system-ui,sans-serif}
#view{display:block;width:100vw;height:100vh;touch-action:none}
button,select,input{font:inherit;color:inherit}button,select,input[type=date]{border:1px solid #c5d0c7;border-radius:6px;background:#fafbf8;padding:7px 9px}
button,select,summary,input[type=checkbox],input[type=range]{cursor:pointer}
button:hover{background:#e9eee7}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #417b60;outline-offset:3px}
input[type=range]{display:block;width:100%;margin:10px 0;accent-color:#31654e;padding:0}input[type=checkbox]{accent-color:#31654e;width:15px;height:15px;margin:0 9px 0 0;flex:none}
a{color:#285c47;text-underline-offset:2px}p{margin:8px 0}
#fps{position:absolute;top:16px;right:16px;min-width:100px;padding:8px 12px;border-radius:8px;background:#19362ded;color:#f7faf4;text-align:right;font:600 13px ui-monospace,monospace;font-variant-numeric:tabular-nums;pointer-events:none}
#hud{position:absolute;left:16px;top:16px;width:300px;max-width:calc(100vw - 140px);max-height:calc(100dvh - 140px);overflow:auto;background:#fbfcf8f5;border:1px solid #c6d1c7;border-radius:12px;box-shadow:0 3px 18px #17283718;scrollbar-width:thin}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.panel-heading h1{font-size:16px;letter-spacing:-.01em;margin:0;font-weight:650}
#collapse{display:grid;place-items:center;width:32px;height:30px;padding:6px;background:transparent;border-color:transparent}#collapse svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}#collapse[aria-expanded=false] svg{transform:rotate(180deg)}
.settings-group{border-top:1px solid #dce3d9}.settings-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-weight:650}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary::after{content:'+';font-size:17px;font-weight:400;color:#688371}.settings-group[open]>summary::after{content:'−'}
.settings-content{padding:0 14px 13px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 10px}.field select{max-width:65%;min-width:100px}.field output{font-weight:650;font-variant-numeric:tabular-nums}
.feature-list{display:grid;gap:9px;margin:16px 0}.feature-list label,.check-row,.subsettings>label:not(.field){display:flex;align-items:center}.feature-list .subfeature{margin-left:24px;color:#657b6b;font-size:12px}.atmosphere-features{padding-top:12px;border-top:1px solid #dce3d9}
.secondary{width:100%;margin-top:5px;background:transparent}.hint,.gesture-hint{color:#657b6b;font-size:11px;line-height:1.5}.hint{margin:5px 0 12px}.gesture-hint{margin:0;padding:10px 14px;border-top:1px solid #dce3d9}
.check-row{margin-top:14px}.subsettings{padding:0 0 12px 24px;font-size:12px}.subsettings summary{margin-bottom:10px;color:#587560}.button-row{display:flex;gap:6px}.button-row button{flex:1}
pre{font:10px/1.45 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:25vh;overflow:auto}
#sun-controls{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:10px 16px 8px;background:#fbfcf8f2;border:1px solid #c6d1c7;border-radius:12px;box-shadow:0 3px 18px #17283718}
.sun-heading{display:flex;align-items:center;gap:12px}.sun-title{display:flex;align-items:center;gap:7px;font-weight:650}.sun-title svg{width:19px;height:19px;fill:none;stroke:#a07d35;stroke-width:1.7}.sun-heading input{margin-left:auto;padding:3px 6px;font-size:12px;max-width:145px}.sun-heading output{min-width:73px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}#time{accent-color:#ae8948;margin:9px 0 2px}.time-scale{display:flex;justify-content:space-between;font-size:10px;color:#7f8270}
footer{position:absolute;right:6px;bottom:4px;max-width:calc(100vw - 12px);padding:2px 5px;border-radius:3px;background:#ffffffe5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){#hud{left:10px;top:10px;max-width:calc(100vw - 128px);max-height:calc(100dvh - 140px)}#fps{right:10px;top:10px;min-width:96px;padding:8px 10px}.panel-heading{padding:10px}.settings-group>summary{padding:10px}.settings-content{padding:0 10px 10px}.field{align-items:flex-start;flex-direction:column;gap:4px}.field select{max-width:100%;width:100%}.field:has(output){flex-direction:row}.sun-heading{gap:7px}.sun-heading input{max-width:127px}.sun-heading output{font-size:12px;min-width:65px}#sun-controls{bottom:25px;padding:9px 12px 6px}.gesture-hint{padding:9px 10px;font-size:10px}}
@media(max-height:530px){#sun-controls{width:min(460px,calc(100vw - 32px));padding:7px 12px}.time-scale{display:none}#hud{max-height:calc(100dvh - 106px)}}