#log .cjCardCode, .cjTourPopover .cjCardCode {
    align-items: center;
    background: #050505;
    border: 1px solid #555;
    border-radius: .25em;
    color: #fff;
    cursor: help;
    display: inline-flex;
    font-weight: 700;
    height: 1.45em;
    line-height: 1;
    margin: 0 .12em;
    outline-offset: 2px;
    overflow: hidden;
    vertical-align: middle;
}
#log .cjCardId, .cjTourPopover .cjCardId, #log .cjLogCoordinate, .cjTourPopover .cjLogCoordinate { font-family: Consolas, "Liberation Mono", monospace; }
#log .cjCardValue, .cjTourPopover .cjCardValue { font-size: .78em; padding: 0 .38em; }
#log .cjCardId, .cjTourPopover .cjCardId { border-right: 1px solid #666; padding: 0 .42em; }
#log .cjFaceDownCard .cjCardValue { border-right: 0; font-size: 1em; padding: 0 .5em; }
#log .cjLogCoordinate, .cjTourPopover .cjLogCoordinate {
    align-items: center;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: .25em;
    color: #111;
    display: inline-flex;
    font-weight: 700;
    height: 1.45em;
    line-height: 1;
    padding: 0 .35em;
    vertical-align: middle;
}
.cjLogCardPopover {
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .35);
    max-width: min(22rem, calc(100vw - 1rem));
}
.cjLogCardPopover .popover-body { padding: .5rem; }
.cjLogCardPopover .cjLogCardPreview {
    width: min(20rem, calc(100vw - 2rem));
}
#log .move.color0 {
    background: url("/game-plugins/chessjoker/1.0.4/images/player-panel-white.webp") center / 100% 100% no-repeat;
    color: #27231f;
}
#log .move.color1 {
    background: url("/game-plugins/chessjoker/1.0.4/images/player-panel-black.webp") center / 100% 100% no-repeat;
    color: #fff;
}
#log .effect0::before { content: ""; }
#log .effect3::before { content: ""; }
#log .effectFaceDownCardScored { display: block; }
#log .effectFaceDownCardScored::before { content: ""; }
#log .effectGameEnded { display: block; }
#log .effectGameEnded::before { content: ""; }
#log .cjLogCardExecution,
#log .cjLogCardUse,
#log .cjLogCardStep,
#log .cjLogCheck { display: block; }
#log .action > .automatic + .coreAction > .cjLogCardExecution,
#log .action > .automatic + .coreAction > .cjLogCardExecution > .cjLogCardUse,
#log .action > img.undo + .coreAction > .cjLogCardExecution,
#log .action > img.undo + .coreAction > .cjLogCardExecution > .cjLogCardUse,
#log .action > img.redo + .coreAction > .cjLogCardExecution,
#log .action > img.redo + .coreAction > .cjLogCardExecution > .cjLogCardUse,
#log .action > img.undo + .coreAction > .cjLogCardStep,
#log .action > img.redo + .coreAction > .cjLogCardStep { display: inline; }
#log .cjLogCardStep {
    margin-left: 1em;
}
#log .action > img.undo:has(+ .coreAction > .cjLogCardStep),
#log .action > img.redo:has(+ .coreAction > .cjLogCardStep) {
    margin-left: 1em;
}
#log .action > img.undo + .coreAction > .cjLogCardStep,
#log .action > img.redo + .coreAction > .cjLogCardStep {
    margin-left: 0;
}
#log .cjLogPiece { white-space: nowrap; }
#log .cjLogPiece img {
    height: 1.45em;
    width: 1.45em;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 0.1em;
}