/* Crash Course appears before the normal welcome/game selection menu. */
.rt-training-overlay{position:fixed;inset:0;z-index:1100000;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:rgba(8,21,24,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:auto}
.rt-training-overlay.hidden{display:none}
.rt-training-content{position:relative;width:min(94vw,1100px,calc((100dvh - 74px)*1.3333));max-width:100%;margin:auto;flex-shrink:0}
.rt-training-art{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}
/* The art has its own painted X; place the real accessible button over it. */
.rt-training-x{position:absolute;top:11.5%;right:3%;width:8%;height:13%;border:0;background:transparent;cursor:pointer;border-radius:50%;padding:0}
.rt-training-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.rt-training-continue{display:block;margin:5px auto 0;padding:9px 22px;border-radius:12px;border:2px solid #6b401c;background:#ffcf63;color:#4d2a13;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 3px 9px #0005}
.rt-training-continue:hover{background:#ffe18f}
@media(max-width:600px){.rt-training-overlay{padding:6px}.rt-training-content{width:min(99vw,calc((100dvh - 65px)*1.3333))}.rt-training-continue{font-size:13px;padding:8px 14px}}

.rt-training-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.rt-training-actions .rt-training-continue{margin:7px 0 0}.rt-training-actions #startCrashTutorial{background:#f7ba3d}
