Training puzzles New look by braveheart366

/* ==UserStyle==
@name       Training puzzles New look
@version    20240303.19.03
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://lichess.org/training") {
#top {
    --dropdown-top: 11000px;
    display:none
}

.puzzle {
    grid-template-columns: minmax(calc(97.1vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 1rem)) var(--gauge-gap) minmax(250px, 415px);
    grid-template-rows: fit-content(0);
    grid-template-areas:
        "board gauge tools"
        "session . controls"
        "kb-move . controls"
        "side side side";
}

cg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 16px;
    right: 0;
}

.puzzle__session a {
    flex: 0 0 2.5em;
    height: 1.6em;
    margin: 1.8em 0.4em 0 0;
    color: #000;
    opacity: .72;
    font-size: 0.81em;
    font-weight: bold;
    justify-content: center;
}

.tview2 move.good {
    color: #ab3da8d4;
}

.puzzle__moves move.good glyph, .puzzle__moves move.win glyph {
    color: #8b2c84;
}
}