.tutorial-coach{padding:17px 20px;background:#1a3028;border-bottom:1px solid #6c8848;line-height:1.5}
.tutorial-coach[hidden],.tutorial-animals[hidden],#crash-demo-button[hidden]{display:none!important}
.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
.tutorial-top>span{font:800 9px var(--mono);letter-spacing:1.3px;color:var(--lime)}
.tutorial-top button{background:none;border:1px solid #8ba76c;color:#e4f5ce;padding:8px 11px;font:10px var(--mono);min-height:36px}
.tutorial-coach h2{font:800 16px/1.4 var(--mono);margin:0 0 6px;color:#f1f3d8}
.tutorial-coach p{font:12px/1.65 Arial,Helvetica,sans-serif;margin:0;color:#c6d8be;max-width:760px}
.tutorial-steps{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 13px;flex-wrap:wrap;color:#9bb18f;font:9px/1.5 var(--mono)}
.tutorial-steps li{display:flex;gap:5px;align-items:center}
.tutorial-steps li>span{width:18px;height:18px;border:1px solid #60794d;display:grid;place-items:center;font-size:9px}
.tutorial-steps .current{color:#eff5ce;font-weight:800}.tutorial-steps .current>span{background:#d4fc69;border-color:#d4fc69;color:#203326}.tutorial-steps .done{color:#d4fc69}
.tutorial-animals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.tutorial-animals button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 6px;background:#10251f;border:1px solid #6c8152;text-align:left;min-height:62px;font-weight:700;font-size:12px}
.tutorial-animals button[aria-pressed=true]{border-color:#d4fc69;background:#30462a;box-shadow:inset 0 -3px #d4fc69}
.tutorial-animals canvas{width:32px;height:34px;image-rendering:pixelated;flex-shrink:0}
.tutorial-animals small{display:block;font-size:9px;color:#bed1ab;margin-top:4px;font-weight:400;white-space:normal}
.health-hint{padding:10px 14px;margin:0;border-top:1px solid #355045;background:#14291f;color:#bce5bb;font:10px/1.6 var(--mono)}
.lesson-dialog{width:min(660px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid #8ba960;background:#11251e;color:#edf0df;overflow:auto;box-shadow:10px 10px 0 #06130b77}
.lesson-dialog::backdrop{background:#020e0bc9}
.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px;border-bottom:1px solid #4a6341}
.lesson-heading p{font:9px/1.6 var(--mono);letter-spacing:1px;color:#d4fc69;margin:0 0 7px}
.lesson-heading h2{font:800 25px/1.2 var(--mono);letter-spacing:-1px;margin:0}
.lesson-heading button{align-self:flex-start;border:1px solid #71875a;background:none;color:#d4fc69;min-width:40px;min-height:40px;font-size:24px}
.lesson-body{padding:0 24px 18px}.lesson-body>p{font-size:14px;line-height:1.65;color:#c9d7c0}
.lesson-body figure{margin:18px 0;background:#0a1b12;border:1px solid #607a4c}
.lesson-body canvas{width:100%;height:auto;display:block;image-rendering:pixelated}
.lesson-body figcaption{padding:12px 14px;min-height:58px;color:#d4fc69;font:11px/1.6 var(--mono)}
.lesson-tips{padding-left:22px;margin:18px 0 0;font-size:13px;line-height:1.65;color:#c9d7c0}.lesson-tips li{padding-left:5px;margin-bottom:10px}.lesson-tips strong{color:#edf0df}
.lesson-body p.lesson-note{font-size:11px;color:#9eb493;margin-bottom:0}
.lesson-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:17px 24px 22px;background:#0c1e17;border-top:1px solid #4a6341}
.lesson-actions>button:not(.primary-button){background:none;color:#d5e9b9;border:1px solid #6b8153;padding:12px 15px;font:11px var(--mono);min-height:43px}
@media(max-width:600px){.tutorial-coach{padding:13px 12px}.tutorial-coach h2{font-size:14px}.tutorial-coach p{font-size:12px}.tutorial-top{gap:8px}.tutorial-top>span{font-size:8px;letter-spacing:.6px}.tutorial-top button{font-size:9px;padding:8px}.tutorial-steps{gap:7px;font-size:8px}.tutorial-animals{gap:6px}.tutorial-animals button{flex-direction:column;gap:3px;text-align:center;font-size:11px}.tutorial-animals small{font-size:9px;margin-top:3px}.health-hint{font-size:9px}.lesson-heading{padding:18px}.lesson-heading h2{font-size:21px}.lesson-heading p{font-size:8px}.lesson-body{padding:0 18px 16px}.lesson-actions{padding:16px 18px 20px}.lesson-actions .primary-button{flex-grow:1;font-size:10px}.lesson-body figcaption{font-size:10px;min-height:65px}}
