*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;background-color:#f5f5f5}body{display:flex;flex-direction:column;overflow:hidden}.container{width:100%;max-width:100%;height:100vh;margin:0;padding:1rem;display:flex;flex-direction:column;overflow:hidden}header{text-align:center;margin-bottom:2rem}header h1{font-family:Bangers,cursive;font-size:3.5rem;margin-bottom:.5rem;color:#fe111a;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;letter-spacing:2px;transform:skew(-5deg)}header p{font-family:Noto Sans,sans-serif;font-size:1.3rem;font-weight:700;color:#3062d6;background-color:#ffeb3b;display:inline-block;padding:3px 15px;border:2px solid black;border-radius:2px;transform:rotate(-1deg);box-shadow:3px 3px #000c}.controls{display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:5}.search,.filter{flex:1}.search{margin-right:1rem}input,select{width:100%;padding:.75rem;border:3px solid #000;font-size:1rem;height:45px;box-sizing:border-box;background-color:#ffeb3b;font-family:Noto Sans,sans-serif;font-weight:700;box-shadow:3px 3px #000c;border-radius:1px}.map-container{position:relative;width:100%;margin-bottom:1.5rem;padding:5px;flex:1;display:flex;flex-direction:column}.map-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid #000;z-index:-1;background-color:#fe111a}.map-container:after{content:"POW!";position:absolute;top:-25px;right:-25px;background-color:#ffeb3b;color:#fe111a;padding:5px 15px;border:3px solid black;border-radius:50%;font-family:Bangers,cursive;font-size:20px;transform:rotate(15deg);box-shadow:3px 3px #000c;text-shadow:1px 1px 0 black;z-index:1}#map{width:100%;height:70vh;min-height:450px;border:5px solid black;box-shadow:8px 8px #00000080;z-index:0;position:relative;overflow:hidden}.marker{background-color:#fe111a;width:30px;height:30px;cursor:pointer;box-shadow:0 0 #fe111a66;animation:kirby-pulse 2s infinite;border:4px solid black;transition:transform .2s ease;border-radius:50%;display:block}.marker:hover{transform:scale(1.3);z-index:10;background-color:#fe111a;box-shadow:0 0 0 4px #fe111a4d,0 0 0 8px #fe111a33,0 0 0 12px #fe111a1a}@keyframes kirby-pulse{0%{box-shadow:0 0 #fe111ab3}70%{box-shadow:0 0 0 8px #fe111a00,0 0 0 12px #fe111a00}to{box-shadow:0 0 #fe111a00}}#store-details{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2rem;border:4px solid black;box-shadow:8px 8px #000c;z-index:1000;max-width:500px;width:90%;background-color:#ffeb3b;background-image:radial-gradient(#FFA726 2px,transparent 2px),radial-gradient(#FFA726 2px,transparent 2px);background-size:30px 30px;background-position:0 0,15px 15px}#store-details.hidden{display:none}#close-details{position:absolute;top:.5rem;right:.5rem;background-color:#fe111a;border:3px solid black;font-size:1.5rem;font-weight:700;font-family:Bangers,cursive;cursor:pointer;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000c;text-shadow:1px 1px 0 #000}#store-name{margin-bottom:1rem;color:#000;font-size:2rem;font-family:Bangers,cursive;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #FFF;line-height:1.1}#store-info p{margin-bottom:.8rem;color:#000;font-family:Noto Sans,sans-serif;font-weight:700;font-size:1.1rem;background-color:#ffffffb3;padding:5px 10px;border:1px solid #000}#store-website,#store-maps{display:inline-block;color:#fff;background-color:#3062d6;padding:5px 10px;border:2px solid black;font-family:Bangers,cursive;text-decoration:none;box-shadow:3px 3px #000c;letter-spacing:1px;margin-top:5px;text-shadow:1px 1px 0 #000}#store-website:hover,#store-maps:hover{transform:translateY(-2px);box-shadow:4px 5px #000c;transition:all .2s ease}.mapboxgl-popup{max-width:300px;z-index:5}.mapboxgl-popup-content{text-align:center;padding:15px;max-width:300px;background-color:#ffeb3b;border:3px solid black;box-shadow:5px 5px #000c;border-radius:2px}.mapboxgl-popup-content h3{margin-top:0;color:#000;font-size:1.2rem;font-weight:800;text-transform:uppercase;font-family:Bangers,Impact,Arial Black,sans-serif;letter-spacing:.05em;text-shadow:1px 1px 0 white;background-color:#ffffff80;padding:3px;border-radius:2px}.mapboxgl-popup-tip{border-top-color:#000!important;border-width:12px!important}.store-description{font-size:.9rem;font-style:normal;color:#000;margin-top:8px;text-align:left;max-height:100px;overflow-y:auto;font-family:Noto Sans,sans-serif;line-height:1.4;background-color:#ffffff80;padding:5px;border-radius:3px}.map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;background-color:#f8f9fa;border-radius:8px}.map-error h3{color:#dc3545;margin-bottom:1rem}.map-error p{margin-bottom:.5rem}@media (max-width: 768px){.controls{flex-direction:column}.search{margin-right:0;margin-bottom:1rem}header{margin-bottom:1rem}header h1{font-size:1.8rem}header p{font-size:1rem}}