*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#11272d;color:#f5f2e8;font:14px system-ui,sans-serif}#scenery-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}header{position:fixed;top:20px;left:24px;pointer-events:none;text-shadow:0 2px 10px #0009}header p{font-size:11px;letter-spacing:.18em;margin:0 0 6px;color:#d4e9e8}h1{margin:0;font-size:clamp(24px,4vw,38px)}nav{position:fixed;left:24px;top:105px;display:flex;gap:8px;align-items:center}nav label{display:flex;gap:8px;align-items:center;background:#11272de0;padding:0 9px;border-radius:8px}select{min-height:44px;max-width:220px;border:0;border-radius:7px;background:#dce8e6;color:#152a2c;padding:7px;font:inherit}a,button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #95d0d377;border-radius:8px;background:#11272de8;color:#f5f2e8;text-decoration:none;padding:8px 12px;font:600 13px system-ui;cursor:pointer}button[aria-pressed=true]{background:#dfe8da;color:#13292b}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffc46c;outline-offset:2px}#scenery-panel{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#11272ddb;border:1px solid #ffffff33;border-radius:12px;padding:12px;width:min(480px,calc(100vw - 24px))}#scenery-panel>div{display:flex;gap:8px}#scenery-panel p{margin:8px 0 0;color:#d1e3df;font-size:12px;line-height:1.5}#scenery-touch{position:fixed;bottom:155px;left:12px;display:grid;justify-items:center;gap:5px}#scenery-touch[hidden]{display:none}#scenery-touch>div{display:flex;gap:5px}.climate-panel{top:20px!important;right:18px!important} @media(max-width:600px){header{top:12px;left:12px}header p{font-size:9px}nav{top:83px;left:12px;right:12px;gap:5px;flex-wrap:wrap}nav label{flex:1;padding:0 6px;font-size:11px}select{width:100%;max-width:155px;font-size:12px}a,button{font-size:12px;padding:7px 9px}.climate-panel{top:137px!important;right:6px!important}#scenery-panel{padding:9px;bottom:12px}} @media(max-height:500px) and (orientation:landscape){header{top:10px;left:12px}h1{font-size:24px}nav{top:66px;left:12px;right:auto;flex-wrap:nowrap}nav select{max-width:140px}.climate-panel{top:118px!important;left:12px!important;right:auto!important}#scenery-panel{left:auto;right:12px;bottom:12px;transform:none;width:300px}#scenery-touch{bottom:12px}#scenery-panel p{max-width:280px}}