.head-word-columns {
    column-count: 4;
    column-gap: 1.5rem;
}
.head-word-columns li {
    break-inside: avoid; /* prevents a single item from splitting across two columns */
    padding-bottom: 0.4rem;
}
@media (max-width: 768px) {
    .head-word-columns {
        column-count: 2;
    }
}
@media (max-width: 480px) {
    .head-word-columns {
        column-count: 1;
    }
}


#help-guide-wrapper {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

#help-guide-label {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 19px;
    color: #8b1e1e;
    text-shadow: 0 1px 2px rgba(0,0,0,0.08);
    display: inline-block;
    transform-origin: bottom center;
    animation: help-label-sway 2.6s ease-in-out infinite;
    pointer-events: none;
    user-select: none;
}

#help-guide-btn-inner {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

#help-pulse-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #8b1e1e;
    z-index: 0;
    animation: help-btn-pulse 2.6s ease-out infinite;
}

#help-guide-btn {
    position: relative;
    z-index: 1;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #8b1e1e;
    color: #fdf6e9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    text-decoration: none;
    transition: transform 0.15s ease, background 0.15s ease;
    animation: help-btn-bounce 2.6s ease-in-out infinite;
}

#help-guide-btn:hover {
    background: #6e1717;
    animation-play-state: paused;
}

@keyframes help-btn-bounce {
    0%, 100% { transform: translateY(0); }
    10%      { transform: translateY(-6px); }
    20%      { transform: translateY(0); }
}

@keyframes help-btn-pulse {
    0%   { transform: scale(1);   opacity: 0.55; }
    70%  { transform: scale(1.9); opacity: 0;    }
    100% { transform: scale(1.9); opacity: 0;    }
}

@keyframes help-label-sway {
    0%, 100% { transform: rotate(0deg); }
    25%      { transform: rotate(-3deg); }
    75%      { transform: rotate(3deg); }
}