.tutorial-hint21{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #84945f;background:linear-gradient(120deg,#35482d,#1b3022);margin:0 0 20px}.tutorial-hint21>div{display:grid;gap:6px;min-width:0;flex:1}.tutorial-hint21 small{font-size:9px;letter-spacing:1px;color:#c6ba85}.tutorial-hint21 b{font-size:15px;color:#eee0ab}.tutorial-hint21 span{font-size:11px;color:#bdcba9}.tutorial-hint21 button,.tutorial-hero21 button,.tutorial-task21 button,.tutorial-finish21 button{padding:12px 16px;min-height:44px;border:1px solid #8c9d63;background:#334d32;color:#e9dfb8;font:inherit;font-size:11px}.tutorial-hint21 button:last-child{min-width:44px}.tutorial-hero21 h3{font-size:29px;margin:12px 0}.tutorial-hero21 p,.tutorial-task21 p,.tutorial-finish21 p{font-size:13px;line-height:1.9;color:#bccaa9;overflow-wrap:anywhere}.tutorial-progress21{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:21px;color:#e7d394}.tutorial-progress21 progress{flex:1;height:13px;accent-color:#c7b777;min-width:0}.tutorial-tasks21{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tutorial-task21{min-width:0;margin:0}.tutorial-task21.done{border-color:#8ea875}.tutorial-step-heading21{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tutorial-step-heading21>span{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #a9a26e;color:#f0d58a;background:#3a4c2f}.tutorial-step-heading21 h3{font-size:20px;flex:1;min-width:120px;margin:0}.tutorial-step-heading21>b{font-size:10px;color:#b9cba4}.tutorial-task21 .price-item{white-space:nowrap;display:inline-flex;align-items:center;margin-right:10px}.tutorial-task21 svg{max-width:20px;max-height:20px}.tutorial-convoy21{padding:15px;border-left:3px solid #d6ba72;background:#43573233;margin:14px 0;font-size:13px}.tutorial-convoy21 b{color:#e5d29a}.tutorial-finish21{margin-top:20px}#tutorialStatus21:empty{display:none}.tutorial-task21 button:disabled{opacity:.4;cursor:not-allowed}.tutorial-finish21 button{margin:6px}
@media(max-width:850px){.tutorial-tasks21{grid-template-columns:1fr}}@media(max-width:650px){.tutorial-hint21{padding:13px;flex-wrap:wrap;gap:9px}.tutorial-hint21>div{flex-basis:100%}.tutorial-hint21>button:nth-child(2){flex:1}.tutorial-hero21,.tutorial-task21,.tutorial-finish21{padding:18px 14px}.tutorial-hero21 h3{font-size:24px}.tutorial-hero21 p,.tutorial-task21 p{font-size:12px}.tutorial-step-heading21 h3{font-size:19px}.tutorial-task21>button{width:100%;margin:6px 0}.tutorial-tasks21{gap:14px}}