.hud{z-index:90;pointer-events:none;position:fixed;inset:0}.hud-corner{align-items:center;gap:10px;display:flex;position:absolute}.hud-corner.tl{top:12px;left:12px}.hud-corner.tr{top:12px;right:12px}.hud-corner.bl{bottom:14px;left:16px}.hud-corner.br{bottom:14px;right:16px}.hud-chip{pointer-events:auto;-webkit-backdrop-filter:blur(10px);color:var(--fg2,#d1d5db);cursor:pointer;background:#120b299e;border:2px solid #000;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:transform .15s cubic-bezier(.2,.7,.2,1),box-shadow .15s cubic-bezier(.2,.7,.2,1);display:inline-flex;box-shadow:2px 2px #000}.hud-chip:hover{transform:translateY(-1px);box-shadow:2px 3px #000,0 0 15px #2ec4b659}.hud-chip:active{transform:translateY(1px)}.hud-back{color:#2ec4b6}.hud-logo{opacity:0;padding:5px 9px;transform:translateY(-6px)}.hud-logo img{width:auto;height:24px;display:block}[data-mode=gate] .hud-logo{display:none}.hud-sound{pointer-events:auto;-webkit-backdrop-filter:blur(8px);color:#d1d5dbbf;cursor:pointer;opacity:.72;background:#120b298c;border:1.5px solid #000000e6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s cubic-bezier(.2,.7,.2,1);display:inline-flex;box-shadow:1px 1px #000}.hud-sound:hover{opacity:1}.hud-sound[aria-pressed=false]{color:#9ca3af8c}.hud-readout{pointer-events:none;color:#d1d5dbbf;letter-spacing:2.5px;text-shadow:1px 1px #000}.hud-hint{animation:3s ease-in-out infinite hudBreathe}@keyframes hudBreathe{0%{transform:translateY(0)}16%{transform:translateY(-4px)}33%,to{transform:translateY(0)}}#yz-hint{transition:opacity .5s cubic-bezier(.2,.7,.2,1)}#yz-hint.gone{opacity:0}@keyframes yzBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.yz-bob{animation:3.2s ease-in-out infinite yzBob}.yz-bob-soft{animation:3.2s ease-in-out infinite yzBobSoft}@keyframes yzBobSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:700px){.hud-corner.tl{gap:6px;top:10px;left:10px}.hud-corner.tr{top:10px;right:10px}.hud-chip{padding:7px 10px}.hud-readout{display:none}.hud-hint{font-size:9px}}@media (prefers-reduced-motion:reduce){.hud-hint,.yz-bob,.yz-bob-soft{animation:none}}