.tutorial-coach{position:fixed;inset:0;z-index:240;pointer-events:none;color:#243e3e;font-family:inherit}
.tutorial-coach[hidden]{display:none!important}
.coach-ring{position:fixed;box-sizing:border-box;border:2px solid #ad7832;border-radius:15px;box-shadow:0 0 0 3px #fff4ca9c,0 0 0 6px #ad78324d;pointer-events:none;animation:coach-ring-pulse 1.15s ease-in-out 3}
.coach-ring:after{content:'';position:absolute;inset:-7px;border:1px dashed #936326;border-radius:inherit;opacity:.65}
.coach-ring.is-round{border-radius:50%}
.coach-ring.is-still{animation:none}
.tutorial-coach .coach-card{position:fixed;box-sizing:border-box;width:min(340px,calc(100vw - 16px));margin:0;padding:15px 17px 11px;overflow:auto;overscroll-behavior:contain;pointer-events:auto;border:1px solid #b99a64;border-radius:14px;background:linear-gradient(135deg,#fffaf0fa,#f0e4ccfc);box-shadow:0 9px 30px #172b2c4d,inset 0 0 0 3px #fffaf0;font-size:14px;line-height:1.65;animation:coach-card-in .18s ease-out;touch-action:pan-y}
.tutorial-coach .coach-card header{display:flex;align-items:center;gap:8px;margin:0 0 6px;border:0;padding:0;background:none}
.tutorial-coach .coach-card header small{font-size:11px;letter-spacing:.12em;color:#856039}
.coach-seal{display:grid;place-items:center;width:27px;height:27px;border:1px solid #a44936;border-radius:6px;color:#9a3f2e;font:700 17px serif;background:#f7ead5}
.tutorial-coach .coach-card .coach-close{margin-left:auto;padding:0;min-width:42px;min-height:42px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#53655c;font:26px/1 serif}
.tutorial-coach .coach-card h2{margin:0 0 7px;font:700 19px/1.4 serif;color:#243e3e;letter-spacing:0}
.tutorial-coach .coach-card p{margin:0;color:#574938;font-size:14px;line-height:1.7;text-align:left}
.tutorial-coach .coach-card footer{display:flex;gap:9px;justify-content:flex-end;margin-top:12px;padding:0;border:0;background:none}
.tutorial-coach .coach-card footer button{flex:1;min-height:42px;border:1px solid #8b6f48;border-radius:8px;padding:7px 10px;box-shadow:none;font-family:inherit;font-weight:700;font-size:13px;line-height:1.4;background:#fbf4e4;color:#5b4a36}
.tutorial-coach .coach-card footer .coach-action{background:#284e46;color:#fff2d3;border-color:#1d3d35}
.tutorial-coach .coach-card button:focus-visible{outline:2px solid #116778;outline-offset:3px}
.coach-note{display:block;margin-top:6px;color:#80705a;font-size:10px;text-align:center}
.coach-demo{margin:9px 0 0;border-top:1px solid #d4c29c;border-bottom:1px solid #d4c29c;background:#f2e8d5;border-radius:6px}
.coach-demo[hidden]{display:none}.coach-demo svg{display:block;width:100%;height:78px;overflow:visible}
.coach-demo path{fill:none;stroke:#9e4836;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.coach-demo circle{fill:#315449;stroke:#ad8a48;stroke-width:2}.coach-demo text{fill:#fff5dc;font:700 15px serif;text-anchor:middle}
.coach-demo .coach-demo-label{fill:#70583d;font:12px serif}.coach-demo .coach-finger{fill:#c69a62;stroke:#805c32;animation:coach-finger-pull 1.8s ease-in-out 3}.coach-demo .coach-curve{stroke-dasharray:5 4;stroke:#477264}
.tutorial-handbook{margin-top:20px}.tutorial-handbook summary{font-weight:700;color:#294f47}.tutorial-handbook>p{font-size:13px;color:#71604b;line-height:1.7}
.tutorial-handbook section{margin:17px 0}.tutorial-handbook h4{margin:0 0 8px;color:#9a4b35}.tutorial-handbook section details{padding:10px 0;border-top:1px solid #d9caac}.tutorial-handbook section summary{font-size:15px}.tutorial-handbook section p{font-size:14px;line-height:1.8;margin:8px 0;color:#574938}
.tutorial-reset{width:100%;min-height:44px;border-radius:9px;border:1px solid #ab8b56;background:#f7ecd5;color:#654b2c;font-weight:700}
@keyframes coach-ring-pulse{50%{box-shadow:0 0 0 5px #fff4ca88,0 0 0 10px #ad783225;border-color:#cf9a48}}
@keyframes coach-card-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes coach-finger-pull{0%,20%{transform:translateX(0);opacity:1}75%{transform:translateX(-60px);opacity:1}100%{transform:translateX(-60px);opacity:0}}
html[data-game-motion="reduce"] .tutorial-coach .coach-card,html[data-game-motion="reduce"] .coach-ring,html[data-game-motion="reduce"] .coach-finger{animation:none}
@media(prefers-reduced-motion:reduce){.tutorial-coach .coach-card,.coach-ring,.coach-finger{animation:none}}
@media(max-width:380px){.tutorial-coach .coach-card{padding:11px 13px 8px}.tutorial-coach .coach-card h2{font-size:18px}.tutorial-coach .coach-card p{font-size:13px}.coach-demo svg{height:68px}}
@media(max-height:450px){.tutorial-coach .coach-card{width:min(300px,calc(100vw - 16px));padding:9px 12px 7px}.tutorial-coach .coach-card h2{font-size:17px;margin-bottom:4px}.tutorial-coach .coach-card p{font-size:13px;line-height:1.6}.tutorial-coach .coach-card header{margin-bottom:2px}.coach-demo{margin-top:6px}.coach-demo svg{height:58px}.tutorial-coach .coach-card footer{margin-top:8px}}