:root {
    --brand: rgba(219, 169, 39, .8);
}

.bg-brand {
    background: var(--brand);
}

.avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

body {
    background: #efefef;
}

output.form-control {
    display: block;
    background: #fff;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono",
        "Source Code Pro", "Noto Sans Mono CJK JP", "Noto Sans Mono", monospace;
}

.small {
    font-size: .9rem;
}

/* --- 素材ランク別の文字色 --- */
main #resultTableBody td.rank-2 { color: green; }
main #resultTableBody td.rank-3 { color: red; }
main #resultTableBody td.rank-4 { color: orange; }
main #resultTableBody td.rank-5 { color: purple; }