.muzi-crates{--bg:#eef2ff;--ink:#111827;--muted:#6b7280;--accent:#2563eb;--ok:#16a34a;--bad:#dc2626;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.mz-wrap{max-width:1100px;margin:12px auto;padding:8px}
.mz-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.07);padding:14px}
.mz-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mz-title{font-weight:900;color:var(--ink);font-size:22px}
.mz-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mz-bubble{background:#f1f5f9;border-radius:999px;padding:8px 12px;font-weight:900}
.mz-btn{border:none;border-radius:10px;padding:10px 12px;font-weight:900;background:#f1f5f9;cursor:pointer}
.mz-body{display:grid;grid-template-columns:1fr 300px;gap:14px;margin-top:10px}
@media (max-width:900px){ .mz-body{grid-template-columns:1fr} }
.mz-field{background:var(--bg);border:2px solid #2f2f3a22;border-radius:12px;position:relative;min-height:360px;aspect-ratio:16/10;overflow:hidden}
.mz-cell{position:absolute;border:1px solid rgba(0,0,0,.06)}
.mz-wall{position:absolute;background:repeating-linear-gradient(45deg,#94a3b8,#94a3b8 6px,#cbd5e1 6px,#cbd5e1 12px);border:1px solid #64748b;border-radius:4px}
.mz-robot{position:absolute;background:#ef4444;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.mz-goal{position:absolute;background:#9f2d2d;border-radius:4px}
.mz-panel{background:#fff;border:1px dashed #e2e8f0;border-radius:12px;padding:10px}
.mz-panel h4{margin:0 0 6px 0;font-size:15px}
.mz-help{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:8px}
.mz-kp{display:grid;grid-template-columns:repeat(3,96px);gap:14px;justify-content:center}
.mz-kbtn{width:96px;height:80px;border:none;border-radius:14px;background:#111827;box-shadow:0 2px 9px rgba(0,0,0,.05);cursor:pointer;display:flex;align-items:center;justify-content:center}
.mz-kbtn svg{width:40px;height:40px;fill:#fff}
.mz-kbtn:active{transform:translateY(1px)}
.mz-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-weight:900;box-shadow:0 8px 16px rgba(0,0,0,.15);z-index:9999;display:none}
.mz-toast.ok{background:#16a34a}.mz-toast.bad{background:#dc2626}