.tutorial-view{max-width:480px;margin:16px auto 25px;padding:0 16px}.tutorial-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tutorial-top .tiny-tag{display:inline-block;font-size:11px;letter-spacing:0}.tutorial-top>button{border:0;background:transparent;text-decoration:underline;font-size:12px;padding:10px 0}.tutorial-coach{display:flex;gap:10px;align-items:center;height:92px;margin:8px 0}.tutorial-coach>.game-cat{width:70px;height:72px;flex-shrink:0}.tutorial-coach>div{min-width:0}.tutorial-rule{font-size:13px;line-height:1.7;color:#7b657f}.tutorial-coach h1{font-size:23px;line-height:1.4;margin:5px 0 0;min-height:64px;display:flex;align-items:center}.tutorial-dots{display:flex;gap:4px;height:6px;margin:6px 0 15px}.tutorial-dots i{flex:1;border-radius:4px;background:#ded6e5}.tutorial-dots i.passed{background:#e87fab}.tutorial-sheet{background:#fffef9;border:3px solid var(--ink);border-radius:17px;padding:12px;box-shadow:4px 5px 0 var(--ink)}.tutorial-board-wrap{position:relative;isolation:isolate}.tutorial-board{isolation:isolate}.tutorial-board .cell{position:relative}.tutorial-board .cell:disabled{opacity:1}.tutorial-board .board-cat{animation:none;opacity:1;transform:none}.tutorial-group{background-image:repeating-linear-gradient(135deg,#ffffff55 0 6px,#ffffff00 6px 12px)!important}.tutorial-target{z-index:2;outline:4px solid #4166ff;outline-offset:-5px;box-shadow:inset 0 0 0 8px #fff8;animation:tutorial-ring 1.3s ease-in-out infinite}.tutorial-arrow{position:absolute;z-index:5;top:2px;right:4px;color:#262352;font-size:25px;font-weight:900;line-height:1;pointer-events:none;text-shadow:1px 1px 0 white,-1px -1px 0 white;animation:tutorial-arrow .9s ease-in-out infinite}.tutorial-hint-rail{position:relative;height:82px;display:flex;align-items:center;justify-content:center}.tutorial-counter{font-size:12px;color:#918296;line-height:1.7}.tutorial-cue{border:2px solid var(--ink);border-radius:12px;background:#fff2bf;box-shadow:2px 3px 0 #25224f24;padding:9px 10px;z-index:8;pointer-events:none;box-sizing:border-box}.tutorial-cue p{font-size:16px;font-weight:700;line-height:24px;margin:0;color:var(--ink);overflow-wrap:break-word}.tutorial-cue.is-success{background:#e8f9ee}.tutorial-cue.is-error{background:#ffe9f0}.tutorial-cue--cell{position:absolute}.tutorial-cue--dock{position:relative;width:100%;text-align:center}.tutorial-hint-rail:has(.tutorial-cue--dock)>.tutorial-counter{display:none}.tutorial-cue:after{content:'';position:absolute;width:11px;height:11px;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}.tutorial-cue[data-side=none]:after{display:none}.tutorial-cue[data-side=bottom]:after{left:var(--tip-x,50%);top:100%;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink)}.tutorial-cue[data-side=top]:after{left:var(--tip-x,50%);top:0;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.tutorial-cue[data-side=left]:after{left:0;top:var(--tip-y,50%);border-bottom:2px solid var(--ink);border-left:2px solid var(--ink)}.tutorial-cue[data-side=right]:after{left:100%;top:var(--tip-y,50%);border-top:2px solid var(--ink);border-right:2px solid var(--ink)}.tutorial-tools{margin:0;gap:10px}.tutorial-tools button{min-height:48px;font-size:15px;line-height:1.5;padding:9px 4px}.tutorial-tool-target{outline:3px solid #4166ff;outline-offset:3px;animation:tutorial-ring 1.3s ease-in-out infinite}.tutorial-next{display:block;width:100%;margin:20px 0 0;font-size:16px;line-height:1.5;padding:13px 8px;min-height:50px}.tutorial-footnote{text-align:center;font-size:11px;line-height:1.7;color:#8d7c94;margin:15px 0 0}.tutorial-board .cell:focus-visible{outline:4px solid #4166ff;outline-offset:-5px}@keyframes tutorial-ring{50%{outline-color:#97aaff}}@keyframes tutorial-arrow{50%{transform:translateY(4px)}}@media(max-width:600px){.tutorial-view{margin:10px auto 23px;padding:0 14px}.tutorial-coach{height:88px;margin:7px 0}.tutorial-coach h1{font-size:22px;min-height:62px}.tutorial-coach>.game-cat{width:60px;height:66px}.tutorial-rule{font-size:12px}.tutorial-top>button{font-size:12px}.tutorial-sheet{padding:11px}.tutorial-dots{margin-bottom:13px}.tutorial-tools button{font-size:14px}.tutorial-next{margin-top:17px}}@media(max-width:350px){.tutorial-view{padding:0 12px}.tutorial-coach{gap:7px}.tutorial-coach>.game-cat{width:54px;height:58px}.tutorial-coach h1{font-size:22px}.tutorial-sheet{padding:10px}.tutorial-tools button{font-size:13px}}@media(prefers-reduced-motion:reduce){.tutorial-target,.tutorial-arrow,.tutorial-tool-target{animation:none}}