/*
 * QueenK Crossword Physical Grid Debug View
 * ==========================================
 *
 * DEBUG ONLY.
 *
 * Shows every physical crossword matrix position so the
 * developer can see the complete maximum crossword territory.
 *
 * Production remains unchanged:
 * unused crossword-grid-pixel cells stay invisible normally.
 */


.queenk-layout-debug
#answer-area.crossword-fixed-grid {
    /*
     * Development baseline:
     * every physical matrix position is 18px x 18px.
     *
     * The existing Crossword Cells developer control may
     * override this value while tuning.
     */
    --crossword-matrix-cell:
        18px;
}


/*
 * Normally these physical cells exist but are hidden.
 *
 * In layout-debug we deliberately expose every one.
 */
.queenk-layout-debug
#answer-area.crossword-fixed-grid
.crossword-grid-pixel {
    visibility:
        visible !important;

    box-sizing:
        border-box;

    width:
        var(--crossword-matrix-cell)
        !important;

    height:
        var(--crossword-matrix-cell)
        !important;

    min-width:
        var(--crossword-matrix-cell)
        !important;

    min-height:
        var(--crossword-matrix-cell)
        !important;

    border:
        1px solid
        rgba(
            125,
            190,
            235,
            0.72
        );

    border-radius:
        2px;

    background:
        rgba(
            10,
            38,
            58,
            0.16
        );

    pointer-events:
        none !important;
}


/*
 * Real crossword cells remain visually stronger than unused
 * physical matrix positions.
 */
.queenk-layout-debug
#answer-area.crossword-fixed-grid
.crossword-cell:not(
    .crossword-grid-pixel
) {
    position:
        relative;

    z-index:
        2;
}