*{margin:0}body{overflow:hidden;margin:0}h1{font-family:sans-serif;font-size:2rem;font-weight:400;color:#fff}@media (max-width: 1920px){h1{font-size:1.5rem}}p{font-family:sans-serif;color:#fff}button{font-size:2rem;border:none;background:none;cursor:pointer}@media (max-width: 1920px){button{font-size:1.5rem}}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}#label{position:absolute;z-index:5;background:red}#loadingOverlay{z-index:3;position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(22.5deg,#a0d7ff,#50c8ff)}#spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid white;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#overlay{min-height:10rem;position:absolute;z-index:2;width:100%;box-sizing:border-box}canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#backdrop{position:absolute;top:0;left:0;width:200vw;height:100vh;z-index:0;animation:slide-backdrop 10s ease-in-out infinite}@keyframes slide-backdrop{0%{left:translateX(0)}50%{transform:translate(-100vw)}to{transform:translate(0)}}nav{width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:0 1rem;box-sizing:border-box}nav>div{display:flex;justify-content:center;align-items:center;gap:1rem}@media (max-width: 1920px){nav>div{gap:.25rem}}nav button{border:none;background:none;cursor:pointer;color:#fff}#dayNightControls{position:relative}#dayNightButton{padding:.5rem}nav img{height:1.5rem;filter:brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(5%) hue-rotate(278deg) brightness(108%) contrast(100%)}#dayNightDropdown{display:flex;gap:.5rem;position:absolute;right:0;padding:.5rem;background:#00000080;border-radius:.5rem 0 .5rem .5rem;width:max-content}#dayNightDropdown>input[range]{outline:none}#dayNightDropdown>p{width:5rem;font-family:sans-serif;color:#fff}#dayNightControls:not([shown])>div{display:none}#dayNightControls[shown]>button{background:#00000080;border-radius:.5rem .5rem 0 0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#fff}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#fff}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1rem;width:2px;background:#fff;cursor:pointer;margin-top:-14px}input[type=range]::-moz-range-thumb{height:1rem;width:2px;background:#fff;cursor:pointer}#gameOverlay{display:none;background:#000;position:absolute;z-index:2;width:1450px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%)}#gameOverlay p,button{color:green;font-size:2rem;font-family:monospace}#gameHud{position:absolute;width:100%;justify-content:space-between;z-index:3;display:flex;padding:1rem;gap:1rem;box-sizing:border-box}#gameCanvas{position:absolute;z-index:2;height:100%;width:100%}