body {
    background: #40E0D0;
}

aside {
    float: up;
    background: #0d6efd;
    width: 100%;
    padding: 0.5%;
    height: 15%;
    color: #fff;
    border: 2px solid #800000;
}

aside .logo {
    font-size: 0px;
    margin-left: 0px;
    font-weight: boult;
    position: relative;
    top: 1px;
}

aside button {
    margin-left: 0px;
    }


main {
min-height: 100vh;
}

main .features {
    background: #40E0D0;
    width: 100%;
    padding: 1%;
    text-align: center;
    margin-top: 0px;
    color: #000;
    border-up: 3px solid #800000;
}

main .features.easter-bg {
    background: #23223b; /* тёмный фон: насыщенный глубокий синий/фиолетовый */
    color: #F7F7FA;      /* светлый текст для читаемости */
}
main .featuress {
    font-style: italic;
    text-align: center;
}

main form {
    text-align: center;
    margin-left: 0%;
    width: 100%;
    margin-top 20px;
}

/* Центральная рамка с треугольниками */
.center-highlight {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;               /* должно совпадать с ITEM_HEIGHT */
    background: rgba(255,255,0,0.1);
    border-top: 3px solid red;
    border-bottom: 3px solid red;
    pointer-events: none;
    z-index: 2;
    box-sizing: border-box;
}
.center-highlight::before,
.center-highlight::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
}
.center-highlight::before {
    left: 10px;
    border-width: 12px 12px 12px 0;
    border-color: transparent red transparent transparent;
}
.center-highlight::after {
    right: 10px;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent red;
}
.center-bold {
    font-weight: 900 !important;
    color: darkred !important;
}
.tape-item-dark {
    color: #000000;  /* чёрный текст */
}
.tape-item-light {
    color: #0000ff;  /* синий текст */
}

.winning-item {
    animation: blink 0.5s linear 3;
    background: #ffff00 !important;
}
@keyframes blink {
    0% { background: #ffff00; }
    50% { background: #ff9900; }
    100% { background: #ffff00; }
}

 * {
      touch-action: manipulation;
  }