@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#173e43;font-synthesis:none;background:#d8e7e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block}a{color:inherit}header{letter-spacing:.04em;font-size:12px;position:absolute;top:24px;left:24px}header a{font-weight:700;text-decoration:none}header a span{opacity:.65;margin-left:8px;font-size:10px;font-weight:400}aside{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#9bafaa transparent;background:#f7faf5e8;border:1px solid #ffffff80;border-radius:14px;width:276px;max-height:calc(100vh - 122px);padding:18px;position:absolute;top:64px;right:20px;overflow:auto;box-shadow:0 8px 40px #071c2d20}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}h2{margin:0;font-size:15px;font-weight:600}#live{letter-spacing:.1em;color:#6b8684;font-size:8px}.presets,.weather-presets{gap:4px;display:flex}.presets{margin-bottom:16px}.weather-presets{margin:8px 0 12px}button{font:inherit;color:inherit;cursor:pointer;background:#ffffff30;border:1px solid #bccfc966;border-radius:7px;transition:background .15s,border-color .15s}button:hover{background:#dce9e4;border-color:#91b2a8}button.selected{color:#fff;background:#234e50;border-color:#234e50;box-shadow:0 2px 6px #173e4320}.presets button,.weather-presets button{flex:1;padding:9px 2px;font-size:10px;line-height:1.25}label{justify-content:space-between;gap:8px;margin-top:13px;font-size:11px;display:flex}output{font-variant-numeric:tabular-nums;color:#627d7c}input[type=range]{accent-color:#2a6360;cursor:pointer;width:100%;height:3px;margin:11px 0 4px}.divider{background:#9db5ac40;height:1px;margin:16px 0}.section-label{letter-spacing:.09em;color:#6d8280;font-size:9px}.actions{gap:5px;margin-top:16px;display:flex}.actions button{flex:1;padding:8px 0;font-size:10px}details{color:#6a7e7a;border-top:1px solid #9db5ac40;margin-top:14px;padding-top:12px;font-size:10px;line-height:1.6}summary{cursor:pointer;color:#365452;font-weight:500}details p{margin:9px 0}.pilot-panel{border-top:1px solid #9db5ac40;border-bottom:1px solid #9db5ac40;margin:0 0 15px;padding:10px 0}.pilot-panel summary,.motion-panel summary{font-size:11px}.pilot-panel button{padding:5px 8px;font-size:10px}.pilot-panel input:disabled{opacity:.35;cursor:default}#pilot-readout{font-variant-numeric:tabular-nums}.quality{align-items:center;font-size:10px}.quality input{accent-color:#2a6360}.wind-heading{justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.wind-heading output{font-size:10px;font-weight:400}#wind-dial{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:158px;height:auto;margin:6px auto 0}#wind-dial svg{width:100%;height:auto;display:block;overflow:visible}.dial-ring{fill:#dce9e344;stroke:#a1bab1;stroke-width:1.25px}.dial-ring.inner{fill:none;stroke:#baccc4;stroke-dasharray:2 5}.dial-axis{stroke:#a4bdb455;stroke-width:1px}.dial-ship{fill:#517d72;opacity:.35}#wind-dial text{fill:#788e86;letter-spacing:.1em;font:8px DM Sans,sans-serif}#wind-line{stroke:#2a6360;stroke-width:2.5px;stroke-linecap:round}#wind-handle{fill:#2a6360;stroke:#f7faf5;stroke-width:2.5px;filter:drop-shadow(0 2px 3px #173e4330)}#wind-help{color:#6a7e7a;text-align:center;margin:0 0 10px;font-size:9px;line-height:1.5}#marker-spacing{font:inherit;color:inherit;background:0 0;border:1px solid #9cadaa;border-radius:5px;padding:3px}#marker-spacing option{color:#173e43;background:#f7faf5}footer{letter-spacing:.03em;color:#dcebe8;text-shadow:0 1px 8px #071c2d;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}footer>span{letter-spacing:.08em;font-size:8px}.dot{background:#93d4bd;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}#error{color:#833f26;background:#fff3e8;border-radius:8px;max-width:480px;padding:20px;font-size:13px;position:absolute;bottom:70px;left:24px}button:focus-visible,input:focus-visible,summary:focus-visible,#wind-dial:focus-visible{outline-offset:3px;outline:2px solid #bc712b}body[data-atmosphere] header{color:#eef2ed;text-shadow:0 2px 14px #071c2d80}body[data-atmosphere=night] aside,body[data-atmosphere=dusk] aside{color:#dbe7e7;background:#152833e8;border-color:#78939a55}body[data-atmosphere=night] summary,body[data-atmosphere=dusk] summary{color:#c9dad7}body[data-atmosphere=night] output,body[data-atmosphere=dusk] output,body[data-atmosphere=night] #wind-help,body[data-atmosphere=dusk] #wind-help{color:#9db5b4}body[data-atmosphere=night] button:hover,body[data-atmosphere=dusk] button:hover{background:#39505a}@media (max-width:800px){header{top:18px;left:18px}aside{width:244px;max-height:calc(100vh - 108px);padding:15px;top:56px;right:14px}footer{bottom:16px;left:18px;right:18px}footer>span{display:none}#wind-dial{width:140px;height:auto}}.dial-caption{letter-spacing:.1em;color:#788e86;text-align:center;margin-top:12px;font-size:8px}.lightning-button{color:#627d7c;width:100%;margin-bottom:2px;padding:7px;font-size:10px}.capture-actions{gap:5px;margin-top:8px;display:flex}.capture-actions button{flex:1;padding:8px 3px;font-size:10px}.capture-actions button[aria-pressed=true]{color:#fff;background:#234e50}.clean-view header,.clean-view aside,.clean-view footer{opacity:0;visibility:hidden;pointer-events:none}#restore-controls{color:#e5eeec;opacity:0;background:#132b334d;border-color:#ffffff20;padding:8px 12px;font-size:10px;position:absolute;bottom:20px;right:20px}#restore-controls:hover,#restore-controls:focus-visible{opacity:1}.conditions-panel{width:310px;max-height:calc(100vh - 320px);padding:16px;top:20px}.conditions-panel .panel-heading{margin-bottom:10px}.conditions-panel .presets{margin-bottom:14px}.conditions-panel .weather-presets{margin-bottom:0}.debug-panel{margin-top:12px;padding-top:10px}.debug-panel>summary{letter-spacing:.03em;font-size:10px}.debug-content{padding-top:10px}.debug-content .pilot-panel{margin-top:14px}.debug-status{border-top:1px solid #9db5ac40;margin-top:14px;padding-top:12px;font-size:9px;line-height:1.6}.debug-status>span{letter-spacing:.05em;margin-top:8px;font-size:8px;display:block}.wind-panel{width:220px;max-height:none;padding:14px;top:auto;bottom:20px;overflow:visible}.wind-panel #wind-dial{align-items:center;width:160px;min-height:60px;margin:8px auto;display:flex}.wind-panel .dial-caption{margin-top:8px;font-size:7px}.wind-panel #wind-help{margin:4px 0 0;font-size:8px;line-height:1.5}button:disabled{opacity:.45;cursor:default}@media (max-width:800px){.conditions-panel{width:260px;max-height:calc(100dvh - 320px);padding:14px;top:56px;right:14px}.wind-panel{width:200px;padding:12px;bottom:14px;right:14px}}@media (max-height:600px){.conditions-panel{max-height:calc(100dvh - 28px);top:14px}.wind-panel{width:190px;bottom:14px;left:14px;right:auto}.wind-panel #wind-dial{width:130px}}