/* ---------------------------------------------------------------------------
 * index.css - раскладка главной страницы (компоненты и токены - в theme.css)
 * ------------------------------------------------------------------------- */

html,
body {
    height: 100%;
    overflow: hidden;
}

/* область экрана: canvas по центру, бордюр - фон этого блока (ставится из JS) */
.flexdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: auto;
    position: relative;
}
.canv {
    flex: 0 1 auto;
    margin: auto;
    transform: scale(4);
    image-rendering: crisp-edges;
}

/* кнопки меню: плавают поверх экрана в верхних углах */
.btn,
.btn1 {
    position: fixed;
    top: 12px;
    z-index: 20;
    background-color: rgba(32, 31, 29, 0.82);
    backdrop-filter: blur(6px);
}
.btn { left: 12px; }
.btn1 { right: 12px; }
.btn:hover,
.btn1:hover {
    background-color: rgba(48, 46, 42, 0.92);
    border-color: var(--accent-line);
    color: var(--accent-strong);
}