.modal-title, .modal-body{color:black}@keyframes bgShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}body{background:linear-gradient(to bottom, #1f1f28, #2a2f3a);color:#eeeeee;animation:bgShift 30s ease infinite}.navbar{background:white;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.1)}.search-box{border-radius:50px;padding:10px 20px;border:1px solid #ccc;width:100%;transition:0.3s}.search-box:focus{border-color:#007bff;box-shadow:0 0 10px rgba(0, 123, 255, 0.2)}.map-card{background:white;border-radius:12px;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.1);padding:15px;transition:0.3s}.map-card:hover{transform:scale(1.03);box-shadow:0px 6px 12px rgba(0, 0, 0, 0.2)}.resource-icon{width:40px;height:40px}.badge-style{background-color:#ff4d4d;color:white;font-size:14px;padding:5px 10px;border-radius:12px}.action-btn{background:linear-gradient(135deg, #007bff, #0056b3);color:white;border-radius:8px;padding:10px 15px}.action-btn:hover{background:linear-gradient(135deg, #0056b3, #003d82);color:white}@media (max-width:480px){.open_img{float:right}}rainBowColor{animation:rainBowColor 3s linear infinite;animation-delay:calc(0.1s * var(--o))}@keyframes rainBowColor{0%{color:#fff;text-shadow:0 0 10px #00b3ff, 0 0 20px #00b3ff, 0 0 40px #00b3ff, 0 0 80px #00b3ff, 0 0 120px #00b3ff, 0 0 200px #00b3ff, 0 0 300px #00b3ff, 0 0 400px #00b3ff;filter:blur(0px) hue-rotate(0deg)}50%{color:#fff;text-shadow:0 0 10px #00b3ff, 0 0 20px #00b3ff, 0 0 40px #00b3ff, 0 0 80px #00b3ff, 0 0 120px #00b3ff, 0 0 200px #00b3ff, 0 0 300px #00b3ff, 0 0 400px #00b3ff;filter:blur(0px) hue-rotate(360deg)}100%{color:transparent;text-shadow:none;filter:blur(0px) hue-rotate(0deg)}}.map-card{background:linear-gradient(135deg, #1b1e2a, #252a3a);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.6), inset 0 0 6px rgba(255, 255, 255, 0.02);padding:16px;color:#e5e7eb;border:1px solid rgba(255, 255, 255, 0.04);transition:transform 0.2s ease, box-shadow 0.2s ease}.map-card:hover{transform:scale(1.01);box-shadow:0 0 12px rgba(80,180,255,0.3)}.badge-style{background:linear-gradient(90deg, #ff3e54, #ff8c44);color:white;padding:4px 10px;border-radius:8px;font-weight:bold;box-shadow:0 0 6px rgba(255, 80, 80, 0.4)}.btn-primary{background-color:#3a8bff;color:#fff;border-radius:6px;font-weight:500;transition:background-color 0.2s ease;border:none}.btn-primary:hover{background-color:#1f6fe0}.search-box{background:#1e2230;color:#f0f0f0;border:1px solid rgba(255, 255, 255, 0.1);border-radius:12px;padding:8px 16px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);transition:border-color 0.2s ease, box-shadow 0.2s ease}.search-box:focus{border-color:#3a8bff;outline:none;box-shadow:0 0 5px rgba(58, 139, 255, 0.5)}::placeholder{color:#aaa}.sr-only { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;}