#vibe-hud{position:fixed;z-index:9;left:4%;bottom:130px;width:290px;padding:14px 16px;border:1px solid #bf91ee66;border-radius:13px;background:linear-gradient(135deg,#241c36ef,#111b25ed);box-shadow:0 8px 28px #0004;color:#f6eaff;pointer-events:auto}#open-vibes{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:36px;padding:0;border:0;background:none;text-align:left;font-size:12px;letter-spacing:.08em;color:#d4a9ff;font-weight:700}#vibe-count{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:#f3e7ff;white-space:nowrap}#vibe-count b{font-weight:inherit;font-variant-numeric:tabular-nums}#vibe-title{margin:8px 0 4px;font-size:18px;font-weight:700;line-height:1.2}#vibe-tip{display:block;font-size:13px;line-height:1.4;color:#c9c0d7}#vibe-progress{height:4px;background:#8c69aa30;margin-top:11px;border-radius:6px;overflow:hidden}#vibe-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#994eff,#edd2ff);transition:width .06s linear}#vibe-status{font-size:13px;line-height:1.4;margin:7px 0 0;color:#e5c9ff}#vibe-status:empty{display:none}#vibe-hud.caught{border-color:#e6c3ff;box-shadow:0 0 36px #984ad735,0 8px 28px #0004}#local-drive{color:#e5c3ff;border-color:#c997f070}.vibe-focus .combo{opacity:0!important}
.map-filters{display:flex;gap:5px;margin-bottom:12px}.map-filters button{flex:1;padding:10px 5px;min-height:44px;background:#14282d;border:1px solid #bbcad32c;border-radius:7px;color:#b9c7c6;font-size:12px;font-weight:700}.map-filters button[aria-pressed="true"]{color:#efddff;border-color:#c293e0;background:#39294d}.vibe-map-intro{margin:0 0 15px;padding:14px;border:1px solid #b781dc55;border-radius:10px;background:linear-gradient(140deg,#40265080,#1b2735)}.vibe-map-intro strong{display:block;font-size:18px;color:#ecdbff}.vibe-map-intro p{font-size:14px;line-height:1.5;color:#cdc1db;margin:8px 0}.vibe-map-intro button{width:100%;min-height:44px;padding:11px;border:1px solid #c79cef99;border-radius:7px;background:#d6a9fc;color:#211030;font-size:13px;font-weight:800}#vibe-save-status{display:block;margin-top:10px;font-size:12px;color:#b9acc9}#place-list>button.vibe-row>span{color:#d9a5ff;font-size:20px;width:22px;text-align:center}#place-list>button.vibe-row small{color:#c4b6cd}#place-list>button.vibe-row.is-caught{opacity:.68}#place-list>button.vibe-row.pad-selected{background:#b277dc22;outline-color:#d5a4fb}#destination-hud.vibe-route{border-color:#bf90e888;background:#231d35ed}#destination-hud.vibe-route #destination-arrow,#destination-beacon.vibe-route{color:#d5a4ff}
@media(pointer:coarse) and (orientation:landscape){#vibe-hud{left:50%;bottom:34px;transform:translateX(-50%);width:min(280px,35vw);padding:9px 12px}#vibe-title{font-size:15px;margin:5px 0 3px}#vibe-tip,#vibe-status{font-size:12px;line-height:1.3}#open-vibes{font-size:11px;min-height:30px}#vibe-count{font-size:13px}#vibe-progress{margin-top:7px}.combo{bottom:174px!important;max-width:200px;pointer-events:none}#recover{left:max(24px,calc(env(safe-area-inset-left) + 12px));bottom:177px;min-height:40px;padding:8px 10px}}
@media(max-height:400px){#vibe-hud{bottom:28px;padding:7px 10px}#vibe-title{font-size:14px}#vibe-status{margin-top:3px}#vibe-progress{margin-top:5px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:360px){#recover{bottom:160px}.combo{bottom:158px!important}}
@media(pointer:fine) and (max-height:600px){#vibe-hud{width:250px;bottom:90px}}
@media(max-width:600px) and (orientation:portrait){#vibe-hud{left:18px;bottom:260px;width:calc(100% - 36px);max-width:300px}}
.controller-active #vibe-hud{left:4%;bottom:130px;transform:none;width:290px}.tv-mode #vibe-hud{left:6vw;bottom:16vh;transform:scale(var(--tv-scale));transform-origin:bottom left}@media(prefers-reduced-motion:reduce){#vibe-progress i{transition:none}}