:root{-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,canvas{touch-action:none;color:#111;background:#f0f0f0;width:100%;height:100%;margin:0;font-family:JetBrains Mono,monospace;font-size:18px;overflow:hidden}a{color:#111}#no-webgpu{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:2em;display:flex}#intro{color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#intro .instructions{text-align:center;padding:0 3rem 1rem;line-height:1.3}#start-button{cursor:pointer;text-transform:uppercase;letter-spacing:.1rem;color:#f0f0f0;background:0 0;border:2px solid #f0f0f0;border-radius:5em;padding:.5rem 1rem;font-family:monospace;font-size:1.5rem;transition:opacity .4s ease-in-out .5s;display:block}#start-button:active{background:#0000001a}#overlay{pointer-events:none;background:0 0;flex-direction:column;display:none;position:absolute;bottom:0;left:0}#overlay p{max-width:30em}#info-button{pointer-events:all;cursor:pointer;background:0 0;border:none;width:4rem;height:4rem}#info-message{padding-left:4rem;font-size:.8rem}@media (width<=600px){#info-message{padding-left:2rem;font-size:.6rem}#intro{font-size:.6rem}#intro .instructions{max-width:30em}#start-button{border-width:1px;font-size:1rem}}#info-message a{color:#222;opacity:.7;pointer-events:all}#info-message ul{margin:0;padding-left:1rem;line-height:1.2;list-style-type:square}#info-message p:last-child{margin-bottom:0}body{--ui-size:2.5rem;--font-size:calc(var(--ui-size) * .35);--border-thickness:2px}#wind-control{bottom:calc(var(--ui-size) * .5);gap:var(--ui-size);pointer-events:all;color:#111;mix-blend-mode:darken;background:0 0;border-radius:0;align-items:flex-start;padding:0;font-weight:700;display:none;position:fixed;left:50%;transform:translate(-50%)}#upload-button{height:var(--ui-size);border:var(--border-thickness) solid #111;color:#111;cursor:pointer;pointer-events:all;background:0 0;border-radius:0;align-items:stretch;padding:0;font-family:inherit;display:inline-flex}#upload-button:active{opacity:.5}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.btn-icon:after{content:"";top:calc(var(--ui-size) * .1);right:calc(var(--ui-size) * -.1);height:calc(100% - calc(var(--ui-size) * .2));border-right:var(--border-thickness) solid #111;position:absolute}.btn-icon svg{width:var(--ui-size);height:var(--ui-size)}.btn-text{font-weight:700;font-size:var(--font-size);white-space:nowrap;align-items:center;padding:0 .7rem;line-height:1;display:flex}.slider-container{gap:calc(var(--ui-size) * .5);display:flex}.slider-wrapper{width:min(70vw, calc(var(--ui-size) * 10));position:relative}.slider-labels{bottom:calc(100% + var(--font-size) * .75);left:calc(var(--border-thickness) * -1);width:calc(100% - var(--border-thickness));height:calc(var(--ui-size) * .5);-webkit-user-select:none;user-select:none;position:absolute}.slider-labels span{font-weight:700;font-size:var(--font-size);white-space:nowrap;align-items:flex-start;gap:calc(var(--ui-size) * .025);flex-direction:column;display:flex;position:absolute;top:0}.slider-labels span:after{content:"";width:var(--border-thickness);height:calc(var(--ui-size) * .1);border-right:var(--border-thickness) solid #111;display:block}.slider-labels span:first-child{left:0%}.slider-labels span:nth-child(2){left:25%}.slider-labels span:nth-child(3){left:50%}.slider-labels span:nth-child(4){left:75%}.slider-labels span:nth-child(5){left:100%}.slider-track-wrapper{height:var(--ui-size);mix-blend-mode:difference;align-items:center;display:flex;position:relative}.slider-track-wrapper:before,.slider-track-wrapper:after{content:"";width:var(--border-thickness);pointer-events:none;z-index:1;background:#111;border:none;height:100%;position:absolute;top:0}.slider-track-wrapper:before{left:0}.slider-track-wrapper:after{right:0}#wind-slider{appearance:none;width:100%;height:var(--ui-size);cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}#wind-slider::-webkit-slider-runnable-track{height:var(--border-thickness);background:#111;border-radius:0}#wind-slider::-webkit-slider-thumb{appearance:none;width:calc(var(--ui-size) * .5);height:calc(var(--ui-size));border:var(--border-thickness) solid #111;cursor:pointer;box-shadow:none;margin-top:calc(var(--ui-size) * -.5 + var(--border-thickness) * .5);background:#fff;border-radius:0}#wind-slider::-moz-range-track{height:var(--border-thickness);background:#111;border:none;border-radius:0}#wind-slider::-moz-range-thumb{width:calc(var(--ui-size) * .5);height:calc(var(--ui-size) - 2 * var(--border-thickness));border:var(--border-thickness) solid #111;cursor:pointer;box-shadow:none;background:#fff;border-radius:0}.slider-value,.legend-label{font-weight:700;font-size:var(--font-size);white-space:nowrap;line-height:1.3}#legend-container{pointer-events:none;width:100%;height:100%;padding:calc(var(--ui-size) * .5);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}#legend-container .legend{position:relative}#legend-container .pressure-legend .gradient{width:calc(var(--ui-size) * .3);height:min(50vh, calc(var(--ui-size) * 6));border:var(--border-thickness) solid #111;background:url(../pressure-gradient.svg) 50%/cover no-repeat;overflow:hidden}#legend-container .legend-label{transform:translateY(calc(-100% - var(--ui-size) * .5));position:absolute}#legend-container .interval-marks{top:0;left:calc(var(--ui-size) * .5);width:var(--ui-size);height:calc(100% - var(--border-thickness) * 3);font-size:var(--font-size);color:#111;font-weight:700;position:absolute}#legend-container .interval-marks span{justify-content:flex-start;align-items:center;gap:calc(var(--ui-size) * .1);transform:translateY(calc(-50% + var(--border-thickness)));display:flex;position:absolute}#legend-container .interval-marks span:before{content:"";height:0;width:calc(var(--ui-size) * .1);border-bottom:var(--border-thickness) solid #111;display:block}#legend-container .interval-marks span:first-child{top:0%}#legend-container .interval-marks span:nth-child(2){top:25%}#legend-container .interval-marks span:nth-child(3){top:50%}#legend-container .interval-marks span:nth-child(4){top:75%}#legend-container .interval-marks span:nth-child(5){top:100%}#legend-container .pixel-measure{text-align:right;position:relative}#legend-container .pixel-measure .legend-label{right:0}#legend-container .pixel-measure .bar{width:calc(var(--ui-size) * .3);height:min(50vh, calc(var(--ui-size) * 6));border:var(--border-thickness) solid #111;background:linear-gradient(#0000 50%,#111 50%)}#legend-container .pixel-measure .interval-marks{left:calc(var(--ui-size) * -1.2)}#legend-container .pixel-measure .interval-marks span{flex-direction:row-reverse;width:100%}#legend-container .pixel-measure .interval-marks span:first-child{top:0%}#legend-container .pixel-measure .interval-marks span:nth-child(2){top:50%}#legend-container .pixel-measure .interval-marks span:nth-child(3){top:100%}#title{top:calc(var(--ui-size) * .5);text-align:center;width:100%;font-size:var(--font-size);position:absolute}@media (width>=2200px){body{--ui-size:2.5rem;--font-size:calc(var(--ui-size) * .4);--border-thickness:2px}}@media (width<=600px){body{--ui-size:1.5rem;--font-size:calc(var(--ui-size) * .35);--border-thickness:1.5px}#wind-control{flex-flow:column-reverse wrap;gap:1.2rem;bottom:1.5rem}.slider-wrapper{width:min(70vw,300px)}}@media (height<=600px){body{--ui-size:1.5rem;--font-size:calc(var(--ui-size) * .35);--border-thickness:1px}#wind-control{bottom:1rem}}