/* The mentor and menu occupy separate top corners; thumbs own the bottom. */
body.mobile-exam #match#match .settings{position:fixed!important;inset:8px max(10px,env(safe-area-inset-right)) auto auto!important;display:flex!important;width:44px!important;height:44px!important;z-index:90!important;padding:0!important;gap:0!important}
body.mobile-exam #match .settings>button{display:none!important}
body.mobile-exam #match .settings>#mobile-match-menu{display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;padding:8px!important}
body.mobile-exam #mobile-arena-map,body.mobile-exam #academy-team-hud,body.mobile-exam #match .timer,body.mobile-exam #match .footer,body.mobile-exam .academy-player-health{display:none!important}
body.mobile-exam #match#match #tutorial-coach.entrance-exam:not([hidden]){box-sizing:border-box;position:fixed!important;left:max(82px,calc(env(safe-area-inset-left) + 76px))!important;top:10px!important;bottom:auto!important;transform:none!important;width:min(420px,calc(100vw - 155px))!important;min-width:0!important;max-height:112px!important;padding:10px 14px!important;z-index:66!important;pointer-events:none;border-radius:8px 18px 18px 18px!important;background:linear-gradient(115deg,#463254f5,#231d37f5)!important}
body.mobile-exam #match#match #tutorial-coach.entrance-exam .exam-portrait{left:-72px!important;top:0!important;bottom:auto!important;width:68px!important;height:96px!important}
body.mobile-exam #match#match #tutorial-coach.entrance-exam .exam-dialogue{font-size:15px!important;line-height:1.28!important;margin:3px 0 0!important}
body.mobile-exam #match#match #tutorial-coach.entrance-exam small{font-size:9px!important;line-height:12px!important;letter-spacing:.06em!important}
body.mobile-exam #tutorial-coach[data-audio-waiting=true] .exam-copy:after{content:'Touch a control to start the magic';display:block;margin-top:5px;font:700 11px system-ui;color:#ffe4a2}
body.mobile-exam #touch-controls .tutorial-target{outline:2px solid #ffe7a5;outline-offset:5px}
body.mobile-exam #touch-controls .touch-lesson-cue{pointer-events:none!important}
body.mobile-exam #touch-controls .touch-lesson-cue:before{left:50%!important;top:-32px!important;transform:translateX(-50%)!important;font:800 10px/1.3 system-ui!important;white-space:nowrap;padding:4px 7px!important;min-width:0!important;max-width:145px!important;border-radius:8px!important}
body.mobile-exam #touch-controls .touch-lesson-cue:after{width:38px!important;height:46px!important}
body.mobile-exam #touch-controls .touch-lesson-cue.exam-direction:after{left:calc(50% - 12px)!important;top:calc(50% - 7px)!important;animation:exam-thumb-drag 2.5s ease-in-out infinite!important;z-index:4}
.exam-drag-track{position:absolute;left:50%;top:50%;height:0;border-top:2px dashed #ffe2a2;transform-origin:0 0;filter:drop-shadow(0 1px 2px #100c22);pointer-events:none}
.exam-drag-track:after{content:'';position:absolute;right:-1px;top:-5px;width:7px;height:7px;border-top:2px solid #ffe2a2;border-right:2px solid #ffe2a2;transform:rotate(45deg)}
body.mobile-exam #touch-controls .pressed .touch-lesson-cue{opacity:0}
@keyframes exam-thumb-drag{0%,12%{opacity:0;transform:translate(0,0) scale(1.15)}20%,32%{opacity:1;transform:translate(0,0) scale(.9)}67%,82%{opacity:1;transform:translate(var(--exam-drag-x),var(--exam-drag-y)) scale(.9)}100%{opacity:0;transform:translate(var(--exam-drag-x),var(--exam-drag-y)) scale(1)}}
@media(max-height:360px){body.mobile-exam #match#match #tutorial-coach.entrance-exam:not([hidden]){top:7px!important;padding:7px 10px!important;max-height:96px!important;width:min(360px,calc(100vw - 155px))!important}body.mobile-exam #match#match #tutorial-coach.entrance-exam .exam-dialogue{font-size:13px!important}body.mobile-exam #match#match #tutorial-coach.entrance-exam .exam-portrait{height:84px!important}}
@media(prefers-reduced-motion:reduce){body.mobile-exam #touch-controls .touch-lesson-cue.exam-direction:after{animation:none!important;transform:translate(var(--exam-drag-x),var(--exam-drag-y));opacity:1}}

body.mobile-exam #touch-controls .touch-lesson-cue.exam-direction:before{content:attr(data-exam-label)!important}
body.mobile-exam #match#match .settings #pause{display:none!important}
/* Reserve the lower corners for thumbs; keep the dummy clear of the inner spell arc. */
body.mobile-exam #touch-controls .touch-stick{width:112px;height:112px;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}
body.mobile-exam #touch-controls .touch-stick i{width:46px;height:46px}

#tutorial-replay-reminder{width:min(460px,88vw);max-height:90svh;box-sizing:border-box;padding:22px;text-align:center;border:2px solid #c9ae68;border-radius:24px;background:radial-gradient(ellipse at top,#62467d,#221830 85%);color:#fff0bc;box-shadow:0 16px 60px #0009}#tutorial-replay-reminder::backdrop{background:#130d26b8}#tutorial-replay-reminder h2{margin:0 0 18px;font-size:clamp(22px,4vw,30px)}.tutorial-replay-path{display:flex;align-items:center;justify-content:center;gap:22px}.tutorial-replay-path>span{display:grid;justify-items:center;gap:8px}.tutorial-replay-path img,.tutorial-replay-symbol{width:64px;height:64px;object-fit:contain}.tutorial-replay-symbol{font-size:60px;line-height:64px;color:#ceaff8}#tutorial-replay-reminder p{margin:14px 0;color:#ddd0e9}#tutorial-replay-reminder button{min-height:48px;width:100%;background:linear-gradient(#fdeec2,#ecd086);color:#332b23;border:0;border-radius:14px;font-weight:bold;font-size:18px}

/* Keep control customization available throughout the entrance lessons. */
body.mobile-exam #touch-controls .touch-options{display:flex!important}