.hud-panel{position:fixed;background:#00000026;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-family:JetBrains Mono,monospace;font-weight:300;font-size:12px;z-index:10;pointer-events:auto;-webkit-user-select:none;user-select:none}.hud-top{top:0;left:0;right:0;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.hud-hexagram-glyph{font-size:20px;line-height:1}.hud-hexagram-label{opacity:.6}.hud-phase{margin-left:4px;opacity:.5}.hud-sound-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.hud-mute-btn{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;border-radius:4px;padding:2px 6px;cursor:pointer;font-family:inherit;font-size:14px;line-height:1}.hud-mute-btn:hover{background:#ffffff14}.hud-volume-range{width:80px;accent-color:rgba(255,255,255,.5)}.hud-layer-toggle{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:4px;padding:2px 6px;cursor:pointer;font-family:inherit;font-size:11px}.hud-layer-toggle.active{color:#ffffffd9;border-color:#ffffff40}.hud-layer-toggle:hover{background:#ffffff0f}.hud-stats{bottom:52px;left:0;padding:10px 16px;display:flex;flex-direction:column;gap:4px;border-radius:0 6px 0 0}.hud-stat-row{display:flex;align-items:center;gap:6px}.hud-stat-icon{width:14px;text-align:center;opacity:.5}.hud-map{bottom:52px;right:0;padding:8px;border-radius:6px 0 0;position:fixed}.hud-map canvas{display:block;border-radius:3px;background:#0003}.hud-map-dot{display:none}.hud-timeline{bottom:0;left:0;right:0;padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.05)}.hud-timeline.disabled{opacity:.3;pointer-events:none}.hud-heatstrip{display:block;width:100%;height:10px;border-radius:3px;cursor:pointer}.hud-timeline-marker{position:absolute;top:50%;width:10px;height:10px;background:#ffffffb3;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:left .3s ease}.hud-timeline-tooltip{position:absolute;bottom:16px;background:#0009;padding:2px 6px;border-radius:3px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .2s}.hud-timeline:hover .hud-timeline-tooltip{opacity:1}.hud-gate{display:none;position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:11;font-size:28px;opacity:.5;text-decoration:none;color:#fff9;transition:opacity .3s}.hud-gate:hover{opacity:.9}.hud-gate.visible{display:block}.hud-share{display:none;position:fixed;top:50px;right:16px;z-index:11}.hud-share.visible{display:block}.hud-share button{background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:4px;padding:4px 10px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px}.hud-share button:hover{background:#ffffff14}.hud-top{padding-top:max(10px,env(safe-area-inset-top))}.hud-timeline{padding-bottom:max(14px,env(safe-area-inset-bottom))}.hud-stats,.hud-map{bottom:calc(52px + env(safe-area-inset-bottom,0px))}.hud-gate{bottom:calc(60px + env(safe-area-inset-bottom,0px))}@media(max-width:600px){.hud-panel{font-size:10px}.hud-map{display:none}.hud-top{padding:max(6px,env(safe-area-inset-top)) 10px 6px;gap:4px 8px;flex-direction:column;align-items:flex-start}.hud-sound-controls{margin-left:0;width:100%;justify-content:flex-end}.hud-hexagram-glyph{font-size:16px}.hud-stats{padding:6px 10px;bottom:calc(44px + env(safe-area-inset-bottom,0px))}.hud-timeline{padding:6px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.hud-volume-range{width:50px}}