body{box-sizing:border-box;height:100vh;margin:0;padding:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;position:relative}.App{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;position:relative;overflow:hidden scroll}.panel{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;position:relative}.tabel{background:linear-gradient(160deg,#0486b1 0%,#023d55 100%);flex-direction:column;display:flex}.ControlPanel{z-index:100000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border-radius:10px;min-width:200px;padding:10px 12px;position:absolute;top:58px;left:10px}.cp-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cp-title{color:#ffffffe6;font-family:monospace;font-size:.7rem;font-weight:700}.cp-toggle{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0;font-size:.65rem;line-height:1;transition:color .15s}.cp-toggle:hover{color:#fff}.cp-list{flex-direction:column;gap:5px;margin-bottom:8px;list-style:none;display:flex}.cp-item{align-items:center;gap:8px;display:flex}.cp-label{color:#ffffffd9;white-space:nowrap;min-width:80px;font-family:monospace;font-size:.65rem}.cp-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:5px;flex:1;padding:2px 4px;font-size:.63rem}.cp-select option{color:#fff;background:#1a2a3a}.cp-reset{color:#fff;cursor:pointer;background:#dc3c28b3;border:none;border-radius:6px;width:100%;padding:5px 10px;font-size:.7rem;font-weight:700}.cp-reset:hover{background:#dc3c28}ul{margin:0;padding:0}.table-wrapper{box-sizing:border-box;flex-direction:column;height:100%;padding:20px 0 12px;display:flex;overflow:hidden}.table-title{color:#ffffffeb;text-align:center;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;margin:0 0 12px;font-size:1rem;font-weight:700}.table-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.weather-table{border-collapse:collapse;color:#fff;width:100%;font-size:.82rem}.weather-table thead th{text-align:center;white-space:nowrap;z-index:3;background:#012d3f;border-bottom:2px solid #fff3;padding:10px 14px;font-weight:700;position:sticky;top:0}.weather-table tbody tr{border-bottom:1px solid #ffffff1a}.weather-table tbody tr:nth-child(odd){background:#ffffff0d}.weather-table tbody td{text-align:center;white-space:nowrap;padding:9px 14px}.sticky-col{z-index:2;background:#023d55;position:sticky;left:0}.weather-table thead .sticky-col{z-index:4;background:#012d3f}.weather-table tbody tr:nth-child(odd) .sticky-col{background:#02485f}.label-col{border-right:1px solid #ffffff26;min-width:140px;font-weight:600;text-align:left!important;padding-left:14px!important}.row-unit{opacity:.6;font-size:.68rem}.col-highlight{background:#ffffff29;font-weight:600}.weather-table thead .col-highlight{background:#ffffff40}.timeslider-wrapper{z-index:100000;box-sizing:border-box;width:100%;color:;padding:10px 12px 8px;position:absolute;top:0}.Timeslider{cursor:pointer;appearance:none;background:#ffffff40;border-radius:3px;outline:none;width:100%;height:12px;margin:0 0 4px;display:block}.Timeslider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #64b4dccc;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0006}.Timeslider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #64b4dccc;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0006}.Timeslider::-webkit-slider-runnable-track{border-radius:3px;height:28px}.timeslider-labels{justify-content:space-between;padding:0;display:flex}.timeslider-labels span{color:#00000076;text-align:center;-webkit-user-select:none;user-select:none;flex:1;font-family:monospace;font-size:.7rem;transition:color .15s,font-size .15s}.timeslider-labels span.active{color:#000;font-size:.85rem;font-weight:700}.SkyDay{background-image:linear-gradient(#399ab3,#0b91b2,#0282a8);width:auto;height:100vh;transition:all .5s;position:relative}.SkyNight{background-image:linear-gradient(#2a3a6f,#1a2a4f,#0a1a2f);width:auto;height:100vh;position:relative}.SkySunrise{background-image:linear-gradient(#7dd3fc,#fde68a,#fbbf24,#fb923c,#f97316);width:auto;height:100vh;transition:all .5s;position:relative}.SkySunset{background-image:linear-gradient(#1e1b4b,#6d28d9,#c026d3,#ea580c,#dc2626);width:auto;height:100vh;transition:all .5s;position:relative}#Moon,#Sun{aspect-ratio:1;width:100px;position:absolute;top:10%;left:10%}.Water{background-image:linear-gradient(#85daf7,#53b3d3,#15a1cf,#0486b1);width:100vw;height:20vh;position:absolute;bottom:0}.Rower{width:80%;animation:6s infinite forwards row;position:absolute;top:-10%;left:50%;overflow:visible;transform:translate(-50%)}#Longsleeves,#Longsleeves-2{display:none}.cold{display:unset!important}#Longlegs,#Shortleg{display:none}#Foot{transform-origin:50%;animation:6s infinite forwards foot}#Lower_Leg{transform-box:fill-box;transform-origin:15% 32%;animation:6s infinite forwards lowLeg}#Upper_Leg{transform-box:border-box;transform-origin:14% 20%;animation:6s infinite forwards upLeg;position:relative}#Torso{transform-box:border-box;transform-origin:30% 100%;animation:6s infinite forwards Torso;position:relative}#Lower_Arm{transform-box:fill-box;transform-origin:15% 32%;animation:6s infinite forwards lowArm}#Upper_Arm{transform-box:border-box;transform-origin:5% 80%;animation:6s infinite forwards upArm;position:relative}.test{z-index:100}#Oar{transform-box:border-box;transform-origin:50% 17%;animation:6s infinite forwards oar}@keyframes row{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}to{transform:translate(-50%)translateY(0)}}@keyframes oar{0%{transform:rotate(-60deg)}30%{transform:rotate(0)}40%{transform:rotate(15deg)}58%{transform:rotate(60deg)}65%{transform:rotate(60deg)}70%{transform:rotate(-15deg)}90%{transform:rotate(-60deg)}to{transform:rotate(-60deg)}}@keyframes lowLeg{30%{transform:rotate(0)}40%{transform:rotate(0)}58%{transform:rotate(130deg)}65%{transform:rotate(130deg)}70%{transform:rotate(0)}80%{transform:rotate(0)}}@keyframes upLeg{30%{transform:rotate(0)}40%{transform:rotate(-10deg)}58%{transform:rotate(-75deg)}65%{transform:rotate(-75deg)}70%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}@keyframes Torso{30%{transform:translate(0)rotate(0)}40%{transform:rotate(10deg)}65%{transform:translate(80px)rotate(10deg)}70%{transform:translate(0)rotate(10deg)}80%{transform:translate(0)rotate(-10deg)}}@keyframes lowArm{0%{transform:rotate(-130deg)}30%{transform:rotate(0)}70%{transform:rotate(0)}90%{transform:rotate(-130deg)}to{transform:rotate(-130deg)}}@keyframes upArm{0%{transform:rotate(60deg)}30%{transform:rotate(0)}70%{transform:rotate(0)}90%{transform:rotate(60deg)}to{transform:rotate(60deg)}}.Land{position:absolute;bottom:20vh;left:0}.tree-body{animation-name:tree-lean;animation-duration:calc(var(--wind-dur,4s) * 1.5);transform-box:border-box;transform-origin:50% 100%;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tree-leaves{animation-name:tree-sway;animation-duration:var(--wind-dur,4s);transform-box:border-box;transform-origin:50% 0;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes tree-lean{0%{transform:rotate(0)}30%{transform:rotate(calc(var(--wind-angle,10deg) * .12))}65%{transform:rotate(calc(var(--wind-angle,10deg) * .07))}to{transform:rotate(0)}}@keyframes tree-sway{0%{transform:rotate(calc(var(--wind-angle,10deg) * .3)) translateX(0px)}20%{transform:rotate(var(--wind-angle,10deg)) translateX(var(--wind-tx,8px))}40%{transform:rotate(calc(var(--wind-angle,10deg) * .65)) translateX(calc(var(--wind-tx,8px) * .55))}65%{transform:rotate(calc(var(--wind-angle,10deg) * 1.15)) translateX(calc(var(--wind-tx,8px) * 1.3))}82%{transform:rotate(calc(var(--wind-angle,10deg) * .9)) translateX(calc(var(--wind-tx,8px) * .8))}to{transform:rotate(calc(var(--wind-angle,10deg) * .3)) translateX(0px)}}.HideFlame{display:none}.ThisDirection{display:unset!important}#Noorderwind,#Zuiderwind,#Oosterwind,#Westerwind{display:none}.bush-body{animation-name:bush-lean;animation-duration:calc(var(--wind-dur,4s) * 1.2);transform-box:fill-box;transform-origin:50% 100%;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bush-leaves{animation-name:bush-sway;animation-duration:var(--wind-dur,4s);transform-box:fill-box;transform-origin:50% 100%;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bush-lean{0%{transform:rotate(0)}35%{transform:rotate(calc(var(--wind-angle,10deg) * .1))}70%{transform:rotate(calc(var(--wind-angle,10deg) * .06))}to{transform:rotate(0)}}@keyframes bush-sway{0%{transform:rotate(calc(var(--wind-angle,10deg) * .2)) translateX(0px)}25%{transform:rotate(var(--wind-angle,10deg)) translateX(var(--wind-tx,8px))}45%{transform:rotate(calc(var(--wind-angle,10deg) * .6)) translateX(calc(var(--wind-tx,8px) * .5))}70%{transform:rotate(calc(var(--wind-angle,10deg) * 1.1)) translateX(calc(var(--wind-tx,8px) * 1.2))}88%{transform:rotate(calc(var(--wind-angle,10deg) * .85)) translateX(calc(var(--wind-tx,8px) * .7))}to{transform:rotate(calc(var(--wind-angle,10deg) * .2)) translateX(0px)}}.WeatherLayer{pointer-events:none;background-color:#8080803e;width:100vw;height:100vh;position:absolute;top:0;overflow:hidden}.raindrop{background:#aed6f1cc;border-radius:0 0 2px 2px;width:1.5px;height:18px;animation:linear infinite rain-fall;position:absolute;top:-20px}@keyframes rain-fall{to{transform:translateY(110vh)}}.snowflake{color:#dcf0ffe6;-webkit-user-select:none;user-select:none;animation:linear infinite snow-fall;position:absolute;top:-20px}@keyframes snow-fall{to{transform:translateY(110vh) translateX(var(--drift,0px))}}#cloudCover{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}