/* Boop Sort's colours; everything else is shared/game/game-ui.css (loaded first). */
:root{
    --bg: #24255e;
    --title: #ffd23f;
    --panel: rgba(28, 24, 70, .82);
    --panel-center: rgba(28, 24, 70, .86);
    --panel-edge: rgba(28, 24, 70, .35);
    --dialog: #262063;
}

/* The daily streak under the menu's buttons. */
.panel__streak{
    margin: 0;
    padding: 6px 14px;
    font-size: 15px;
    font-weight: bold;
    color: #ffb36b;
    background: rgba(255, 140, 50, .14);
    border: 1px solid rgba(255, 160, 80, .35);
    border-radius: 999px;
}

/* "So close!" on the solved screen. */
.panel__near{
    max-width: 320px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--title);
}

.panel__streak[hidden],
.panel__near[hidden]{
    display: none;
}