/* Learned clues take priority over every cosmetic material. */
.keyboard[data-keyboard-skin] .key.crit:not(.key-charred){--clue-face:linear-gradient(135deg,#698b50,#355b3d);background:#9abf7c!important;color:#f1ffda!important;border-color:#b4d897;box-shadow:inset 0 -3px #193021,inset 1px 1px #c9e4a6;animation:none}
.keyboard[data-keyboard-skin] .key.hit:not(.key-charred){--clue-face:linear-gradient(135deg,#a08a43,#6d572d);background:#d8bd74!important;color:#fff0b1!important;border-color:#e7cc86;box-shadow:inset 0 -3px #40351e,inset 1px 1px #f4dea6;animation:none}
.keyboard[data-keyboard-skin] .key.miss:not(.key-charred){--clue-face:linear-gradient(135deg,#4b5351,#2c3433);background:#69736d!important;color:#aeb6ac!important;border-color:#7f8982;box-shadow:inset 0 -3px #18201e,inset 1px 1px #849087;animation:none}
.keyboard[data-keyboard-skin] .key:is(.crit,.hit,.miss):not(.key-charred):before{content:'';background:var(--clue-face)!important;inset:3px 2px 5px;border:0;box-shadow:inset 1px 1px #ffffff20;animation:none!important}
.keyboard[data-keyboard-skin] .key:is(.crit,.hit,.miss):not(.key-charred):after{content:none!important;animation:none!important}
/* The complete result is one line of type, with a single impact animation. */
.critical-focus.timing-locked #timing-title{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.15}
.lobby-rules{row-gap:15px}
@media(orientation:landscape) and (max-height:500px){.lobby-rules{row-gap:9px}}