:root{--primary-color: #f1e1a6;--accent-color: #e2e8f0;--bg-gradient-start: #020617;--bg-gradient-end: #0f172a;--text-color: #f8fafc;--glass-bg: rgba(2, 6, 23, .5);--glass-border: rgba(241, 225, 166, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;overflow:hidden;background:var(--bg-gradient-start);color:var(--text-color);height:100vh;width:100vw}#map{width:100%;height:100%;background:transparent;z-index:10}#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;opacity:.8}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem}.bottom-ui-wrapper{display:flex;flex-direction:column;width:100%}.title{font-family:Great Vibes,cursive;font-size:3.5rem;text-align:center;color:var(--primary-color);text-shadow:0 0 15px rgba(241,225,166,.3);margin-top:0;pointer-events:auto}.heart{display:inline-block;color:#ff4d6d;animation:heartbeat 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,77,109,.5))}.controls{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.5rem;pointer-events:auto}.control-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #0006}.control-btn:active{transform:scale(.92);background:#f1e1a61a;border-color:var(--primary-color)}.control-btn svg{stroke:var(--accent-color);filter:drop-shadow(0 0 1px var(--accent-color))}.whisper-container{height:60px;display:flex;justify-content:center;align-items:start;margin-bottom:5rem}.whisper-text{font-family:Montserrat,sans-serif;font-weight:300;font-size:.9rem;letter-spacing:1px;color:#ffffffb3;text-align:center;font-style:italic;transition:opacity 2s ease-in-out;opacity:0}.whisper-text.visible{opacity:1}.shark-icon{position:relative;display:flex;justify-content:center;align-items:center}.shark-dot{width:10px;height:10px;background-color:#006d5b;border-radius:50%;box-shadow:0 0 8px #006d5b,0 0 15px #006d5b;position:absolute;z-index:2}.shark-pulse{width:40px;height:40px;border:1px solid rgba(0,109,91,.5);border-radius:50%;position:absolute;animation:ripple 2.5s infinite}.shark-pulse:nth-child(2){animation-delay:.8s;border-color:#fff3}@keyframes heartbeat{0%{transform:scale(1);opacity:.9}15%{transform:scale(1.2);opacity:1}30%{transform:scale(1);opacity:.9}45%{transform:scale(1.1);opacity:1}60%{transform:scale(1);opacity:.9}}@keyframes ripple{0%{width:0;height:0;opacity:.8}to{width:50px;height:50px;opacity:0}}@media(max-width:600px){.title{font-size:2.5rem}.control-btn{width:50px;height:50px}.whisper-text{font-size:.8rem;max-width:80%}.vitals-panel{padding:.6rem .8rem;gap:.6rem}.vital-icon{font-size:.9rem}.vital-value{font-size:.95rem}.vital-unit{font-size:.6rem}}.vitals-panel{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.8rem;pointer-events:auto;box-shadow:0 4px 30px #0006}.vital-item{display:flex;align-items:center;gap:.6rem}.vital-icon{font-size:1rem;filter:grayscale(20%)}.vital-data{display:flex;flex-direction:column;align-items:flex-start}.vital-value{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.1rem;color:var(--primary-color);line-height:1.2;text-shadow:0 0 8px rgba(241,225,166,.3)}.vital-value.pulse{animation:vitalPulse .3s ease-out}.vital-unit{font-family:Montserrat,sans-serif;font-weight:300;font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.vital-status{font-size:.85rem;font-weight:400}@keyframes vitalPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}