.robot-nav{padding-top:18px}
.robot-guide-instruction{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.15px;color:#304652;text-align:center;margin:0 auto 15px;max-width:760px}
.robot-head-hint{position:absolute;z-index:2;left:2%;top:1%;width:94px;font-size:12px;font-weight:600;line-height:1.2;color:#855128;white-space:nowrap;text-align:center;pointer-events:none;user-select:none}
.robot-hint-arrow{display:block;position:absolute;left:56px;top:13px;width:46px;height:32px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:robot-head-nudge .8s ease-in-out 2}
.robot-face:hover{border-color:#c47436;box-shadow:0 0 0 5px #cf8d4f33,0 0 15px #c17d4444}
.robot-face:focus-visible{outline-color:#a75f2c;box-shadow:0 0 0 5px #cf8d4f33}
@keyframes robot-head-nudge{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,4px)}}
@media(max-width:760px){.robot-guide-instruction{font-size:17px;margin-bottom:17px}.robot-head-hint{left:0;top:-2%;font-size:11px;width:84px}.robot-hint-arrow{left:45px;top:13px;width:42px;height:32px}}
@media(max-width:480px){.robot-nav{padding-top:18px}.robot-guide-instruction{font-size:15px;line-height:1.45;max-width:320px;margin-bottom:21px}.robot-head-hint{left:-1%;top:-5%;width:76px;font-size:11px}.robot-hint-arrow{left:26px;top:14px;width:38px;height:30px}}
@media(max-width:360px){.robot-guide-instruction{max-width:275px;font-size:14px}.robot-head-hint{width:66px}.robot-hint-arrow{left:22px;width:34px;height:27px}}
@media(prefers-reduced-motion:reduce){.robot-hint-arrow{animation:none}.robot-face{transition:none}}