:root{color-scheme:light;--ink:#243844;--paper:#f4f3ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}header,main{max-width:1280px;margin:auto;padding:0 4%}header{display:flex;justify-content:space-between;align-items:center;min-height:85px;border-bottom:1px solid #ced5d3;font-size:12px}a{color:inherit;text-underline-offset:4px}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 25px}.eyebrow,.number{font-size:11px;letter-spacing:2px}h1{font:500 clamp(48px,8vw,88px)/1.1 Georgia,serif;margin:12px 0}.intro>p{color:#536875}h2{font:400 27px Georgia,serif}.sky{position:relative;height:clamp(340px,52vw,590px);background:linear-gradient(#9abcca,#d7e1df 74%,#eee7d8);overflow:hidden;border-radius:12px}canvas{display:block;width:100%;height:100%}.sky-label{position:absolute;top:20px;left:24px;right:24px;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}.readout{position:absolute;bottom:16px;left:24px;font:12px monospace}.controls{padding:24px 0;border-bottom:1px solid #ced5d3}button,select{font:inherit;border:1px solid #9badaf;border-radius:6px;background:#fff;padding:10px 16px;color:var(--ink);cursor:pointer}button#turn{background:#243e49;color:#fff}button:disabled{opacity:.5;cursor:default}.buttons,.checks,.settings{display:flex;flex-wrap:wrap;gap:14px}.settings{margin:22px 0;gap:30px;align-items:center}.settings label{display:flex;align-items:center;gap:12px}input{accent-color:#285d6b}.checks{font-size:13px}.legend{font-size:12px;color:#526776}.legend span{color:#8b3c1b}#event{font-size:14px}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 0}.explain p,details p,footer{font-size:14px}details{border-top:1px solid #ced5d3;padding:20px 0}summary{cursor:pointer}footer{padding:20px 0 40px;color:#536875}:focus-visible{outline:3px solid #ac541d;outline-offset:4px}@media(max-width:650px){header span{display:none}.intro{display:block;padding-top:25px}.intro>p{font-size:14px}.explain{grid-template-columns:1fr;gap:15px}.buttons button{flex:1;padding:10px;font-size:14px;min-height:46px}.settings{gap:16px;display:grid}.sky-label{left:14px;right:14px;font-size:9px}.readout{left:14px;font-size:11px}.checks{display:grid}.sky{height:370px}}