/* Original, simplified monster truck learning art. Not Monster Jam official assets. */
.mt-art{display:block;width:100%;height:auto;max-width:340px;overflow:visible}
.mt-art.mt-tiny{max-width:160px}
.mt-compact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 20px;padding:14px 17px;background:linear-gradient(115deg,#eff4ff,#fff1f7);border:2px solid #dce3fa;border-radius:22px;box-shadow:0 5px 18px #33407b10}
.mt-compact-art{width:140px;flex:0 0 140px}
.mt-compact-text{display:flex;flex-direction:column;gap:5px;flex:1 1 180px;color:#2f365e}
.mt-compact-text strong{font-size:22px}
.mt-compact-text>span:last-child{font-size:14px;color:#636a82}
.mt-overline{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#655ca0;text-transform:uppercase}
.mt-garage-btn{font-size:15px;min-height:49px;flex:0 0 auto}
.mt-bumper{max-width:850px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:4px auto 18px;padding:7px 13px;background:#fff9e9;border:1px solid #e9d8ad;border-radius:16px;color:#51436a;font-size:14px}
.mt-bumper .mt-art{width:84px;flex:0 0 84px}
.mt-bumper strong{color:#423373}
.mt-swap{font-family:inherit;border:1px solid #c6b7df;background:#fff;border-radius:9px;padding:9px 11px;color:#554176;font-weight:800;font-size:13px;cursor:pointer;touch-action:manipulation}
.mt-screen{max-width:850px;margin:4px auto 30px}
.mt-hero{text-align:center;padding:18px 15px 23px;margin:0 0 18px;border-radius:25px;background:linear-gradient(135deg,#e5edff,#fbeefa);border:2px solid #cbd9f3}
.mt-hero h2{font-size:clamp(27px,5vw,38px);margin:9px auto 6px;line-height:1.2;color:#304575}
.mt-hero p{margin:8px auto;color:#5b6084;font-size:17px;max-width:660px;line-height:1.45}
.mt-favourite{display:flex;align-items:center;justify-content:center;gap:20px;max-width:600px;margin:18px auto 0;padding:12px;border-radius:19px;background:#fff;border:1px solid #d3ddef}
.mt-favourite>.mt-art{max-width:240px;flex:0 1 240px}
.mt-favourite>div{display:flex;flex-direction:column;gap:8px;text-align:left}
.mt-favourite strong{font-size:24px;color:#3b4579}
.mt-favourite span{font-size:14px;color:#655c83}
.mt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mt-card{position:relative;min-height:185px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:6px;padding:10px 10px 15px;border:2px solid #d5dcef;border-radius:20px;background:#fff;color:#344370;cursor:pointer;font-family:inherit;touch-action:manipulation}
.mt-card:active,.mt-answer:active,.mt-number-choice:active{transform:scale(.97)}
.mt-card:focus-visible,.mt-answer:focus-visible,.mt-number-choice:focus-visible,.mt-swap:focus-visible{outline:4px solid #9565e4;outline-offset:3px}
.mt-card.mt-selected{border-color:#3eaa69;background:#f0fff5;box-shadow:0 5px 13px #21895714}
.mt-card-art{width:100%;max-width:160px;display:grid;place-items:center;min-height:95px}
.mt-card strong{font-size:18px;line-height:1.24}
.mt-card small{font-size:12px;line-height:1.3;color:#63718a}
.mt-check{font-size:12px;font-weight:900;color:#1d7942;margin-top:auto}
.mt-credit{font-size:12px;color:#6a7082;text-align:center;line-height:1.5;margin:18px auto}
.mt-next-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px auto}
.mt-next-actions .button{font-size:17px;min-height:55px}
.mt-quest-status{display:inline-block;background:#fff;border:1px solid #d6d9f2;color:#655283;font-size:14px;font-weight:800;border-radius:18px;padding:8px 13px;margin:10px 0 0}
.mt-question{border-radius:23px;border:2px solid #d8d7ed;padding:18px 19px 25px;background:white;text-align:center}
.mt-question h3{font-size:clamp(22px,4vw,31px);line-height:1.38;color:#36335e;margin:13px auto 20px;max-width:680px}
.mt-quest-label{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#6f60a0}
.mt-question-art{width:280px;max-width:90%;margin:0 auto 14px}
.mt-count-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;max-width:650px;margin:8px auto 23px}
.mt-count-grid .mt-art{width:clamp(55px,10vw,100px);margin:-7px 0}
.mt-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:680px;margin:10px auto 0}
.mt-answers-trucks{grid-template-columns:repeat(2,minmax(0,1fr))}
.mt-answer{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:138px;padding:10px 8px;border:2px solid #d0c4e9;background:#fcfaff;border-radius:17px;color:#433a6d;font-family:inherit;font-weight:900;font-size:16px;cursor:pointer;touch-action:manipulation}
.mt-answer .mt-art{width:clamp(102px,21vw,170px)}
.mt-answer-right,.mt-number-choice.mt-answer-right{background:#e2fbe8!important;border-color:#38a268!important;color:#1c623c}
.mt-answer-wrong,.mt-number-choice.mt-answer-wrong{background:#fff0ef!important;border-color:#dd7471!important}
.mt-number-choice{font-size:clamp(26px,5vw,38px);font-weight:950;font-family:inherit;min-height:88px;border:2px solid #c8b8e7;border-radius:18px;background:#fff9ff;color:#47336f;cursor:pointer;touch-action:manipulation}
.mt-done{position:absolute;right:13px;top:10px;border-radius:50%;background:#2e9857;color:#fff;display:grid;place-items:center;width:31px;height:31px;font-size:20px}
.mt-success{margin:20px 0 12px;padding:14px 17px;border:1px solid #92d7a4;border-radius:16px;background:#ecf9ef;color:#22603f}
.mt-success strong{font-size:21px}.mt-success p{color:#325940;font-size:16px}
.mt-try{color:#884760;font-size:16px;font-weight:750;margin:16px auto}
.mt-hint{color:#675e79;font-size:14px;margin:14px 0}
.mt-next{margin:9px auto 0;min-height:55px;padding:13px 25px;font-size:18px!important}
.mt-race{margin:12px auto 17px;max-width:640px;color:#4d4376;font-size:17px;font-weight:850}
.mt-race-line{height:18px;border-radius:999px;background:#dce2f4;overflow:hidden;border:1px solid #c8c9e1;margin-top:9px}
.mt-race-line>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#e395c1,#785dc4);transition:width .28s}
.mt-spotlight{display:flex;align-items:center;gap:9px;padding:8px 13px;background:#f2effc;border-radius:14px;margin:12px 0;color:#534779;font-size:14px}
.mt-spotlight svg{width:88px;flex:0 0 88px}
.mt-spotlight strong{font-size:15px;color:#44396d}
@media(max-width:650px){.mt-compact{gap:8px;padding:12px}.mt-compact-art{width:112px;flex-basis:112px}.mt-compact-text strong{font-size:18px}.mt-garage-btn{width:100%;font-size:15px}.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mt-card{min-height:162px;border-radius:16px;padding:8px}.mt-card strong{font-size:14px}.mt-card small{font-size:11px}.mt-card-art{min-height:70px}.mt-hero{padding:15px 10px}.mt-favourite>.mt-art{max-width:165px}.mt-favourite strong{font-size:18px}.mt-question{padding:17px 9px}.mt-answer{min-height:115px;font-size:13px}.mt-answer .mt-art{width:clamp(90px,22vw,125px)}.mt-bumper{font-size:12px;padding:7px}.mt-bumper .mt-art{width:69px;flex-basis:69px}}
@media(prefers-reduced-motion:reduce){.mt-race-line>div{transition:none}}

/* Keep Scottie's picture-truck choices inside small iPad buttons. */
.sc-option .mt-art{width:100%;max-width:155px;max-height:103px;margin:auto}
.sc-option .sc-pic:has(.mt-art){width:100%;min-height:89px}