#tutorialHomeNote{max-width:400px;margin:0 auto 14px;color:#5b6577;font-size:12px;line-height:1.7;text-align:left}#home button:disabled{opacity:.48;cursor:not-allowed}
#tutorialCoach{position:fixed;z-index:1100;box-sizing:border-box;border:1px solid #dba49d;background:#fffaf5f5;border-radius:13px;padding:10px 12px;color:#141e36;box-shadow:0 5px 18px #34272118;pointer-events:none;font-family:'IBM Plex Sans KR',sans-serif}#tutorialCoach[hidden],#tutorialHand[hidden]{display:none}.tutorialTop{display:flex;align-items:center;justify-content:space-between;gap:8px}#tutorialCoach small{font-size:10px;color:#7f6159}#tutorialCoach b{display:block;font-size:14px;margin-top:3px}#tutorialCoach p{font-size:12px;line-height:1.6;margin:5px 0}#tutorialCoach [role=status]{display:block;font-size:11px;font-weight:600;color:#ad3c33}#tutorialSkip{pointer-events:auto;min-height:28px;padding:3px 8px;font-size:11px;line-height:1.3;border-color:#d9beb6;color:#8c4d44}
.tutorialTarget{outline:3px solid #cc5146!important;outline-offset:3px;animation:tutorialRed 1.3s ease-in-out infinite}#tutorialHand{position:fixed;z-index:1099;pointer-events:none;width:42px;height:49px;filter:drop-shadow(0 2px 3px #36211835)}#tutorialHand[data-motion=drag] svg{animation:tutorialDrag 1.5s ease-in-out infinite}#tutorialHand[data-motion=rub] svg{animation:tutorialRub 1.3s ease-in-out infinite}#tutorialHand[data-motion=tap] svg{animation:tutorialTap 1.2s ease-in-out infinite}
@keyframes tutorialRed{50%{box-shadow:0 0 0 6px #d0584733}}@keyframes tutorialDrag{0%,100%{transform:translateX(-18px)}50%{transform:translateX(18px)}}@keyframes tutorialRub{0%,100%{transform:translate(-8px,-6px)}25%{transform:translate(8px,-6px)}50%{transform:translate(8px,6px)}75%{transform:translate(-8px,6px)}}@keyframes tutorialTap{0%,100%{transform:translateY(-7px);opacity:.75}50%{transform:translateY(0) scale(.92);opacity:1}}
#stageHelpButton{min-height:32px;padding:5px 9px;font-size:12px;white-space:nowrap}#stageBriefHelp{padding:11px 12px;margin:0 0 12px;border:1px solid #c7c9bf;border-radius:10px;background:#faf8f2}#stageBriefHelp[hidden]{display:none}#stageBriefHelp b{font-size:13px}#stageBriefHelp p{font-size:12px;line-height:1.65;margin:6px 0}#stageHelpClose{min-height:28px;padding:3px 9px;font-size:11px}
@media(max-width:759px){#tutorialCoach{padding:8px 10px;border-radius:11px}#tutorialCoach b{font-size:13px}#tutorialCoach p{font-size:11px;line-height:1.5;margin:4px 0}#tutorialCoach [role=status]{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tutorialTarget,#tutorialHand svg{animation:none!important}}

#tutorialHand[data-motion=shape] svg{animation:tutorialShape 2.8s ease-in-out infinite}@keyframes tutorialShape{0%,100%{transform:translate(-18px,0)}25%{transform:translate(18px,0)}50%{transform:translate(0,-20px)}75%{transform:translate(0,20px)}}

#tutorialCoach.tutorialModal{padding:9px 11px}#tutorialCoach.tutorialModal p{font-size:11px;line-height:1.45}#tutorialCoach.tutorialModal b{font-size:13px}#tutorialHand[data-motion=scrollUp] svg{animation:tutorialScrollUp 1.6s ease-in-out infinite}#tutorialHand[data-motion=scrollDown] svg{animation:tutorialScrollDown 1.6s ease-in-out infinite}@keyframes tutorialScrollUp{0%,100%{transform:translateY(16px)}65%{transform:translateY(-20px)}}@keyframes tutorialScrollDown{0%,100%{transform:translateY(-16px)}65%{transform:translateY(20px)}}

#tutorialHand[data-motion^=scroll]{width:auto;height:auto;filter:none;transform:translateX(-65%)}#tutorialHand[data-motion^=scroll] svg{display:none}#tutorialHand[data-motion^=scroll]::after{content:attr(data-scroll-label);display:block;white-space:nowrap;padding:9px 12px;border:2px solid #cc5146;border-radius:12px;background:#fffaf5;color:#ad3c33;font:700 13px/1.3 sans-serif;box-shadow:0 3px 12px #35231720;animation:tutorialScrollLabel 1.4s ease-in-out infinite}@keyframes tutorialScrollLabel{50%{transform:translateY(5px)}}

#tutorialHand[data-motion=circle] svg{animation:tutorialCircle 2.3s linear infinite}@keyframes tutorialCircle{0%,100%{transform:translate(0,-23px)}12.5%{transform:translate(16px,-16px)}25%{transform:translate(23px,0)}37.5%{transform:translate(16px,16px)}50%{transform:translate(0,23px)}62.5%{transform:translate(-16px,16px)}75%{transform:translate(-23px,0)}87.5%{transform:translate(-16px,-16px)}}

#tutorialHomeNote{position:relative;box-sizing:border-box;width:100%;max-width:400px;margin:4px auto 20px;padding:17px 16px;text-align:center;border:2px solid #c95448;border-radius:16px;background:#fff4e8;color:#283244;box-shadow:0 5px 16px #6b38231a}#tutorialHomeNote[hidden]{display:none!important}#tutorialHomeNote::after{content:'';position:absolute;bottom:-10px;left:calc(50% - 8px);width:15px;height:15px;background:#fff4e8;border-right:2px solid #c95448;border-bottom:2px solid #c95448;transform:rotate(45deg)}#tutorialHomeNote strong{display:block;font-size:20px;font-weight:700;line-height:1.45;color:#a83730}#tutorialHomeNote span{display:block;font-size:14px;line-height:1.55;margin-top:8px;color:#505a68}#goFree.tutorialFirstStart{outline:3px solid #c95448;outline-offset:4px;box-shadow:0 0 0 8px #c9544815}#home #goMarket.communityPreparing{background:#eeefeb;border-color:#d3d6cf;color:#777e76;box-shadow:none;cursor:not-allowed}#home #goMarket.communityPreparing b{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#777e76}#home #goMarket.communityPreparing>span{color:#858b83}.communityPreparing{cursor:not-allowed!important;background:#eeefeb!important;border-color:#d3d6cf!important;color:#777e76!important;box-shadow:none!important}.communityState{display:inline-block;font-size:15px;font-weight:700;line-height:1.3;padding:5px 10px;border-radius:7px;background:#dce0d7;color:#525c4f;margin-left:8px;vertical-align:middle}#goMarket .communityState{font-size:18px;margin:0;padding:6px 12px}@media(max-width:600px){#tutorialHomeNote strong{font-size:18px}#tutorialHomeNote span{font-size:13px}#goMarket .communityState{font-size:17px}}

#tutorialCoach.tutorialDocked{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none;margin:0 0 12px;padding:10px 12px;z-index:1;box-shadow:none;background:#fffaf3}#tutorialCoach.tutorialDocked p{font-size:12px;line-height:1.5}#tutorialCoach.tutorialDocked b{font-size:13px}

#fireTitle.tutorialTarget{outline:none!important;box-shadow:none!important;border-color:transparent!important}
