/* Four-stage thinking-based tutorials. Fully local; no media or external services. */
.tutor-gamebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;margin:4px 0 18px;background:linear-gradient(120deg,#27375de8,#243b55c7);border:1px solid #6b9baf8a;border-radius:15px}.tutor-gamebar strong{display:block;color:#e6faf6;font-size:14px}.tutor-gamebar span{font-size:12px;color:#b7cfe6;display:block;margin-top:4px}.tutor-gamebar .btn{flex-shrink:0;min-width:140px}.tutor-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#020918d9;backdrop-filter:blur(10px)}.tutor-overlay[hidden]{display:none!important}.tutorial-open{overflow:hidden}.tutor-dialog{width:min(590px,100%);max-height:min(90dvh,790px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3.5vw,32px);border-radius:25px;border:1px solid #82c5d5a6;background:linear-gradient(155deg,#172952,#111c3b 65%,#17213c);box-shadow:0 35px 100px #000b;color:#f4f7ff}.tutor-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.tutor-dialog-head .eyebrow{font-size:11px;line-height:1.4}.tutor-cross{border:1px solid #90a5d4a3;background:#1c2d50;color:#fff;font-size:26px;width:40px;height:40px;border-radius:12px}.tutor-progress{display:flex;gap:7px;margin:16px 0 20px}.tutor-progress span{height:6px;flex:1;border-radius:10px;background:#465679}.tutor-progress span.done{background:linear-gradient(90deg,#4ef1da,#ab96ff)}.tutor-stage-meta{font-size:11px;letter-spacing:.13em;color:#94ecdf;font-weight:800}.tutor-dialog h2{font-size:clamp(25px,5vw,36px);letter-spacing:-1px;margin:9px 0 15px}.tutor-stage-content{min-height:185px}.tutor-stage-content p{font-size:15px;line-height:1.6;color:#dce6fc}.tutor-notes{background:#1c3255cc;border:1px solid #4a7797;border-radius:14px;padding:16px;margin:14px 0}.tutor-notes strong{font-size:13px;color:#7cf4de}.tutor-notes p{font-size:13px;margin:5px 0 12px}.tutor-notes p:last-child{margin-bottom:0}.tutor-chip{display:inline-flex;border:1px solid #b3a2f986;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:800;background:#4332638f;color:#e6ddff}.tutor-formula{padding:18px;text-align:center;background:#123e4b70;border:1px solid #58bcb8a6;border-radius:13px;color:#abfff0;font-size:18px;font-weight:800}.tutor-question{font-weight:750}.tutor-answers{display:grid;gap:9px;margin:14px 0}.tutor-answer{min-height:50px;text-align:left;border-radius:12px;border:1px solid #516d9b;background:#1c2f51;color:white;padding:12px 15px;font-size:14px;font-weight:700}.tutor-answer:hover,.tutor-answer.selected{border-color:#f2db92;background:#344466}.tutor-answer.correct{border-color:#6efad1;background:#1c5a58}.tutor-answer-feedback{font-size:13px;line-height:1.55;color:#c6dbe7;min-height:25px}.tutor-answer-feedback strong{display:block;color:#fff}.tutor-actions{display:flex;gap:12px;margin-top:21px}.tutor-actions .btn{flex:1}.tutor-actions .btn:disabled{opacity:.35;cursor:not-allowed}.tutor-skip{font-size:11px;color:#a2b8d1;text-align:center;margin:14px 0 0}
@media(max-width:620px){.tutor-overlay{align-items:flex-end;padding:0}.tutor-dialog{max-height:93dvh;width:100%;border-radius:24px 24px 0 0;padding:19px 18px 30px}.tutor-gamebar{flex-direction:column;align-items:stretch;gap:12px}.tutor-gamebar .btn{width:100%}.tutor-actions .btn{min-width:0;padding:12px 6px;font-size:12px}.tutor-stage-content{min-height:140px}}
@media(prefers-reduced-motion:reduce){.tutor-overlay{backdrop-filter:none}}