/*
 * ============================================================
 *  TNT | Sudoku Saga — Custom Puzzle AI Solver
 *  File:    solveCustomSudokuStyles.css
 *  Coder:   KLP + GitHub Copilot
 *  Created: 2026-07-16
 *
 *  Load order: aiSolveSPARKStyles.css first, then this file.
 *  This sheet only overrides the hero and app-section rules;
 *  all solve-control, log-panel, and cell-state styles come
 *  from aiSolveSPARKStyles.css unchanged.
 * ============================================================
 */


/* ── Override hero — Einstein + navy-to-purple gradient.
   Navy (same start as all SPARK pages) transitions to deep
   purple, signalling "intellectual challenge ahead."        ── */
#hero {
    min-height: 160px;
    background-image:
        linear-gradient(135deg,
            rgba(10, 14, 50, 0.78)   0%,
            rgba(74, 20, 140, 0.55) 100%),
        url('../images/einsteinSudoku.jpg');
    background-size: cover;
    background-position: center 30%;
    padding: 1.4rem 1rem 1.2rem;
    border-bottom: 4px solid var(--tnt-red);
}

/* ── App section ── */
#appSection {
    background: #f4f6f0;
    padding: 1rem 0 4rem;
    min-height: 60vh;
}

#sudokuPanel { width: 360px; }


/* ── Puzzle info bar (between hero and app section) ── */
#puzzleInfoBar {
    background: #fff;
    border-bottom: 1px solid #c8e6c9;
    padding: 0.45rem 1rem;
    text-align: center;
    font-size: 0.82rem;
    color: #546e7a;
}