/* Neighbors Lite (housegame_hardcore) — the ONLY genuinely Lite-specific styles.
   Everything else is shared with Neighbors via the common css/ + js/ files.
   The hardcore engine renders clues as a flat, click-to-cross-out list. */
.flat-clue {
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.2s;
    list-style: none;
}

.flat-clue:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flat-clue.crossed-out {
    opacity: 0.35;
    text-decoration: line-through;
}

/* === "CLUES" GROUP (Lite reuses Neighbors' .step-group styling) === */
/* Lite has a single, always-open Clues group, so its header isn't clickable
   (no collapse) and shouldn't show the pointer cursor. */
.lite-clue-group .step-header {
    cursor: default;
}

/* Check-result icon: ✓ (green) or ✗ (red), sitting next to "Clues". It pops
   vertically on each check (rather than the horizontal shake Neighbors uses). */
.lite-result-icon {
    display: none;
    font-weight: bold;
    margin-left: 6px;
}

.lite-result-icon.visible {
    display: inline-block;
    animation: lite-result-pop 0.4s ease;
}

.lite-result-icon.pass,
.lite-result-msg.pass {
    color: var(--color-success, #22c55e);
}

.lite-result-icon.fail,
.lite-result-msg.fail {
    color: var(--color-error, #c44);
}

@keyframes lite-result-pop {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-6px); }
    65%  { transform: translateY(3px); }
    100% { transform: translateY(0); }
}