/* MALI: 8x8 labyrinth */
.ml-help{font-size:12px!important;margin:0 0 8px!important}
.ml-board{display:grid;grid-template-columns:repeat(var(--ml-size,8),minmax(0,1fr));grid-template-rows:repeat(var(--ml-size,8),minmax(0,1fr));gap:3px;width:min(100%,330px);aspect-ratio:1;margin:0 auto;background:#53644f;border:4px solid #353037;padding:4px;border-radius:12px;box-shadow:3px 4px 0 #353037;user-select:none}
.ml-cell{min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;background:#d5edc9;border:1px solid #97b18b;border-radius:5px;font-size:var(--ml-font,23px);line-height:1}
.ml-cell:nth-child(even){background:#c9e4bf}
.ml-rock{background:#b5aca1!important;border:2px solid #756b62}
.ml-goal{background:#ffe09b!important;border:2px solid #d09d42}
.ml-dog{background:#a4d8e7!important;border:2px solid #5297b0}
.ml-stats,.ml-message{font-size:12px;font-weight:800;margin:7px auto}
.ml-message{min-height:16px;color:#415647}
.ml-controls{display:grid;grid-template-columns:repeat(3,49px);gap:5px;justify-content:center;margin:8px auto}
.ml-controls .action{padding:7px;min-height:41px;touch-action:manipulation}
.ml-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:8px auto}
.ml-actions .action{font-size:11px;padding:7px 8px}
.ml-result{font-size:12px;padding:9px;background:#e3f5d5;border:2px solid #86b477;border-radius:9px}
.ml-footnote{font-size:10px!important;margin:5px 0 0!important}
@media(max-width:400px){.ml-board{gap:2px;padding:3px}.ml-controls{margin:5px auto}.ml-stats,.ml-message{margin:4px auto}}

.ml-ball{display:block;position:relative;width:65%;aspect-ratio:1;background:var(--ml-ball-color);border:2px solid #353037;border-radius:50%;box-shadow:inset -3px -4px 0 #00000016}
.ml-ball:after{content:'';position:absolute;left:23%;top:15%;width:29%;height:15%;transform:rotate(-28deg);border-radius:50%;background:#ffffff8a}

.ml-future{background:#f5f0e3!important;border:1px dashed #ab9b7e}
.ml-future .ml-ball{opacity:.6}
.ml-ball-num{position:absolute;inset:0;display:grid;place-items:center;color:#24232a;text-shadow:0 1px 2px #ffffffaa;font-size:clamp(8px,.75em,14px);font-weight:1000;line-height:1}
@media(max-width:360px){.ml-board{gap:1px;padding:2px}}

/* MALI navigation model & four-loop assisted teaching */
#ml-auto{background:#d5e8fa}
#ml-stop{background:#ffe7d1}
#ml-cloud-status{overflow-wrap:anywhere}
.ml-result{line-height:1.5}

/* Paw trails: previous visits are visible, but never block returning from a dead end. */
.ml-cell{position:relative}
.ml-paw{position:absolute;right:3%;bottom:3%;font-size:clamp(8px,.58em,14px);line-height:1;pointer-events:none;filter:grayscale(1)}
.ml-paw-1{opacity:.20}
.ml-paw-2{opacity:.40}
.ml-paw-3{opacity:.65}
.ml-paw-4{opacity:.85}