/* Statisches Schachbrett mit Koordinaten und Unicode-Figuren. */
/* Grundcontainer der statischen Brett-Tabelle. */
.chessboard2-table {
    border-collapse: collapse;
    text-align: center;
    background: var(--panel);
    box-shadow: var(--shadow);
}

/* Klassische helle und dunkle Brettfelder. */
.chessboard2-white {
    background-color: #d7e6dc;
}

.chessboard2-black {
    background-color: #173227;
}

/* Gemeinsame Zellengroesse fuer Brett und Randbeschriftung. */
.chessboard2-table td {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(4, 10, 8, 0.85);
    vertical-align: middle;
}

/* Randlabels fuer Reihen/Dateien. */
.chessboard2-label {
    background: var(--panel-strong);
    color: var(--heading);
    font-weight: bold;
}

.chessboard2-label-rotate {
    background: var(--panel-strong);
    color: var(--heading);
    font-weight: bold;
    transform: rotate(180deg);
}

/* Figurensymbole als grosse, klar lesbare Unicode-Zeichen. */
.chessboard2-piece {
    display: inline-block;
    font-size: 2rem;
    line-height: 1;
    user-select: none;
}

/* Helle und dunkle Figurenfarben passend zum Retro-Panelstil. */
.chessboard2-piece-white {
    color: #f7f0dc;
    -webkit-text-stroke: 0.6px #07110d;
    text-shadow:
        -0.5px -0.5px 0 #07110d,
        0.5px -0.5px 0 #07110d,
        -0.5px 0.5px 0 #07110d,
        0.5px 0.5px 0 #07110d,
        0 0 10px rgba(247, 240, 220, 0.35);
}

.chessboard2-piece-black {
    color: #07110d;
    -webkit-text-stroke: 0.6px #f7f0dc;
    text-shadow:
        -0.5px -0.5px 0 #f7f0dc,
        0.5px -0.5px 0 #f7f0dc,
        -0.5px 0.5px 0 #f7f0dc,
        0.5px 0.5px 0 #f7f0dc,
        0 0 8px rgba(6, 20, 15, 0.35);
}