.game-hud-glass{justify-content:center;gap:2.5rem;padding:1.1rem 2.2rem;border-radius:2.5rem;background:rgba(30,0,60,.55);box-shadow:0 4px 32px #ff00cc44,0 1.5px 8px #00eaff44;backdrop-filter:blur(12px);border:2.5px solid #fff2;margin:2.5rem auto 1.5rem;max-width:90vw;z-index:10}.game-hud-glass,.hud-section{display:flex;align-items:center}.hud-section{gap:.5rem;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 0 8px #ff00cc88,0 0 4px #00eaff88;transition:color .2s,text-shadow .2s}.hud-label{font-size:1.7rem;margin-right:.2rem;filter:drop-shadow(0 0 6px #ff00cc88)}.hud-value.lives{color:#ff4b8b;text-shadow:0 0 8px #ff00cc,0 0 4px #fff;transition:color .2s}.hud-value.skips{color:#00eaff;text-shadow:0 0 8px #00eaff,0 0 4px #fff;transition:color .2s}.hud-value.hints{color:#ffe066;text-shadow:0 0 8px #ffe066,0 0 4px #fff;transition:color .2s}.hud-value.streak{color:#ffb347;text-shadow:0 0 8px #ffb347,0 0 4px #fff;transition:color .2s}.hud-section.progress{gap:.2rem;margin-left:1.5rem}.progress-dot{display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff2;box-shadow:0 0 8px #00eaff44;margin:0 .1rem;transition:background .2s,box-shadow .2s}.progress-dot.filled{background:linear-gradient(135deg,#ff00cc 60%,#00eaff);box-shadow:0 0 16px #ff00cc99,0 0 8px #00eaff99}.hud-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem;cursor:pointer;transition:transform .2s,opacity .2s}.hud-button:hover:not(:disabled){transform:scale(1.1)}.hud-button:disabled{opacity:.5;cursor:not-allowed}.hud-button:active:not(:disabled){transform:scale(.95)}@media (max-width:600px){.game-hud-glass{flex-direction:column;gap:1.2rem;padding:.7rem 1.1rem;font-size:1.1rem}.hud-section.progress{margin-left:0}}