*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background:#000;font-family:Star4000,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center}#searchBarContainer{position:relative;width:100%;max-width:100vw;padding:10px;background:#000000e6;border-bottom:2px solid #0066ff;display:flex;align-items:center;justify-content:center;gap:10px;z-index:1000}#locationSearch{flex:1;max-width:600px;height:30px;padding:0 10px;background:#012;border:1px solid #0066ff;color:#fff;font-family:Star4000,monospace;font-size:16px;outline:none}#locationSearch:focus{border-color:gold}#locationSearch::placeholder{color:#888}#useCurrentLocation{height:30px;padding:0 20px;background:#06f;border:1px solid #ffd700;color:#fff;font-family:Star4000,monospace;font-size:12px;font-weight:700;cursor:pointer;outline:none}#useCurrentLocation:hover{background:#05d}#useCurrentLocation:active{background:#04b}#searchResults{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100%;max-width:700px;max-height:200px;overflow-y:auto;background:#000000f2;border:2px solid #0066ff;border-top:none;display:none;z-index:1001}#searchResults.visible{display:block}.search-result{padding:10px 15px;border-bottom:1px solid #003366;cursor:pointer;color:#ccc;font-family:Star4000,monospace;font-size:14px}.search-result:hover,.search-result.selected{background:#06f;color:#fff}.search-result-name{font-weight:700;margin-bottom:2px}.search-result-display{font-size:12px;color:#888}.search-result.selected .search-result-display{color:#ccc}#weatherCanvas{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;cursor:pointer;aspect-ratio:4 / 3;max-width:100vw;max-height:calc(100vh - 100px);width:auto;height:auto;touch-action:none}#buttonContainer{position:relative;width:100%;max-width:100vw;padding:10px;background:#000000e6;border-top:2px solid #0066ff;display:flex;align-items:center;justify-content:center;gap:15px;z-index:1000}#buttonContainer button{min-width:50px;height:50px;padding:6px;background:#012;border:2px solid #0066ff;color:#06f;font-family:Star4000,monospace;font-size:24px;font-weight:700;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:all .2s}#buttonContainer button:hover{background:#036;border-color:gold;color:gold}#buttonContainer button:active{background:#06f;color:#000}#buttonContainer button.active{background:#06f;color:#000;border-color:gold}#buttonContainer button.active:hover{background:#05d}#musicButton.playing,#pauseButton.active{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #0066ffb3}50%{box-shadow:0 0 0 5px #06f0}}#temperatureButton{font-size:20px}@media (max-width: 800px){#fullscreenButton{display:none}}