.cjTourControls { display: flex; flex-wrap: wrap; gap: .4rem; }
#cjTutorialNext { margin-left: auto; }
#btn_cjTutorialShowTip .buttonText {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
}
.cjTourTarget { outline: 3px solid #f5b82e !important; outline-offset: 3px; }
.cjCardHelp.cjTourTarget { outline: none !important; }
.cjCardHelp.cjTourTarget::after {
    content: "";
    position: absolute;
    /* Match the face center (20, 19) in help.svg's 37-by-37 viewBox. */
    left: 54.054%;
    top: 51.351%;
    width: 72%;
    height: 72%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-sizing: content-box;
    border: 2px solid #f5b82e;
    pointer-events: none;
}
.cjTourPopover { --bs-popover-max-width: min(25rem, calc(100vw - 24px)); --bs-popover-border-color: #b8871f; z-index: 1050; }
.cjTourPopover .popover-header { background: #fff0c9; color: #27231f; }
.cjTourPopover .popover-body { max-height: 38vh; overflow-y: auto; }
.cjTourPopover p { margin-bottom: .65rem; }
.cjTourCardPart { position: absolute; pointer-events: none; z-index: 2; }
.cjTourCardPart.cjTourTarget { outline-offset: 0; background: rgb(245 184 46 / .12); }
.cjTourCardPart-elo { left: 3%; top: 3%; width: 15%; height: 11%; }
.cjTourCardPart-effect { left: 24%; top: 3%; width: 74%; height: 29%; }
.cjTourCardPart-code { left: 8%; top: 26%; width: 9%; height: 8%; }
body.cjTutorial #game { position: relative; }
.cjTourIntroduction { --bs-popover-max-width: min(40rem, calc(100vw - 24px)); width: calc(100% - 24px); }
.cjTourIntroduction .popover-arrow { display: none; }
.cjTourPopover[data-cj-tour-moved] .popover-arrow { visibility: hidden; }
.cjTutorialLogTitle { font-size: 1rem; margin: .75rem .6rem .4rem; }
.cjTutorialLog h3 { font-size: .85rem; margin: .9rem .6rem .3rem; color: #555; }
.cjTutorialLogEntry { display: flex; align-items: baseline; gap: .5rem; width: 100%; padding: .5rem .6rem; border: 0; border-bottom: 1px solid #ddd; background: transparent; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.cjTutorialLogEntry .bi-circle { color: #777; }
.cjTutorialLogEntry .bi-check-circle { color: #28723d; }
.cjTutorialLogEntry:hover, .cjTutorialLogEntry[aria-current] { background: #e5edf8; }
.cjTutorialLogEntry:focus-visible { outline: 2px solid #3467a7; outline-offset: -2px; }