/* Reuse the empty gutter above the number keys; the park never takes layout space. */
.tl-cheer{position:absolute;inset:0 0 auto;height:5.8cqw;max-height:66px;min-height:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#f0f8fb,#f3f8ef);isolation:isolate;color:#39586a}
.tl-cheer[hidden]{display:none!important}
.tl-cheer-park{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tl-cheer-track{position:absolute;left:12%;bottom:0;width:32%;height:100%;transform:translateX(0)}
.tl-cheer-avatar{position:absolute;left:0;bottom:0;width:5.4cqw;height:5.4cqw;max-width:60px;max-height:60px;display:block;transform-origin:50% 90%}
.tl-cheer-avatar .island-art,.tl-cheer-avatar .island-art svg,.tl-cheer-avatar .island-art img{display:block;width:100%;height:100%;object-fit:contain}
.tl-cheer-message{position:absolute;left:48%;right:8%;top:50%;transform:translateY(-50%);display:grid;gap:1px;line-height:1.35;font-size:clamp(8px,1.5cqw,11px);text-align:left;overflow:hidden;max-height:95%;text-wrap:pretty}
.tl-cheer-message strong{display:block;font-size:clamp(9px,1.8cqw,12px);font-weight:650;color:#3b687c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-cheer-message>span{display:block;max-height:2.7em;overflow:hidden;font-size:inherit}
.tl-cheer-motion{font-size:inherit!important;white-space:nowrap}
.tl-cheer-inline-control{position:absolute;top:1px;right:5px;pointer-events:auto;background:#ffffffdf;border-radius:3px;display:flex;align-items:center;gap:3px;font-size:9px}
.tl-cheer-inline-control input{width:12px;height:12px;margin:0}
.tl-cheer.is-moving .tl-cheer-track{animation:tl-cheer-walk 24s ease-in-out infinite alternate}
.tl-cheer.is-moving .tl-cheer-avatar{animation:tl-cheer-step 1.4s ease-in-out infinite alternate}
@keyframes tl-cheer-walk{from{transform:translateX(0)}to{transform:translateX(68%)}}
@keyframes tl-cheer-step{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer{height:28px;max-height:28px;border-radius:6px}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer-avatar{width:28px;height:28px}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer-track{left:8%;width:22%}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer-message{left:39%;right:4%;font-size:8px}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer-message strong{font-size:9px}
.tl-keyboard-surface.tl-numpad-mode .tl-cheer-message>span{display:none}
@media(prefers-reduced-motion:reduce){.tl-cheer *{animation:none!important;transition:none!important}}