*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000}.legend{position:fixed;bottom:20px;right:20px;background:#000000d9;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;color:#fff;box-shadow:0 4px 8px #0000004d;max-width:300px;text-align:left;transition:all .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.legend-toggle{width:100%;padding:12px;font-size:16px;font-weight:700;background:#fff3;color:#fff;border:none;cursor:pointer;text-align:center;border-radius:6px;transition:background .2s ease-in-out}.legend-toggle:hover,.legend-toggle:focus{background:#ffffff4d;outline:none}.legend-toggle.pulse{animation:pulse 1s infinite}.keymap{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;transition:all .3s ease-in-out}.keymap::-webkit-scrollbar{width:6px}.keymap::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.touch-icon{display:inline-block;font-size:16px;margin-right:6px;background:#fff3;padding:4px 6px;border-radius:4px;font-weight:700;border:1px solid rgba(255,255,255,.5)}.keymap ul li{list-style:none}.keymap p,.keymap ul li{padding:6px 0}.keymap h4{font-size:15px;margin-top:10px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.key{display:inline-block;background:#fff3;padding:4px 8px;border-radius:4px;font-weight:700;border:1px solid rgba(255,255,255,.5);margin-right:6px;font-size:12px}.keymap[hidden]{display:none}@media (max-width: 600px){.legend{max-width:90%;right:10px;bottom:10px;border-radius:8px}.keymap{max-height:50vh;padding:10px}.legend-toggle{font-size:14px;padding:10px}.key{font-size:10px;padding:2px 6px}.desktop-controls{display:none}}@media (min-width: 601px){.mobile-controls{display:none}}#discovery-tracker{font-weight:700;text-align:center;padding:8px;border-radius:6px;transition:all .3s ease-in-out;cursor:pointer;margin-top:8px}#discovery-tracker.green{color:#0f0;text-shadow:0 0 8px #00ff00}#discovery-tracker.gold{color:gold;text-shadow:0 0 8px #ffd700}#discovery-tracker.red{color:#ff3b3b;text-shadow:0 0 8px #ff3b3b}#discovery-tracker.rainbow{background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00f7ff,#4800ff,#ff00f2);background-size:400% 400%;color:#000;text-shadow:0 0 10px rgba(255,255,255,.8);animation:rainbow-glow 3s infinite linear}@keyframes rainbow-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{background:#fff3}50%{background:#ff3232}to{background:#fff3}}