:root{--uv-accent:#ff3d5e;--uv-accent-2:#9cffea;--uv-glow:0 0 40px rgba(255,61,94,.35)}
body.uv, .nav.uv{background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.2))}
.hero.uv{background:url('/public/assets/visuals/menu_bg.webp') center/cover no-repeat,linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.2));border:1px solid #2a2a36;box-shadow:var(--uv-glow);min-height:360px;color:#f7f7f7;border-radius:14px;padding:20px}
.hud-panel{background:url('/public/assets/visuals/hud_panel.jpg') center/cover no-repeat,rgba(10,12,18,.65);border:1px solid rgba(255,61,94,.35);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35)}
.hud-grid{position:fixed;left:16px;bottom:16px;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;z-index:12}
.hud-bar{height:10px;border-radius:999px;background:#1c1e27;overflow:hidden;border:1px solid #2f3547}.hud-bar>i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#ff3d5e,#ffc371);box-shadow:var(--uv-glow)}
.loading-heartbeat{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(600px 400px at 50% 20%,rgba(255,61,94,.06),rgba(0,0,0,.8));z-index:9999}
.loading-heartbeat .heart{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff98aa,#ff3d5e);box-shadow:0 0 30px rgba(255,61,94,.5);animation:beat 1s infinite}
.loading-heartbeat .label{margin-top:14px;color:#fde5ea;letter-spacing:.2em;text-transform:uppercase;font-weight:700}@keyframes beat{0%,100%{transform:scale(.95)}30%{transform:scale(1.05)}60%{transform:scale(.98)}}
.weather-toggle{position:fixed;right:16px;bottom:16px;z-index:12}