.health-track{position:relative;overflow:hidden}#healthBar{position:relative;transition:width .18s linear;background-size:200% 100%}
.health-track.regenerating #healthBar{background:linear-gradient(90deg,#57bfa0,#a0e8bb)!important;box-shadow:0 0 13px #72e5b26b}
.health-track.regenerating #healthBar::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff99 50%,transparent 65%);transform:translateX(-100%);animation:health-shimmer 1.4s linear infinite}
@keyframes health-shimmer{to{transform:translateX(100%)}}
.nametags{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.nametag{position:absolute;left:0;top:0;color:#f2f6ff;background:#101b30cc;padding:5px 8px 8px;border-radius:5px;font:600 11px system-ui;white-space:nowrap;transition:opacity .15s;will-change:transform;min-width:65px;text-align:center}.nametag i{position:absolute;left:0;bottom:0;height:3px;background:#edaa78;border-radius:3px;transition:width .2s}.nametag.regenerating i{background:#92efc3;box-shadow:0 0 8px #62ffc1}
#spectatorHint{position:fixed;top:94px;left:50%;transform:translateX(-50%);max-width:80vw;text-align:center;color:#e0edff;background:#142138ed;border:1px solid #8dacc655;border-radius:8px;padding:12px 20px;z-index:8;font:12px system-ui;pointer-events:none}
body:has(#spectatorHint:not([hidden])) #crosshair,body:has(#spectatorHint:not([hidden])) .controls-panel{display:none}
#guestNameField{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10px;color:#c6d4e8}#guestNameField[hidden]{display:none}#guestNickname{box-sizing:border-box;width:156px;min-width:0;height:28px;border:1px solid #7892ac66;border-radius:5px;background:#132039;color:#fff;padding:4px 8px;font:12px system-ui;user-select:text}
#dayClock{font-size:10px;letter-spacing:.1em;color:#d8e5f3;margin-left:8px}
@media(prefers-reduced-motion:reduce){.health-track.regenerating #healthBar::after{animation:none}}