/* Edit colors here; keep filenames and image dimensions unchanged. */
#missionClearMenu { background: rgba(20, 12, 48, 0.3); }
#missionClearMenu .clearHeader h2 { color: #fff8e9; text-shadow: 2px 2px 0 #4e3c95; }
#missionClearMenu .clearScore span, #missionClearMenu .clearScore strong { color: #49309e; }
#missionClearMenu .clearScore strong { text-shadow: 3px 4px 0 #d3b8ee; }
#missionClearMenu .rankingRegister label { color: #5034a4; }
#missionClearMenu .rankingRegister input {
    color: var(--ui-text-main);
    -webkit-text-fill-color: var(--ui-text-main);
    opacity: 1;
}
#missionClearMenu .rankingRegister input::placeholder {
    color: var(--ui-text-secondary);
    -webkit-text-fill-color: var(--ui-text-secondary);
    opacity: 1;
}
#missionClearMenu .rankingRegister input:disabled {
    color: var(--ui-text-main);
    -webkit-text-fill-color: var(--ui-text-main);
    opacity: 1;
}
#missionClearMenu .rankingRegister input,
#missionClearMenu .rankingRegister input:focus,
#missionClearMenu .rankingRegister input.keyboardSelected {
    height: 40px; padding: 9px 8px 7px; border: 0; box-shadow: none; background: url("nickname-field.png") 0 0 / 248px 40px no-repeat;
}
#missionClearMenu .clearScore { border: 0; position: relative; }
#missionClearMenu .clearScore::after { content: ""; position: absolute; left: 0; bottom: 0; width: 248px; height: 2px; background: url("divider.png") 0 0 / 248px 2px no-repeat; }
#missionClearMenu button, #missionClearMenu button:not(:disabled):hover,
#missionClearMenu button:not(:disabled):focus-visible,
#missionClearMenu button.keyboardSelected { color: #5734a7; }
#missionClearMenu #clearMenuButton { background-image: url("replay.png"); }
#missionClearMenu #clearMenuButton:not(:disabled):hover,
#missionClearMenu #clearMenuButton:not(:disabled):focus-visible,
#missionClearMenu #clearMenuButton.keyboardSelected { background-image: url("replay.png"); }

/* Completed registration: quiet colors and no selection/hover treatment. */
#missionClearMenu #rankingSubmitButton.registered:disabled {
    background: url("register.png") 0 0 / 248px 44px no-repeat;
    color: #7350ab;
    -webkit-text-fill-color: #7350ab;
    filter: saturate(0.60);
    transform: none;
    box-shadow: none;
    opacity: 1;
    cursor: default;
}
#missionClearMenu #rankingSubmitButton.registered:disabled::before,
#missionClearMenu #rankingSubmitButton.registered:disabled::after {
    content: none;
    display: none;
    animation: none;
}
/* Input 16px, action labels 18px. */
#missionClearMenu #rankingNickname,
#missionClearMenu #rankingNickname::placeholder { font-size: 16px; line-height: 20px; }
#missionClearMenu #rankingSubmitButton { font-size: 17px; line-height: 20px; }
#missionClearMenu #clearReplayButton,
#missionClearMenu #clearMenuButton { font-size: 16px; line-height: 20px; }