:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sea:#0f2a33;--margin:#0b2129;--paper:#e9e4d4;--faint:#e9e4d48c;--rule:#e9e4d429;--label:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--figures:"B612 Mono", ui-monospace, Menlo, monospace;--rail:268px;font-family:var(--label)}*{box-sizing:border-box;margin:0}html,body{overscroll-behavior:none;background:var(--sea);height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}canvas:active{cursor:grabbing}#legend{width:var(--rail);background:var(--margin);border-right:1px solid var(--rule);scrollbar-width:thin;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}#legend>header{border-bottom:1px solid var(--rule);padding:22px 20px 18px}h1{letter-spacing:.09em;text-transform:uppercase;font-size:15px;font-weight:650;font-stretch:125%;line-height:1.25}#legend>header p{color:var(--faint);margin-top:7px;font-size:13px;font-stretch:88%}#time{font-variant-numeric:tabular-nums}form{padding:4px 0 8px}fieldset{border:0;padding:14px 12px 6px}fieldset+fieldset{border-top:1px solid var(--rule)}legend{float:left;letter-spacing:.12em;text-transform:uppercase;width:100%;color:var(--faint);margin-bottom:6px;padding:0 8px;font-size:10.5px;font-weight:600;font-stretch:112%}label{clear:both;cursor:pointer;border-radius:3px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 8px;font-size:14px;font-stretch:92%;display:grid}label[hidden]{display:none}label:hover{background:#e9e4d40f}label input{opacity:0;pointer-events:none;position:absolute}label svg{width:28px;height:16px;color:var(--paper);stroke:currentColor}label small{font-size:inherit;color:var(--faint)}label output{font:12px var(--figures);color:var(--faint)}label:has(input:not(:checked)){color:var(--faint)}label:has(input:not(:checked)) svg{opacity:.25}label:has(input:not(:checked)) span{-webkit-text-decoration:line-through #e9e4d466;text-decoration:line-through #e9e4d466}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:1px}label:has(input:focus-visible){outline:2px solid var(--paper);outline-offset:1px}.key{font:10.5px var(--figures);color:var(--faint);margin:0 8px 8px 46px}label:has(input:not(:checked))+#wind-key{display:none}#scale[hidden]{display:none}#scale{height:8px;margin:8px 8px 24px;position:relative}.swatch{background:var(--scale,linear-gradient(90deg, #5f7f66, #c2bd85, #c9a274, #f1ece0));width:24px;height:10px;margin-inline:2px}#scale b{font-weight:400;position:absolute;top:11px;transform:translate(-50%)}#scale b:first-child{transform:none}#scale b:last-child{white-space:nowrap;transform:translate(-100%)}#wind-key{white-space:nowrap;align-items:center;gap:5px;display:flex}#wind-key i{width:var(--w);background:var(--paper);height:2px;margin-right:5px;position:relative}#wind-key i:after{content:"";border:4px solid #0000;border-left:6px solid var(--paper);border-right:0;position:absolute;top:-3px;right:-5px}#wind-key b{margin-right:4px;font-weight:400}#legend>footer{border-top:1px solid var(--rule);color:var(--faint);margin-top:auto;padding:14px 20px 16px;font-size:12px;font-stretch:90%;line-height:1.5}#readout{min-height:1.5em;font:11.5px/1.5 var(--figures);color:var(--paper);margin:4px 0;display:block}a{color:var(--paper);text-underline-offset:3px;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer}#compass{background:0 0;border:0;width:44px;height:44px;padding:0;position:fixed;top:16px;right:16px}#compass svg{width:100%;height:100%;fill:var(--paper);overflow:visible}#compass text{font:600 9px var(--label)}#fold{display:none}#tip{z-index:2;pointer-events:none;white-space:pre-line;background:var(--paper);color:#14262b;border-radius:2px;max-width:280px;padding:8px 11px 9px;font-size:12.5px;font-stretch:92%;line-height:1.45;position:fixed;transform:translate(14px,-50%);box-shadow:0 2px #00000040}#tip:first-line{font-weight:700;font-stretch:100%}@media (max-width:700px){#legend{border-right:0;border-top:1px solid var(--rule);width:auto;max-height:62vh;transition:transform .25s ease-out;inset:auto 0 0}#legend.folded{overflow:hidden;transform:translateY(calc(100% - 74px))}#legend>header{padding:14px 96px 14px 16px}fieldset{padding-inline:8px}#fold{z-index:1;border:1px solid var(--rule);background:var(--margin);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:7px 12px;font-size:12px;font-weight:600;font-stretch:112%;display:block;position:fixed;bottom:20px;right:12px}#legend:not(.folded)~#fold{bottom:calc(62vh - 52px)}#readout{display:none}#compass{top:10px;right:10px}}@media (prefers-reduced-motion:reduce){#legend{transition:none}}#paints label:has(input:not(:checked)) span{text-decoration:none}#paints label:has(input:not(:checked)) .swatch{opacity:.35}