#memory-game .game-bar {
    justify-content: flex-start;
    gap: 12px;
}
#memory-game .menu-header + .game-bar {
    margin-top: 12px;
}
#memory-game .pause-btn {
    margin-left: auto;
}
.bubble.mem-inactive {
    background: rgba(148,163,184,.15);
    border-color: rgba(148,163,184,.25);
    box-shadow: none;
    color: rgba(255,255,255,.45);
}
.bubble.mem-target {
    background: rgba(245,158,11,.35);
    border-color: rgba(251,191,36,.7);
    box-shadow: 0 0 24px rgba(245,158,11,.4), inset 0 0 20px rgba(251,191,36,.15);
    color: #fff;
}
.bubble.mem-moving {
    background: rgba(250,204,21,.32);
    border-color: rgba(253,224,71,.55);
    box-shadow: 0 4px 20px rgba(250,204,21,.25);
    color: transparent;
}
.bubble.mem-answer {
    background: rgba(96,165,250,.22);
    border-color: rgba(147,197,253,.32);
    box-shadow: 0 4px 20px rgba(96,165,250,.18), inset 0 0 24px rgba(147,197,253,.08);
    color: transparent;
    cursor: pointer;
}
.bubble.mem-correct {
    background: rgba(34,197,94,.4);
    border-color: rgba(74,222,128,.8);
    box-shadow: 0 0 24px rgba(34,197,94,.45);
    color: #fff;
}
.bubble.mem-wrong {
    background: rgba(239,68,68,.4);
    border-color: rgba(248,113,113,.8);
    box-shadow: 0 0 24px rgba(239,68,68,.45);
    color: #fff;
    animation: shake .35s ease-in-out;
}
.bubble.mem-tried {
    opacity: .45;
    cursor: not-allowed;
}
.bubble.mem-reveal {
    background: rgba(245,158,11,.45);
    border-color: rgba(251,191,36,.9);
    box-shadow: 0 0 28px rgba(245,158,11,.5), inset 0 0 20px rgba(251,191,36,.2);
    color: #fff;
}
.stage-badge {
    position: absolute; top: 120px; left: 50%; transform: translateX(-50%);
    padding: 8px 20px; border-radius: 20px;
    background: rgba(15,23,42,.8);
    border: 1px solid rgba(255,255,255,.12);
    font-size: 14px; font-weight: 700; color: #f8fafc;
    z-index: 10;
}