#field-badge{flex:0 0 auto;padding:5px 12px;background:#193d66;color:#eef6ff;font-size:11px;line-height:1.4;text-align:center;border-bottom:1px solid #8db1d43b}
#commands .cheer-btn{grid-column:1/-1;min-height:34px;padding:6px;font-size:12px;background:#eaf3ff;color:#153d64}
#msg-window.awaiting-story-input{cursor:pointer;box-shadow:inset 3px 0 #82cbe4}
#msg-window.awaiting-story-input .cursor{position:absolute;right:12px;bottom:6px;color:#8de2fa}
#msg-window.awaiting-story-input::after{content:'タップ / A で次へ';display:block;font-size:10px;text-align:right;opacity:.7;padding-right:16px}
@media(max-height:740px){#field-badge{padding:3px 8px;font-size:10px}#commands .cheer-btn{min-height:28px}}

/* Keep move metadata legible when a touch leaves :hover/:focus on the selected move. */
#commands button.move-btn:hover:not(:disabled),
#commands button.move-btn:focus:not(:disabled),
#commands button.move-btn:focus-visible:not(:disabled){background:#0e3e83;color:#f5fbff;box-shadow:inset 0 0 0 2px #91e5ff;transform:none}
#commands .move-btn:is(:hover,:focus,:focus-visible) .mv-name{color:#f5fbff}
#commands .move-btn:is(:hover,:focus,:focus-visible) .mv-meta{color:#cde8fa!important}
#commands .move-btn:is(:hover,:focus,:focus-visible) .mv-detail{color:#c1dfef!important}
#commands button.move-btn:focus-visible{outline:2px solid #91e5ff;outline-offset:2px}