/* 在线迷宫 */
.mz-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}
.mz-opt{display:flex;align-items:center;gap:.4rem}
.mz-opt label{margin:0;color:#8a9199;font-size:.8125rem}
.mz-opt .form-select{width:auto}
.mz-switch{margin:0;padding-left:2.4rem}
.mz-switch .form-check-label{font-size:.8125rem;color:#5b6675}

.mz-stage{display:flex;justify-content:center;margin-top:.9rem}
.mz-board{position:relative;width:100%;max-width:28rem;aspect-ratio:1/1;border-radius:.8rem;overflow:hidden;
  background:#f8fafc;box-shadow:0 10px 26px rgba(15,23,42,.14);user-select:none;-webkit-user-select:none;
  touch-action:pan-y;-webkit-tap-highlight-color:transparent;cursor:pointer}
.mz-board canvas{display:block;width:100%;height:100%}
.mz-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.5rem;padding:1rem;text-align:center;color:#fff;background:rgba(15,23,42,.72);transition:opacity .18s ease-out}
.mz-overlay.is-off{opacity:0;pointer-events:none}
.mz-overlay-title{font-size:1.3rem;font-weight:700}
.mz-overlay-sub{max-width:20rem;font-size:.8125rem;line-height:1.65;color:rgba(255,255,255,.82)}
.mz-overlay .btn{--bs-btn-padding-y:.3rem}
@media (max-width:400px){.mz-overlay-sub{font-size:.75rem}}

.mz-pad{display:grid;grid-template-columns:repeat(3,3.1rem);grid-template-rows:repeat(2,3.1rem);gap:.4rem;
  justify-content:center;margin-top:1rem}
.mz-dir{display:flex;align-items:center;justify-content:center;border:1px solid #e3e8ee;border-radius:.7rem;background:#fff;
  color:#475569;font-size:1.15rem;cursor:pointer;touch-action:none;user-select:none;
  box-shadow:0 1px 2px rgba(15,23,42,.05);transition:transform .06s ease-out,background .12s,color .12s,border-color .12s}
.mz-dir:hover{color:var(--site-primary,#0d9488);border-color:#ccece8}
.mz-dir:active{transform:scale(.94);background:var(--site-primary,#0d9488);border-color:var(--site-primary,#0d9488);color:#fff}
.mz-up{grid-area:1 / 2}
.mz-left{grid-area:2 / 1}
.mz-down{grid-area:2 / 2}
.mz-right{grid-area:2 / 3}

.mz-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.9rem}
.mz-stat{padding:.5rem .35rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;text-align:center}
.mz-stat b{display:block;color:var(--site-primary,#0d9488);font-size:1.05rem;line-height:1.3;font-variant-numeric:tabular-nums}
.mz-stat span{display:block;margin-top:.1rem;color:#8a9199;font-size:.6875rem}

.mz-help{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.mz-help-item{padding:.65rem .75rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd}
.mz-help-item b{display:block;margin-bottom:.25rem;color:#1f2d3d;font-size:.875rem}
.mz-help-item b i{color:var(--site-primary,#0d9488)}
.mz-help-item span{display:block;color:#66707d;font-size:.8125rem;line-height:1.7}