.tutorial-arrow {
    position: fixed;
    font-size: 2.5vh;
    color: #aeb46f;
    text-shadow: 0 0 6px #aeb46f, 0 0 12px #aeb46f;
    animation: tutorialArrowBounce 0.8s infinite ease-in-out;
    z-index: 999;
    pointer-events: none;
}

.tutorial-arrow-info {
    position: absolute;
    left: 1.8vh;
    top: 4vh;
    z-index: 1001;
}

.tutorial-arrow-chat {
    position: absolute;
    left: 6.3vh;
    top: 4vh;
}

.tutorial-arrow-map {
    margin-top: 5.9vh;
    margin-left: 0vh;
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}

.tutorial-arrow-skill {
    margin-top: 5.9vh;
    margin-left: 5.5vh;
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}

.tutorial-arrow-stat {
    margin-top: 10.4vh;
    margin-left: 5.5vh;
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}

.tutorial-arrow-tissue {
    margin-top: 10.4vh;
    margin-left: 0vh;
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}

@keyframes tutorialArrowBounceRight {
    0%, 100% { transform: translateX(0); opacity: 0.6; }
    50% { transform: translateX(0.5vh); opacity: 1; }
}

@keyframes tutorialArrowBounce {
    0%, 100% { transform: translateY(0); opacity: 0.6; }
    50% { transform: translateY(-0.5vh); opacity: 1; }
}

.player-action.tutorial-glow::after {
    content: "\25B2";
    position: absolute;
    bottom: -3.8vh;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2vh;
    color: #aeb46f;
    text-shadow: 0 0 6px #aeb46f, 0 0 12px #aeb46f;
    animation: tutorialArrowBounceUp 0.8s infinite ease-in-out;
    pointer-events: none;
    z-index: 999;
}

@keyframes tutorialArrowBounceUp {
    0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.6; }
    50% { transform: translateX(-50%) translateY(-0.5vh); opacity: 1; }
}

.skill-panel {
    position: relative;
}

.tutorial-arrow-lvlup {
    position: absolute;
    top: 6.8vh;
    left: 32.4vh;
    animation: tutorialArrowBounce 0.8s infinite ease-in-out;
}

.tutorial-arrow-exit {
    margin-left: 13.5vh;
    margin-top: -8.5vh;
}

.tutorial-arrow-exit-3 {
    margin-left: 14.5vh;
    margin-top: -8.5vh;
}

.tutorial-arrow-material {
    position: absolute;
    left: 13vh;
    margin-top: -3.2vh;
    top: 50%;
    transform: translateY(-50%);
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}

.tutorial-arrow-transit {
    margin-top: 8.5vh;
    margin-left: 8.7vh;
}

.tutorial-arrow-quest {
    margin-top: 30.6vh;
    margin-left: 36vh;
    animation: tutorialArrowBounceRight 0.8s infinite ease-in-out;
}