body.tribesTutorial #btn_nextGame,
body.tribesTutorial #btn_undo,
body.tribesTutorial #btn_redo,
body.tribesTutorial #btn_undoAll,
body.tribesTutorial #btn_redoAll,
body.tribesTutorial #btn_finishTurn,
body.tribesTutorial #btnGrp_player,
body.tribesTutorial #btnCancelGame { display: none !important; }

.tribesTutorial #log { padding: .5rem; background: #f8edd6; color: #38291f; }
.tribesTutorialControls { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .75rem; }
.tribesTutorialControls button, .tribesTutorialContents button { min-height: 2.5rem; }
#tribesTutorialExplanation {
    position: fixed;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    color: #38291f;
    background: #fff8ea;
    border: 1px solid #ad8f5d;
    border-radius: .55rem;
    box-shadow: 0 .35rem 1rem #0005;
    overflow: hidden;
}
#tribesTutorialExplanation[hidden] { display: none; }
#tribesTutorialExplanation h2 {
    margin: 0;
    padding: .65rem .8rem;
    background: #ffebbd;
    font-size: 1.05rem;
}
#tribesTutorialExplanation p {
    margin: 0;
    padding: .65rem .8rem;
    overflow: auto;
}
#tribesTutorialExplanation .tribesTutorialControls {
    margin: 0;
    padding: .35rem .8rem .65rem;
}
.tribesTutorial #log h2 { font-size: 1.05rem; }
.tribesTutorial #log h3 { font-size: .95rem; margin: .75rem 0 .25rem; }
.tribesTutorialContents button { display: block; width: 100%; text-align: left; margin-bottom: .25rem; }
.tribesTutorialContents [aria-current] { background: #68472f; color: white; }
.tribesTutorialTarget { outline: 2px dashed #ffd888; outline-offset: 2px; }
svg .tribesTutorialTarget { outline: none; stroke: #fff1c9 !important; stroke-width: 3px !important; vector-effect: non-scaling-stroke; }
