.key {
    background-color: #d3d6da;
}

.correct {
    background-color: #6aaa63 !important;
    color: white;
}

.semicorrect {
    background-color: #ccb757 !important;
    color: white;
}

.incorrect {
    background-color: #939598 !important;
    color: white;
}

/* hides vue elements initially */
[v-cloak] {
    display: none;
}
.llanmadoc-daily-word {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    font-family: inherit;
}
.llanmadoc-daily-word #app { width: 100%; }
.llanmadoc-daily-word button.key {
    line-height: 1;
    min-width: 0;
    box-shadow: none;
}
.llanmadoc-daily-word button {
    font-family: inherit;
}
.llanmadoc-daily-word [v-cloak] {
    display: none !important;
}

/* Stats UI intentionally hidden for Llanmadoc. */
.llanmadoc-hide-stats { display: none !important; }

/* Statistics are intentionally not displayed in Llanmadoc Daily Word. */
.llanmadoc-hide-stats-modal {
    display: none !important;
}

/* Daily Word completion modal */
.llanmadoc-daily-word .daily-word-completion {
    position: relative;
    z-index: 2;
}

/* Daily Word result panel */
.llanmadoc-daily-word .daily-word-result-modal {
    z-index: 99999;
}

.llanmadoc-daily-word .daily-word-result {
    max-width: 520px;
}

.llanmadoc-daily-word .daily-word-share-button {
    background: #22c55e;
    border: 0;
    cursor: pointer;
}

.llanmadoc-daily-word .daily-word-share-button:hover {
    opacity: 0.9;
}

.llanmadoc-daily-word .daily-word-emoji-board {
    font-family: system-ui, sans-serif;
}